@altinn/altinn-components 0.56.13 → 0.56.15

package/dist/{SearchField-DhPNZyyE.js → SearchField-QTfebYdU.js}

@@ -34,7 +34,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   onClear: y,
   onNavigate: k,
   combobox: f = !1,
-  listId: c,
+  listId: a,
   "aria-activedescendant": w,
   onKeyDown: p,
   onInput: m,
@@ -44,7 +44,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
-  /* @__PURE__ */ o("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": c, children: /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": a, children: /* @__PURE__ */ o(
     ue,
     {
       size: "xs",
@@ -59,7 +59,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       autoCorrect: "off",
       autoCapitalize: "off",
       "aria-autocomplete": "list",
-      "aria-controls": c,
+      "aria-controls": a,
       "aria-activedescendant": w,
       autoFocus: !0,
       onKeyDown: (r) => {
@@ -103,7 +103,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   autoFocusList: y = !0,
   announceNoResults: k = !1,
   search: f,
-  items: c,
+  items: a,
   groups: w = {},
   size: p,
   id: m,
@@ -118,11 +118,11 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   if (b && v >= b)
     return null;
   const d = M === "combobox", i = d && m ? `${m}-listbox` : m, F = j(u), P = j(u), [R, C] = Q(!1), Y = V(
-    () => c.map((n, I) => ({
+    () => a.map((n, I) => ({
       ...n,
       id: n.id || `${m}-item-${I}`
     })),
-    [c, m]
+    [a, m]
   ), O = j(null), { menu: s, setActiveIndex: S, activeItem: W } = de({
     items: Y,
     groups: w,
@@ -190,7 +190,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
             /* @__PURE__ */ o(me, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
               z && /* @__PURE__ */ o(ye, { title: z, level: v }),
               n?.items.filter((H) => !H.props?.hidden).map((H, e) => {
-                const { active: t, onMouseEnter: l } = H, { groupId: K, ...a } = H.props || {}, { expanded: L } = a, U = Array.isArray(a?.items) && a.items.length > 0, J = a.role === "checkbox" || a.role === "radio", ee = d && !J ? "option" : a.role;
+                const { active: t, onMouseEnter: l } = H, { groupId: K, ...c } = H.props || {}, { expanded: L } = c, U = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = d && !J ? "option" : c.role;
                 return /* @__PURE__ */ E(
                   pe,
                   {
@@ -201,28 +201,28 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
                       /* @__PURE__ */ o(
                         fe,
                         {
-                          ...a,
-                          size: a?.size || $?.size || p,
-                          color: a?.color || $?.color || _,
-                          variant: a?.variant || $?.variant || x,
+                          ...c,
+                          size: c?.size || $?.size || p,
+                          color: c?.color || $?.color || _,
+                          variant: c?.variant || $?.variant || x,
                           active: t,
                           role: ee,
-                          selected: a.selected,
-                          tabIndex: a?.disabled || g ? -1 : a.tabIndex ?? 0,
+                          selected: c.selected,
+                          tabIndex: c?.disabled || g ? -1 : c.tabIndex ?? 0,
                           onMouseEnter: l,
                           "aria-haspopup": U ? "menu" : void 0,
                           "aria-expanded": U ? L : void 0,
-                          "aria-controls": U ? a.id + "-menu" : void 0
+                          "aria-controls": U ? c.id + "-menu" : void 0
                         }
                       ),
-                      L && a?.items && /* @__PURE__ */ o(
+                      L && c?.items && /* @__PURE__ */ o(
                         ge,
                         {
-                          id: a.id + "-menu",
+                          id: c.id + "-menu",
                           expanded: L,
                           level: v + 1,
                           maxLevels: b,
-                          items: a?.items,
+                          items: c?.items,
                           groups: w,
                           size: p,
                           color: _,
@@ -247,7 +247,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     groups: y = {},
     size: k,
     color: f,
-    variant: c,
+    variant: a,
     keyboardEvents: w,
     scrollRefStyles: p = {},
     id: m,
@@ -310,8 +310,8 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     }
     const K = I.getOffsetForIndex(z - 1, "auto");
     if (!K) return;
-    const [a, L] = K;
-    L !== "auto" && I.scrollToOffset(a + M + 10, { align: "start" });
+    const [c, L] = K;
+    L !== "auto" && I.scrollToOffset(c + M + 10, { align: "start" });
   }, [z, M, I, q]);
   const X = V(() => {
     const e = /* @__PURE__ */ new Map();
@@ -349,7 +349,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     {
       ref: b,
       style: H,
-      variant: c,
+      variant: a,
       color: f,
       expanded: _,
       id: F,
@@ -415,19 +415,19 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
                 case "header":
                   return /* @__PURE__ */ o(ye, { ...K, title: t.title || "", level: 1 }, e.key);
                 default: {
-                  const a = t.itemProps?.role === "checkbox" || t.itemProps?.role === "radio", L = i && !a ? "option" : t.itemProps?.role;
+                  const c = t.itemProps?.role === "checkbox" || t.itemProps?.role === "radio", L = i && !c ? "option" : t.itemProps?.role;
                   return /* @__PURE__ */ o(
                     pe,
                     {
                       ...K,
-                      role: i || a ? "presentation" : "menuitem",
+                      role: i || c ? "presentation" : "menuitem",
                       children: /* @__PURE__ */ o(
                         fe,
                         {
                           ...t.itemProps || {},
                           size: t.itemProps?.size || k,
                           color: t.itemProps?.color || f,
-                          variant: t.itemProps?.variant || c,
+                          variant: t.itemProps?.variant || a,
                           active: t.active,
                           role: L,
                           selected: t.itemProps?.selected,
@@ -458,7 +458,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   maxLevels: y = 3,
   virtualized: k = !1,
   keyboardEvents: f = !1,
-  scrollRefStyles: c = {},
+  scrollRefStyles: a = {},
   onActiveItemIdChange: w,
   a11yMode: p = "menu",
   open: m,
@@ -480,7 +480,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       level: A,
       maxLevels: y,
       keyboardEvents: f,
-      scrollRefStyles: c,
+      scrollRefStyles: a,
       onActiveItemIdChange: w,
       a11yMode: p,
       open: m,
@@ -501,7 +501,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       level: A,
       maxLevels: y,
       keyboardEvents: f,
-      scrollRefStyles: c,
+      scrollRefStyles: a,
       onActiveItemIdChange: w,
       a11yMode: p,
       open: m,
@@ -529,22 +529,22 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   value: y,
   onClear: k,
   clearButtonAltText: f = "Clear search",
-  menu: c,
+  menu: a,
   minLength: w,
   ...p
 }) => {
-  const m = re(), [_, x] = Q(!1), r = p.id || `search-field-${m}`, g = `${r}-listbox`, [T, N] = Q(void 0), d = "searchfield-clear-button-" + re(), i = V(() => !y || typeof w == "number" && typeof y == "string" && y.length < w ? !1 : _, [_, w, y]), F = V(() => (c?.items ?? []).map((s) => ({
+  const m = re(), [_, x] = Q(!1), r = p.id || `search-field-${m}`, g = `${r}-listbox`, [T, N] = Q(void 0), d = "searchfield-clear-button-" + re(), i = V(() => !a || !y || typeof w == "number" && typeof y == "string" && y.length < w ? !1 : _, [a, _, w, y]), F = V(() => (a?.items ?? []).map((s) => ({
     ...s,
     onClick: () => {
       s.onClick?.(), x(!1);
     }
-  })), [c]), P = (s) => {
+  })), [a]), P = (s) => {
     if (s.key === "Enter" && i) {
-      c?.items?.[0]?.onClick?.(), x(!1);
+      a?.items?.[0]?.onClick?.(), x(!1);
       return;
     }
     if (s.key === "Escape" && i) {
-      s.preventDefault(), s.stopPropagation(), x(!1), c?.onClose(), document.getElementById(r)?.focus();
+      s.preventDefault(), s.stopPropagation(), x(!1), a?.onClose(), document.getElementById(r)?.focus();
       return;
     }
     p.onKeyDown?.(s), x(!0);
@@ -559,7 +559,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   }, O = (s) => {
     s.relatedTarget?.id === d && N(void 0), p.onBlur?.(s);
   };
-  return c ? /* @__PURE__ */ E("div", { className: D.fieldContainer, children: [
+  return a ? /* @__PURE__ */ E("div", { className: D.fieldContainer, children: [
     /* @__PURE__ */ E(
       ae,
       {
@@ -583,7 +583,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
               minLength: w,
               onKeyDown: P,
               onBlur: O,
-              ...c && {
+              ...a && {
                 role: "combobox",
                 "aria-autocomplete": "list",
                 "aria-expanded": !!i,
@@ -616,13 +616,13 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
         ]
       }
     ),
-    c && i && /* @__PURE__ */ o("div", { className: D.autocomplete, "aria-hidden": !i, onMouseDown: Y, children: /* @__PURE__ */ o(
+    a && i && /* @__PURE__ */ o("div", { className: D.autocomplete, "aria-hidden": !i, onMouseDown: Y, children: /* @__PURE__ */ o(
       Me,
       {
-        ...c,
+        ...a,
         id: g,
         items: F,
-        groups: c?.groups,
+        groups: a?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
         open: i,

package/dist/assets/QueryLabel.css

@@ -1 +1 @@
-._label_yf5z4_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_yf5z4_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_yf5z4_1{font-size:var(--dsc-item-font-size);display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_yf5z4_25{display:inline-flex;align-items:center;column-gap:.25rem}._plus_yf5z4_31{color:var(--ds-color-text-subtle)}._item_yf5z4_35{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_yf5z4_35[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_yf5z4_35[data-type=search]:before{content:"«"}._item_yf5z4_35[data-type=search]:after{content:"»"}._item_yf5z4_35[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}
+._label_1qrdy_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;--dsc-item-color: var(--ds-color-text-default);overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1qrdy_1[data-variant=subtle]{--dsc-item-color: var(--ds-color-text-subtle)}._label_1qrdy_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_1qrdy_1{font-size:var(--dsc-item-font-size);color:var(--dsc-item-color);display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1qrdy_31{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1qrdy_37{color:var(--ds-color-text-subtle)}._item_1qrdy_41{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_1qrdy_41[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_1qrdy_41[data-type=search]:before{content:"«"}._item_1qrdy_41[data-type=search]:after{content:"»"}._item_1qrdy_41[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}

package/dist/components/Account/AccountMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-DhPNZyyE.js";
+import { M as S } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 const F = (n) => `${n} hits`, G = ({
   items: n = [],

package/dist/components/ContextMenu/ContextMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import u, { forwardRef as s } from "react";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-DhPNZyyE.js";
+import { M as f } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";

package/dist/components/Dialog/DialogActions.js

@@ -8,7 +8,7 @@ import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "react-dom";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-DhPNZyyE.js";
+import { M as v } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {

package/dist/components/Forms/SearchField.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { S as s } from "../../SearchField-DhPNZyyE.js";
+import { S as s } from "../../SearchField-QTfebYdU.js";
 import "./Input.js";
 import "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-DhPNZyyE.js";
+import { S as I } from "../../SearchField-QTfebYdU.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/AccountSelector.js

@@ -8,7 +8,7 @@ import { Button as A } from "../Button/Button.js";
 import "react-dom";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-DhPNZyyE.js";
+import { S as H } from "../../SearchField-QTfebYdU.js";
 import { S as T } from "../../button-BB5sYVKY.js";
 import { H as V, S as B } from "../../switch-Cemfhx0H.js";
 import { u as j } from "../../useId-BVFxCjkq.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { useState as d, useCallback as G, useEffect as L, useMemo as C } from "react";
-import { M as S } from "../../SearchField-DhPNZyyE.js";
+import { M as S } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,7 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-DhPNZyyE.js";
+import { a as h } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -6,7 +6,7 @@ import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-DhPNZyyE.js";
+import { M as f } from "../../SearchField-QTfebYdU.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";

package/dist/components/Header/LocaleSwitcher.js

@@ -7,7 +7,7 @@ import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-DhPNZyyE.js";
+import { a as p } from "../../SearchField-QTfebYdU.js";
 import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import { LocaleButton as S } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Layout/Layout.js

@@ -11,7 +11,7 @@ import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
 import "../Button/Button.js";
-import { M as k } from "../../SearchField-DhPNZyyE.js";
+import { M as k } from "../../SearchField-QTfebYdU.js";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { Header as F } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-DhPNZyyE.js";
+import { M as t } from "../../SearchField-QTfebYdU.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { a as c } from "../../SearchField-DhPNZyyE.js";
+import { a as c } from "../../SearchField-QTfebYdU.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { b } from "../../SearchField-DhPNZyyE.js";
+import { b } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 export {
   b as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { V as I } from "../../SearchField-DhPNZyyE.js";
+import { V as I } from "../../SearchField-QTfebYdU.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-DhPNZyyE.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-QTfebYdU.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Searchbar/QueryLabel.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_yf5z4_1", o = "_group_yf5z4_25", p = "_plus_yf5z4_31", m = "_item_yf5z4_35", l = {
-  label: n,
-  group: o,
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import '../../assets/QueryLabel.css';const o = "_label_1qrdy_1", d = "_group_1qrdy_31", p = "_plus_1qrdy_37", u = "_item_1qrdy_41", a = {
+  label: o,
+  group: d,
   plus: p,
-  item: m
-}, u = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("span", { className: l.item, "data-type": s, children: t }), i = ({ params: s = [], size: t = "sm" }) => /* @__PURE__ */ e("div", { className: l.label, "data-size": t, children: s.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ e(u, { ...r }),
-  s[a + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
-] }, a)) });
+  item: u
+}, i = ({ type: s = "search", label: l }) => /* @__PURE__ */ e("span", { className: a.item, "data-type": s, children: l }), _ = ({ params: s = [], size: l = "sm", variant: r = "default" }) => /* @__PURE__ */ e("div", { className: a.label, "data-size": l, "data-variant": r, children: s.map((c, t) => /* @__PURE__ */ n("div", { className: a.group, children: [
+  /* @__PURE__ */ e(i, { ...c }),
+  s[t + 1] && /* @__PURE__ */ e("span", { className: a.plus, children: "+" })
+] }, t)) });
 export {
-  u as QueryItem,
-  i as QueryLabel
+  i as QueryItem,
+  _ as QueryLabel
 };

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,80 +1,82 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { useState as b } from "react";
+import { useState as y } from "react";
 import { Button as d } from "../Button/Button.js";
 import { ButtonGroup as h } from "../Button/ButtonGroup.js";
-import { ContextMenu as z } from "../ContextMenu/ContextMenu.js";
+import { ContextMenu as C } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as k } from "../Searchbar/QueryLabel.js";
-import { TextField as C } from "../Forms/TextField.js";
+import { QueryLabel as G } from "../Searchbar/QueryLabel.js";
+import { TextField as j } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as G } from "./SettingsItemBase.js";
-import { SettingsModal as j } from "./SettingsModal.js";
-import { S as M } from "../../MagnifyingGlass-bwVhw07z.js";
-const O = ({
-  id: u,
-  icon: m = M,
-  loading: x,
-  title: l,
-  params: n,
-  controls: L,
+import { SettingsItemBase as z } from "./SettingsItemBase.js";
+import { SettingsModal as L } from "./SettingsModal.js";
+import { BookmarksSettingsItemLabel as M } from "./BookmarksSettingsItemLabel.js";
+import { S as Q } from "../../MagnifyingGlass-bwVhw07z.js";
+const X = ({
+  id: S,
+  icon: m = Q,
+  loading: l,
+  title: n,
+  untitled: T,
+  highlightWords: u,
+  params: a,
+  controls: V,
   inputValue: s,
-  titleField: a,
-  saveButton: t,
-  removeButton: o,
-  contextMenu: f,
-  onChange: p,
-  open: c = !1,
+  titleField: f,
+  saveButton: o,
+  removeButton: i,
+  contextMenu: p,
+  onChange: c,
+  open: k = !1,
   onClose: e,
-  ...S
+  ...b
 }) => {
-  const [y, I] = b("");
+  const [x, I] = y("");
   return /* @__PURE__ */ r(
-    G,
+    z,
     {
-      ...S,
-      id: u,
-      expanded: c,
+      ...b,
+      id: S,
+      expanded: k,
       icon: m,
-      loading: x,
-      title: l,
-      value: /* @__PURE__ */ r(k, { params: n, size: "xs" }),
-      controls: f && /* @__PURE__ */ r(z, { ...f }),
+      loading: l,
+      label: /* @__PURE__ */ r(M, { highlightWords: u, loading: l, params: a, title: n }),
+      controls: p && /* @__PURE__ */ r(C, { ...p }),
       linkIcon: !0,
-      children: /* @__PURE__ */ g(j, { icon: m, title: l, open: c, onClose: e, children: [
-        /* @__PURE__ */ r(k, { params: n }),
+      children: /* @__PURE__ */ g(L, { icon: m, title: n, open: k, onClose: e, children: [
+        /* @__PURE__ */ r(G, { params: a }),
         /* @__PURE__ */ r(
-          C,
+          j,
           {
-            ...a,
-            label: a?.label || "Gi søket et navn",
+            ...f,
+            label: f?.label || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof s == "string" ? s : y,
-            onChange: (i) => {
-              typeof p == "function" ? p(i) : I(i.target.value);
+            value: typeof s == "string" ? s : x,
+            onChange: (t) => {
+              typeof c == "function" ? c(t) : I(t.target.value);
             }
           }
         ),
-        (t || o) && /* @__PURE__ */ g(h, { size: "md", children: [
-          t && /* @__PURE__ */ r(
+        (o || i) && /* @__PURE__ */ g(h, { size: "md", children: [
+          o && /* @__PURE__ */ r(
             d,
             {
-              ...t,
-              onClick: (i) => {
-                t.onClick?.(i), e();
+              ...o,
+              onClick: (t) => {
+                o.onClick?.(t), e();
               }
             }
           ),
-          o && /* @__PURE__ */ r(
+          i && /* @__PURE__ */ r(
             d,
             {
-              ...o,
+              ...i,
               variant: "outline",
               color: "danger",
-              onClick: (i) => {
-                o.onClick?.(i), e();
+              onClick: (t) => {
+                i.onClick?.(t), e();
               }
             }
           )
@@ -84,5 +86,5 @@ const O = ({
   );
 };
 export {
-  O as BookmarksSettingsItem
+  X as BookmarksSettingsItem
 };

package/dist/components/Settings/BookmarksSettingsItemLabel.js

@@ -0,0 +1,21 @@
+import { jsxs as e, Fragment as s, jsx as m } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Button/Button.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { QueryLabel as a } from "../Searchbar/QueryLabel.js";
+import "../Snackbar/useSnackbar.js";
+const h = ({
+  loading: o,
+  title: r,
+  params: i,
+  highlightWords: t
+}) => /* @__PURE__ */ e(s, { children: [
+  r && /* @__PURE__ */ m(p, { size: "sm", loading: o, highlightWords: t, children: r }),
+  /* @__PURE__ */ m(a, { params: i, size: r ? "xs" : "sm", variant: r ? "subtle" : "default" })
+] });
+export {
+  h as BookmarksSettingsItemLabel
+};

package/dist/components/Settings/BookmarksSettingsList.js

@@ -30,7 +30,8 @@ const q = ({
         {
           ...r,
           key: r.id,
-          title: r?.title || l,
+          title: r?.title,
+          untitled: l,
           loading: e || r.loading,
           onToggle: () => d?.(r.id),
           expanded: p === r.id

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as L, useState as u, useCallback as O, useEffect as R } from "react";
-import { M as x } from "../../SearchField-DhPNZyyE.js";
+import { M as x } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-DhPNZyyE.js";
+import { M as I } from "../../SearchField-QTfebYdU.js";
 import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-DhPNZyyE.js";
+import { M as H } from "../../SearchField-QTfebYdU.js";
 import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-DhPNZyyE.js";
+import { M as b } from "../../SearchField-QTfebYdU.js";
 import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,12 +1,12 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as h } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../SearchField-DhPNZyyE.js";
-const d = ({
+import { S as l } from "../../SearchField-QTfebYdU.js";
+const j = ({
   value: r,
   name: o,
   placeholder: t = "Search",
@@ -15,10 +15,11 @@ const d = ({
   clearButtonAltText: i = "Clear search",
   onChange: p,
   onClear: m,
-  menu: s,
-  minLength: c
-}) => /* @__PURE__ */ f(
-  h,
+  onKeyDown: s,
+  menu: c,
+  minLength: f
+}) => /* @__PURE__ */ h(
+  l,
   {
     size: "xs",
     value: r,
@@ -27,15 +28,16 @@ const d = ({
     clearButtonAltText: i,
     onChange: p,
     onClear: m,
+    onKeyDown: s,
     collapsible: a,
     autoComplete: "off",
     autoCapitalize: "off",
     type: "search",
-    minLength: c,
+    minLength: f,
     loading: e,
-    menu: s
+    menu: c
   }
 );
 export {
-  d as ToolbarSearch
+  j as ToolbarSearch
 };

package/dist/components/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./List/ListItemSelect.js";
 import { ListItem as je } from "./List/ListItem.js";
 import { List as Je } from "./List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-DhPNZyyE.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-QTfebYdU.js";
 import { MenuItem as rt } from "./Menu/MenuItem.js";
 import { MenuList as tt } from "./Menu/MenuList.js";
 import { MenuListItem as pt } from "./Menu/MenuListItem.js";

package/dist/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./components/List/ListItemSelect.js";
 import { ListItem as Ke } from "./components/List/ListItem.js";
 import { List as qe } from "./components/List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-DhPNZyyE.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-QTfebYdU.js";
 import { MenuItem as rt } from "./components/Menu/MenuItem.js";
 import { MenuList as tt } from "./components/Menu/MenuList.js";
 import { MenuListItem as pt } from "./components/Menu/MenuListItem.js";

package/dist/types/lib/components/Searchbar/QueryLabel.d.ts

@@ -9,5 +9,6 @@ export declare const QueryItem: ({ type, label }: QueryItemProps) => import("rea
 export interface QueryLabelProps {
     params?: QueryItemProps[];
     size?: QueryItemSize;
+    variant?: 'default' | 'subtle';
 }
-export declare const QueryLabel: ({ params, size }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QueryLabel: ({ params, size, variant }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItem.d.ts

@@ -8,6 +8,8 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     loading?: boolean;
     /** Optional title */
     title?: string;
+    /** Optional title */
+    untitled?: string;
     /** Query params */
     params?: QueryItemProps[];
     /** Input value */
@@ -27,4 +29,4 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     /** Open */
     open?: boolean;
 }
-export declare const BookmarksSettingsItem: ({ id, icon, loading, title, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksSettingsItem: ({ id, icon, loading, title, untitled, highlightWords, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItemLabel.d.ts

@@ -0,0 +1,12 @@
+import { QueryItemProps } from '..';
+export interface BookmarksSettingsItemLabelProps {
+    /** Optional title */
+    title?: string;
+    /** Query params */
+    params?: QueryItemProps[];
+    /** Loading */
+    loading?: boolean;
+    /** Highlight words */
+    highlightWords?: string[];
+}
+export declare const BookmarksSettingsItemLabel: ({ loading, title, params, highlightWords, }: BookmarksSettingsItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -2,4 +2,4 @@ import { SearchFieldProps } from '../Forms';
 export interface ToolbarSearchProps extends SearchFieldProps {
     collapsible?: boolean;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, menu, minLength, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.56.13",
+  "version": "0.56.15",
   "main": "dist/index.js",
   "files": [
     "dist/",