@altinn/altinn-components 0.56.1 → 0.56.2

package/dist/{SearchField-BUp4_VIq.js → SearchField-CN2mo8ck.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import { c as pe } from "./index-p1eeF8LQ.js";
+import { c as fe } from "./index-p1eeF8LQ.js";
 import { useRef as W, useState as X, useMemo as R, useEffect as j, Fragment as me, useLayoutEffect as oe, useId as ne } from "react";
 import { Icon as he } from "./components/Icon/Icon.js";
 import { Button as ye } from "./components/Button/Button.js";
@@ -27,7 +27,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   index: b,
   name: M,
   value: _,
-  placeholder: f = "Search",
+  placeholder: p = "Search",
   clearButtonAltText: a = "Clear search",
   onChange: A,
   onClear: D,
@@ -50,7 +50,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       className: te.searchInput,
       name: M,
       value: _,
-      placeholder: f,
+      placeholder: p,
       onChange: A,
       onClear: D,
       clearButtonAltText: a,
@@ -76,7 +76,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     className: te.searchInput,
     name: M,
     value: _,
-    placeholder: f,
+    placeholder: p,
     onChange: A,
     onClear: D,
     clearButtonAltText: a,
@@ -91,12 +91,12 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     onFocus: w,
     ...k
   }
-) }), fe = ({
+) }), pe = ({
   level: v = 0,
   maxLevels: b,
   expanded: M,
   a11yMode: _ = "menu",
-  open: f,
+  open: p,
   scrollToTopOnOpen: a = !1,
   autoActivateFirstItem: A = !0,
   autoFocusList: D = !0,
@@ -116,7 +116,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
 }) => {
   if (b && v >= b)
     return null;
-  const p = _ === "combobox", u = p && s ? `${s}-listbox` : s, B = W(f), z = W(f), [Y, n] = X(!1), P = R(
+  const f = _ === "combobox", u = f && s ? `${s}-listbox` : s, B = W(p), z = W(p), [Y, n] = X(!1), P = R(
     () => g.map((o, x) => ({
       ...o,
       id: o.id || `${s}-item-${x}`
@@ -135,20 +135,20 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     I?.($?.id);
   }, [$?.id, I]), j(() => {
     if (!a) {
-      B.current = f;
+      B.current = p;
       return;
     }
     const o = B.current;
-    B.current = f, f && !o && G.current?.scrollTo({ top: 0 });
-  }, [f, a]), j(() => {
+    B.current = p, p && !o && G.current?.scrollTo({ top: 0 });
+  }, [p, a]), j(() => {
     const o = z.current;
-    z.current = f, !(!y || l || !D) && f && !o && requestAnimationFrame(() => G.current?.focus?.({ preventScroll: !0 }));
-  }, [f, y, l]), j(() => {
-    if (p && m) {
+    z.current = p, !(!y || l || !D) && p && !o && requestAnimationFrame(() => G.current?.focus?.({ preventScroll: !0 }));
+  }, [p, y, l]), j(() => {
+    if (f && m) {
       H(0), n(!0);
       return;
     }
-  }, [m, p, H]), /* @__PURE__ */ L(
+  }, [m, f, H]), /* @__PURE__ */ L(
     Z,
     {
       variant: k,
@@ -156,17 +156,17 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       ref: G,
       style: c,
       id: u,
-      role: p ? "listbox" : void 0,
+      role: f ? "listbox" : void 0,
       tabIndex: y ? -1 : void 0,
       children: [
         l && /* @__PURE__ */ r(
           de,
           {
             ...l,
-            combobox: p,
+            combobox: f,
             listId: u,
-            "aria-activedescendant": p && Y ? $?.id : void 0,
-            onNavigate: p ? () => n(!0) : void 0,
+            "aria-activedescendant": f && Y ? $?.id : void 0,
+            onNavigate: f ? () => n(!0) : void 0,
             onChange: (o) => {
               n(!1), l.onChange?.(o);
             },
@@ -178,7 +178,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
             },
             onKeyDown: (o) => {
               const x = o.key === "ArrowUp" || o.key === "ArrowDown", O = o.key.length === 1 || o.key === "Backspace" || o.key === "Delete";
-              p && !x && O && n(!1), l.onKeyDown?.(o);
+              f && !x && O && n(!1), l.onKeyDown?.(o);
             }
           }
         ),
@@ -189,13 +189,13 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
             /* @__PURE__ */ r(ce, { hidden: q, children: /* @__PURE__ */ L(Z, { role: "presentation", children: [
               F && /* @__PURE__ */ r(ue, { title: F, level: v }),
               o?.items.filter((U) => !U.props?.hidden).map((U, e) => {
-                const { active: t, onMouseEnter: d } = U, { groupId: N, ...i } = U.props || {}, { expanded: K } = i, V = Array.isArray(i?.items) && i.items.length > 0, Q = i.role === "checkbox" || i.role === "radio", ee = p && !Q ? "option" : i.role;
+                const { active: t, onMouseEnter: d } = U, { groupId: N, ...i } = U.props || {}, { expanded: K } = i, V = Array.isArray(i?.items) && i.items.length > 0, Q = i.role === "checkbox" || i.role === "radio", ee = f && !Q ? "option" : i.role;
                 return /* @__PURE__ */ L(
                   ae,
                   {
                     expanded: K,
                     onMouseLeave: () => H(-1),
-                    role: p || Q ? "presentation" : void 0,
+                    role: f || Q ? "presentation" : void 0,
                     children: [
                       /* @__PURE__ */ r(
                         ie,
@@ -206,7 +206,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
                           variant: i?.variant || O?.variant || k,
                           active: t,
                           role: ee,
-                          selected: p && !Q ? t : i.selected,
+                          selected: f && !Q ? t : i.selected,
                           tabIndex: i?.disabled || y ? -1 : i.tabIndex ?? 0,
                           onMouseEnter: d,
                           "aria-haspopup": V ? "menu" : void 0,
@@ -215,7 +215,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
                         }
                       ),
                       K && i?.items && /* @__PURE__ */ r(
-                        fe,
+                        pe,
                         {
                           id: i.id + "-menu",
                           expanded: K,
@@ -240,7 +240,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     }
   );
 }, Ae = (v) => {
-  const b = W(null), M = W(null), [_, f] = X(0), {
+  const b = W(null), M = W(null), [_, p] = X(0), {
     search: a,
     items: A,
     groups: D = {},
@@ -256,7 +256,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     scrollToTopOnOpen: y = !1,
     autoActivateFirstItem: S = !0,
     announceNoResults: I = !1,
-    onActiveItemIdChange: p
+    onActiveItemIdChange: f
   } = v, u = k === "combobox", B = u && s ? `${s}-listbox` : s, z = W(c), [Y, n] = X(!1), P = R(
     () => A.map((e, t) => ({
       ...e,
@@ -278,7 +278,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     const e = M.current;
     if (!e) return;
     const t = Math.round(e.offsetTop);
-    f((d) => d === t ? d : t);
+    p((d) => d === t ? d : t);
   });
   const F = R(() => {
     const e = T?.id;
@@ -320,8 +320,8 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     }), { positions: e, total: t };
   }, [o]);
   j(() => {
-    p?.(T?.id);
-  }, [T?.id, p]), j(() => {
+    f?.(T?.id);
+  }, [T?.id, f]), j(() => {
     if (u && I) {
       H(0), n(!0);
       return;
@@ -451,7 +451,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   search: b,
   items: M = [],
   groups: _ = {},
-  variant: f = "default",
+  variant: p = "default",
   size: a,
   level: A = 0,
   maxLevels: D = 3,
@@ -465,16 +465,16 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   autoFocusList: k,
   id: c
 }) => {
-  const y = we({ ...b, items: M, groups: _ }), S = v ? y.search : b, I = v && y.hasQuery && y.resultCount === 0, p = v ? y.items : M, u = v ? { ..._, ...y.groups } : _, B = h !== "combobox";
+  const y = we({ ...b, items: M, groups: _ }), S = v ? y.search : b, I = v && y.hasQuery && y.resultCount === 0, f = v ? y.items : M, u = v ? { ..._, ...y.groups } : _, B = h !== "combobox";
   return m ? /* @__PURE__ */ r(
     Ae,
     {
       id: c,
       search: S,
       announceNoResults: I,
-      items: p,
+      items: f,
       groups: u,
-      variant: f,
+      variant: p,
       size: a,
       level: A,
       maxLevels: D,
@@ -488,14 +488,14 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       autoFocusList: k
     }
   ) : /* @__PURE__ */ r(
-    fe,
+    pe,
     {
       id: c,
       search: S,
       announceNoResults: I,
-      items: p,
+      items: f,
       groups: u,
-      variant: f,
+      variant: p,
       size: a,
       level: A,
       maxLevels: D,
@@ -509,7 +509,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
       autoFocusList: k
     }
   );
-}, Ce = "_field_1ssuu_1", De = "_container_1ssuu_5", Be = "_icon_1ssuu_11", Fe = "_input_1ssuu_35", Se = "_clear_1ssuu_54", Ne = "_clearButton_1ssuu_66", ze = "_autocomplete_1ssuu_95", E = {
+}, Ce = "_field_lyp0p_1", De = "_container_lyp0p_5", Be = "_icon_lyp0p_11", Fe = "_input_lyp0p_35", Se = "_clear_lyp0p_54", Ne = "_clearButton_lyp0p_66", ze = "_autocomplete_lyp0p_95", E = {
   field: Ce,
   container: De,
   icon: Be,
@@ -522,7 +522,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   collapsible: b,
   size: M,
   color: _ = "neutral",
-  label: f,
+  label: p,
   value: a,
   onClear: A,
   clearButtonAltText: D = "Clear search",
@@ -530,7 +530,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
   minLength: l,
   ...g
 }) => {
-  const C = ne(), [h, s] = X(!1), w = g.id || `search-field-${C}`, k = `${w}-listbox`, [c, y] = X(void 0), S = "searchfield-clear-button-" + ne(), I = R(() => !a || typeof l == "number" && typeof a == "string" && a.length < l ? !1 : h, [h, l, a]), p = R(() => (m?.items ?? []).map((n) => ({
+  const C = ne(), [h, s] = X(!1), w = g.id || `search-field-${C}`, k = `${w}-listbox`, [c, y] = X(void 0), S = "searchfield-clear-button-" + ne(), I = R(() => !a || typeof l == "number" && typeof a == "string" && a.length < l ? !1 : h, [h, l, a]), f = R(() => (m?.items ?? []).map((n) => ({
     ...n,
     onClick: () => {
       n.onClick?.(), s(!1);
@@ -559,8 +559,8 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
     {
       size: M,
       color: _,
-      label: f,
-      className: pe(E.field, v),
+      label: p,
+      className: fe(E.field, v),
       onBlurCapture: z,
       children: [
         /* @__PURE__ */ L("div", { className: E.container, children: [
@@ -614,7 +614,7 @@ import './assets/SearchField.css';const _e = "_search_18jfe_1", ke = "_searchInp
           {
             ...m,
             id: k,
-            items: p,
+            items: f,
             groups: m?.groups,
             keyboardEvents: !0,
             a11yMode: "combobox",
@@ -631,6 +631,6 @@ export {
   Me as M,
   re as S,
   Ae as V,
-  fe as a,
+  pe as a,
   de as b
 };

package/dist/assets/Dropdown.css

@@ -1 +1 @@
-._dropdown_4f5qx_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_4f5qx_1:focus{outline:none}._content_4f5qx_16{flex-grow:1}._dropdown_4f5qx_1[data-size=sm]{--var-min-width: 16rem;--var-max-width: 24rem}._dropdown_4f5qx_1[data-size=md]{--var-min-width: 24rem;--var-max-width: 32rem}._dropdown_4f5qx_1[data-size=lg]{--var-min-width: 32rem;--var-max-width: 40rem}._dropdown_4f5qx_1[aria-hidden=true]{display:none}._backdrop_4f5qx_43{z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}._backdrop_4f5qx_43[aria-hidden=true]{display:none}._dropdown_4f5qx_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_4f5qx_1[data-variant=dropdown] ._header_4f5qx_68,._dropdown_4f5qx_1[data-variant=dropdown] ._footer_4f5qx_69{display:none}._dropdown_4f5qx_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);max-height:80vh}._dropdown_4f5qx_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_4f5qx_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_4f5qx_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);max-height:80vh}._dropdown_4f5qx_1[data-variant=drawer-dropdown] ._header_4f5qx_68,._dropdown_4f5qx_1[data-variant=drawer-dropdown] ._footer_4f5qx_69{display:none}}._header_4f5qx_68{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_4f5qx_140{font-size:1.125rem;font-weight:500;margin:0}._footer_4f5qx_69{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_4f5qx_69>*{margin:1rem auto}
+._dropdown_15prw_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_15prw_1:focus{outline:none}._content_15prw_17{flex-grow:1}._dropdown_15prw_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_15prw_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_15prw_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_15prw_1[aria-hidden=true]{display:none}._backdrop_15prw_47{z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}._backdrop_15prw_47[aria-hidden=true]{display:none}._dropdown_15prw_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_15prw_1[data-variant=dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=dropdown] ._footer_15prw_73{display:none}._dropdown_15prw_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_15prw_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:1rem;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_15prw_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_15prw_1[data-variant=drawer-dropdown] ._header_15prw_72,._dropdown_15prw_1[data-variant=drawer-dropdown] ._footer_15prw_73{display:none}}._header_15prw_72{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_15prw_146{font-size:1.125rem;font-weight:500;margin:0}._footer_15prw_73{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_15prw_73>*{margin:1rem auto}

package/dist/assets/QueryLabel.css

@@ -1 +1 @@
-._label_1jqye_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1jqye_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_1jqye_1{font-size:var(--dsc-item-font-size);display:flex;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1jqye_25{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1jqye_31{color:var(--ds-color-text-subtle)}._item_1jqye_35{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_1jqye_35[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_1jqye_35[data-type=search]:before{content:"«"}._item_1jqye_35[data-type=search]:after{content:"»"}._item_1jqye_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_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}

package/dist/assets/SearchField.css

@@ -1 +1 @@
-._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._field_1ssuu_1{position:relative}._container_1ssuu_5{position:relative;display:inline-flex;width:100%}._icon_1ssuu_11{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_1ssuu_11>*{pointer-events:none}._icon_1ssuu_11>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_1ssuu_35{padding-left:2.25em;padding-right:2.25em}._input_1ssuu_35[type=search]::-webkit-search-decoration,._input_1ssuu_35[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_1ssuu_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_1ssuu_54{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_1ssuu_66[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1ssuu_66:focus-visible{outline-offset:0;outline-width:2px}._input_1ssuu_35[data-collapsible=true]{transition:width .5s ease-in-out}._input_1ssuu_35[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_1ssuu_35[data-collapsible=true]:focus,._input_1ssuu_35[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_1ssuu_95{position:absolute;top:100%;left:0;min-width:100%;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_1ssuu_95[aria-hidden=true]{display:none}
+._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._field_lyp0p_1{position:relative}._container_lyp0p_5{position:relative;display:inline-flex;width:100%}._icon_lyp0p_11{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_lyp0p_11>*{pointer-events:none}._icon_lyp0p_11>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_lyp0p_35{padding-left:2.25em;padding-right:2.25em}._input_lyp0p_35[type=search]::-webkit-search-decoration,._input_lyp0p_35[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_lyp0p_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_lyp0p_54{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_lyp0p_66[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_lyp0p_66:focus-visible{outline-offset:0;outline-width:2px}._input_lyp0p_35[data-collapsible=true]{transition:width .5s ease-in-out}._input_lyp0p_35[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_lyp0p_35[data-collapsible=true]:focus,._input_lyp0p_35[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_lyp0p_95{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}@media(max-width:1023px){._autocomplete_lyp0p_95{--var-max-width: 100%;--var-width: 100%}}._autocomplete_lyp0p_95[aria-hidden=true]{display:none}

package/dist/components/Account/AccountMenu.js

@@ -4,7 +4,7 @@ import { useState as M, useEffect as w, useMemo as L } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 const F = (n) => `${n} hits`, E = ({
   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-BUp4_VIq.js";
+import { M as f } from "../../SearchField-CN2mo8ck.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

@@ -7,7 +7,7 @@ import { ButtonGroup as C } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-BUp4_VIq.js";
+import { M as v } from "../../SearchField-CN2mo8ck.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/Dropdown/Dropdown.js

@@ -1,11 +1,11 @@
 import { jsxs as g, Fragment as U, jsx as c } from "react/jsx-runtime";
 import { c as Y } from "../../index-p1eeF8LQ.js";
-import { useRef as _, useEffect as x, useState as M, useCallback as O, useLayoutEffect as W } from "react";
+import { useRef as _, useEffect as y, useState as M, useCallback as O, useLayoutEffect as W } from "react";
 import { Button as F } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as G } from "../../XMark-tKk6aExO.js";
-import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_4f5qx_16", J = "_backdrop_4f5qx_43", Q = "_header_4f5qx_68", V = "_footer_4f5qx_69", Z = "_title_4f5qx_140", a = {
+import '../../assets/Dropdown.css';const P = "_dropdown_15prw_1", $ = "_content_15prw_17", J = "_backdrop_15prw_47", Q = "_header_15prw_72", V = "_footer_15prw_73", Z = "_title_15prw_146", a = {
   dropdown: P,
   content: $,
   backdrop: J,
@@ -13,7 +13,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
   footer: V,
   title: Z
 }, tt = "data-focus-guard", A = (l) => {
-  const v = [
+  const w = [
     "a[href]",
     "button:not([disabled])",
     "input:not([disabled])",
@@ -22,7 +22,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
     '[tabindex]:not([tabindex="-1"])',
     '[contenteditable="true"]'
   ].join(",");
-  return Array.from(l.querySelectorAll(v)).filter((o) => !o.hasAttribute(tt)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
+  return Array.from(l.querySelectorAll(w)).filter((o) => !o.hasAttribute(tt)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
     const u = o.getClientRects();
     return u.length > 0 && u[0].width > 0 && u[0].height > 0;
   });
@@ -30,41 +30,41 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
   A(l)[0]?.focus({ preventScroll: !0 });
 }, lt = ({
   id: l = "dropdown",
-  size: v = "sm",
+  size: w = "sm",
   className: o,
   backdrop: u = !0,
   placement: k = "bottom-left",
   variant: D = "dropdown",
   title: L = "Title",
-  closeLabel: q = "Close",
+  closeLabel: z = "Close",
   submitLabel: E,
-  trigger: z,
-  children: H,
+  trigger: H,
+  children: C,
   open: e,
   onClose: f,
-  onSubmit: C,
-  activeDescendantId: N
+  onSubmit: N,
+  activeDescendantId: B
 }) => {
   const h = _(null), m = _(null), R = _(e);
-  x(() => {
+  y(() => {
     R.current = e;
   }, [e]);
-  const [y, B] = M({
+  const [x, I] = M({
     yDir: k.includes("top") ? "top" : "bottom",
     xDir: k.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), w = O(() => {
+  }), v = O(() => {
     if (e && h.current && m.current) {
-      const t = h.current.getBoundingClientRect(), i = m.current.getBoundingClientRect(), n = window.innerHeight, r = window.innerWidth, s = 16, d = n - t.bottom, p = t.top, b = r - t.right - i.width, S = d < 250 && p > d, T = S ? "top" : "bottom", X = (S ? p : d) - s, j = b < s ? "right" : "left";
-      B((K) => ({
+      const t = h.current.getBoundingClientRect(), i = m.current.getBoundingClientRect(), n = window.innerHeight, r = window.innerWidth, s = 16, d = n - t.bottom, p = t.top, b = r - t.right - i.width, S = d < 250 && p > d, X = S ? "top" : "bottom", j = (S ? p : d) - s, q = b < s ? "right" : "left";
+      I((K) => ({
         ...K,
-        yDir: T,
-        maxHeight: X,
-        xDir: j
+        yDir: X,
+        maxHeight: j,
+        xDir: q
       }));
     }
   }, [e]);
-  W(() => (w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w)), [w]), x(() => {
+  W(() => (v(), window.addEventListener("resize", v), () => window.removeEventListener("resize", v)), [v]), y(() => {
     if (!e) return;
     const t = requestAnimationFrame(() => {
       const i = m.current;
@@ -84,7 +84,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
       i.focus?.({ preventScroll: !0 });
     });
     return () => cancelAnimationFrame(t);
-  }, [e]), x(() => {
+  }, [e]), y(() => {
     const t = (n) => {
       n.key === "Escape" && f();
     }, i = (n) => {
@@ -93,7 +93,7 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
     return e && (document.addEventListener("mousedown", i), document.addEventListener("keydown", t)), () => {
       document.removeEventListener("mousedown", i), document.removeEventListener("keydown", t);
     };
-  }, [e, f]), x(() => {
+  }, [e, f]), y(() => {
     if (!e) return;
     const t = m.current;
     if (!t) return;
@@ -116,39 +116,39 @@ import '../../assets/Dropdown.css';const P = "_dropdown_4f5qx_1", $ = "_content_
       document.removeEventListener("focusin", i), document.removeEventListener("keydown", n);
     };
   }, [e]);
-  const I = {
+  const T = {
     position: "absolute",
     zIndex: 50,
     width: "max-content",
-    maxHeight: `${y.maxHeight}px`,
+    maxHeight: `${x.maxHeight}px`,
     overflowY: "auto",
-    [y.xDir]: 0,
-    [y.yDir === "bottom" ? "top" : "bottom"]: "100%"
+    [x.xDir]: 0,
+    [x.yDir === "bottom" ? "top" : "bottom"]: "100%"
   };
   return /* @__PURE__ */ g(U, { children: [
     u && /* @__PURE__ */ c("div", { className: a.backdrop, "aria-hidden": !e }),
     /* @__PURE__ */ g("div", { id: l + "-root", ref: h, style: { position: "relative", display: "inline-block" }, children: [
-      z,
+      H,
       /* @__PURE__ */ g(
         "div",
         {
           ref: m,
           className: Y(a.dropdown, o),
-          style: I,
+          style: T,
           "aria-hidden": !e,
           "data-variant": D,
-          "data-size": v,
+          "data-size": w,
           tabIndex: -1,
           role: "menu",
           "aria-modal": D === "drawer-dropdown" ? !0 : void 0,
-          "aria-activedescendant": N,
+          "aria-activedescendant": B,
           children: [
             /* @__PURE__ */ g("header", { className: a.header, children: [
               /* @__PURE__ */ c("h2", { className: a.title, children: L }),
-              /* @__PURE__ */ c(F, { size: "sm", variant: "outline", onClick: f, "aria-label": q, children: /* @__PURE__ */ c(G, {}) })
+              /* @__PURE__ */ c(F, { size: "sm", variant: "outline", onClick: f, "aria-label": z, children: /* @__PURE__ */ c(G, {}) })
             ] }),
-            /* @__PURE__ */ c("div", { className: a.content, children: H }),
-            E && /* @__PURE__ */ c("footer", { className: a.footer, children: /* @__PURE__ */ c(F, { size: "lg", variant: "solid", onClick: C || f, rounded: !0, children: /* @__PURE__ */ c("span", { "data-size": "md", children: E }) }) })
+            /* @__PURE__ */ c("div", { className: a.content, children: C }),
+            E && /* @__PURE__ */ c("footer", { className: a.footer, children: /* @__PURE__ */ c(F, { size: "lg", variant: "solid", onClick: N || f, rounded: !0, children: /* @__PURE__ */ c("span", { "data-size": "md", children: E }) }) })
           ]
         }
       )

package/dist/components/Forms/SearchField.js

@@ -4,7 +4,7 @@ import "react";
 import "../Icon/Icon.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { S as l } from "../../SearchField-BUp4_VIq.js";
+import { S as l } from "../../SearchField-CN2mo8ck.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-BUp4_VIq.js";
+import { S as I } from "../../SearchField-CN2mo8ck.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

@@ -7,7 +7,7 @@ import { AccountMenu as L } from "../Account/AccountMenu.js";
 import { Button as A } from "../Button/Button.js";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-BUp4_VIq.js";
+import { S as H } from "../../SearchField-CN2mo8ck.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 p, 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-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

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-BUp4_VIq.js";
+import { a as h } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import { useRootContext as b } from "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-BUp4_VIq.js";
+import { M as f } from "../../SearchField-CN2mo8ck.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

@@ -6,7 +6,7 @@ import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-BUp4_VIq.js";
+import { a as p } from "../../SearchField-CN2mo8ck.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

@@ -9,7 +9,7 @@ import { GlobalHeader as d } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { Header as B } 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-BUp4_VIq.js";
+import { M as t } from "../../SearchField-CN2mo8ck.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { a as b } from "../../SearchField-BUp4_VIq.js";
+import { a as b } from "../../SearchField-CN2mo8ck.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../SearchField-BUp4_VIq.js";
+import { b as s } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 export {
   s as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { V as z } from "../../SearchField-BUp4_VIq.js";
+import { V as z } from "../../SearchField-CN2mo8ck.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-BUp4_VIq.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-CN2mo8ck.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,12 +1,12 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_1jqye_1", o = "_group_1jqye_25", p = "_plus_1jqye_31", m = "_item_1jqye_35", l = {
+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,
   plus: p,
   item: m
-}, u = ({ type: e = "search", label: t }) => /* @__PURE__ */ s("span", { className: l.item, "data-type": e, children: t }), i = ({ params: e = [], size: t = "sm" }) => /* @__PURE__ */ s("div", { className: l.label, "data-size": t, children: e.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ s(u, { ...r }),
-  e[a + 1] && /* @__PURE__ */ s("span", { className: l.plus, children: "+" })
+}, 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)) });
 export {
   u as QueryItem,

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { M as g } from "../../SearchField-BUp4_VIq.js";
+import { M as g } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,79 +1,78 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
-import { useState as C, createElement as M } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsxs as g, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { useState as B, createElement as I } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { useFilter as I } from "./useFilter.js";
-import { ButtonGroup as L } from "../Button/ButtonGroup.js";
-import { ToolbarFilterAddMenu as N } from "./ToolbarFilterAddMenu.js";
-import { ToolbarFilterMenu as O } from "./ToolbarFilterMenu.js";
+import { useFilter as N } from "./useFilter.js";
+import { ToolbarFilterAddMenu as O } from "./ToolbarFilterAddMenu.js";
+import { ToolbarFilterMenu as w } from "./ToolbarFilterMenu.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-const V = ({
+const U = ({
   filters: n,
   filterState: e = {},
   onFilterStateChange: r,
-  addLabel: u = "Legg til filter",
-  addNextLabel: b = "Legg til",
-  resetLabel: v = "Nullstill",
-  removeLabel: h = "Fjern filter",
-  submitLabel: F,
+  addLabel: b = "Legg til filter",
+  addNextLabel: v = "Legg til",
+  resetLabel: u = "Nullstill",
+  removeLabel: F = "Fjern filter",
+  submitLabel: h,
   getFilterLabel: T,
   virtualized: j
 }) => {
-  const { visibleFilters: l, hiddenFilters: s, onFilterAdd: x, onFilterChange: R, onFilterRemove: i } = I({
+  const { visibleFilters: m, hiddenFilters: s, onFilterAdd: R, onFilterChange: k, onFilterRemove: i } = N({
     filters: n,
     filterState: e,
     onFilterStateChange: r
-  }), f = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), k = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = C(void 0), p = (o) => {
+  }), x = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), A = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = B(void 0), p = (o) => {
     d((t) => t === o ? void 0 : o);
   }, c = () => {
     d(void 0);
-  }, A = () => {
-    for (const o of k)
+  }, C = () => {
+    for (const o of A)
       i(o);
     r?.({});
   };
-  return /* @__PURE__ */ g(L, { size: "xs", wrap: !0, children: [
-    l?.map((o, t) => {
-      const B = T?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ M(
-        O,
+  return /* @__PURE__ */ g(f, { children: [
+    m?.map((o, t) => {
+      const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
+      return /* @__PURE__ */ I(
+        w,
         {
           ...o,
-          submitLabel: F,
+          submitLabel: h,
           key: t,
           onToggle: () => p(o.name),
           onClose: c,
           open: a === o.name,
-          label: B,
+          label: M,
           onRemove: () => i(o.name),
-          removeLabel: h,
-          onFilterChange: R,
+          removeLabel: F,
+          onFilterChange: k,
           onFilterStateChange: r,
           filterState: e
         }
       );
     }),
-    s?.length > 0 && /* @__PURE__ */ m(
-      N,
+    s?.length > 0 && /* @__PURE__ */ l(
+      O,
       {
         name: "add",
         onToggle: () => p("add"),
         onClose: c,
         open: a === "add",
         items: s,
-        onAdd: x,
-        label: l?.length > 0 ? b : u,
+        onAdd: R,
+        label: m?.length > 0 ? v : b,
         virtualized: j
       }
     ),
-    f && /* @__PURE__ */ g(w, { onClick: A, variant: "ghost", children: [
-      /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
-      /* @__PURE__ */ m("span", { children: v })
+    x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
+      /* @__PURE__ */ l(y, { "aria-hidden": "true" }),
+      /* @__PURE__ */ l("span", { children: u })
     ] })
   ] });
 };
 export {
-  V as ToolbarFilter
+  U as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import u, { forwardRef as v, useRef as m, useEffect as y } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import u, { forwardRef as y, useRef as m, useEffect as w } from "react";
+import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as O } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as I } from "../Menu/useDropdownMenuController.js";
+import { M as I } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { u as x } from "../../useId-BVFxCjkq.js";
-var R = function(t, a) {
+import { u as R } from "../../useId-BVFxCjkq.js";
+var j = function(t, a) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -17,9 +17,9 @@ var R = function(t, a) {
       a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
   return o;
 };
-const j = v((t, a) => {
-  var { title: o, titleId: e } = t, r = R(t, ["title", "titleId"]);
-  let i = x();
+const C = y((t, a) => {
+  var { title: o, titleId: e } = t, r = j(t, ["title", "titleId"]);
+  let i = R();
   return i = o ? e || "title-" + i : void 0, u.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: a, "aria-labelledby": i }, r),
@@ -33,28 +33,30 @@ const j = v((t, a) => {
   onAdd: e,
   onToggle: r,
   onClose: i,
-  open: n
+  open: n,
+  dropdownSize: p = "sm"
 }) => {
-  const l = I({ id: "tool-filter-add" }), f = m(n), p = m(!1), c = a?.map((d) => ({
+  const l = x({ id: "tool-filter-add" }), f = m(n), g = m(!1), c = a?.map((d) => ({
     linkIcon: !0,
     ...d,
     onClick: () => e?.(d?.name ?? "")
   }));
-  if (y(() => {
+  if (w(() => {
     const d = f.current;
     f.current = n, d && !n && l?.triggerRef?.current?.focus();
   }, [n, l.triggerRef]), !c?.length)
     return null;
-  const g = () => {
+  const h = () => {
     const d = document.getElementById(l.menuId);
-    p.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
+    g.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
   };
   return /* @__PURE__ */ s(
-    b,
+    O,
     {
       variant: "drawer-dropdown",
-      trigger: /* @__PURE__ */ h(
-        w,
+      size: p,
+      trigger: /* @__PURE__ */ v(
+        b,
         {
           variant: "secondary",
           style: {
@@ -66,15 +68,15 @@ const j = v((t, a) => {
           onClick: r,
           ref: l.triggerRef,
           children: [
-            /* @__PURE__ */ s(j, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ s(C, { "aria-hidden": "true", focusable: "false" }),
             /* @__PURE__ */ s("span", { children: t })
           ]
         }
       ),
       open: n,
-      onClose: g,
+      onClose: h,
       ...l.dropdownA11yProps,
-      children: /* @__PURE__ */ s(O, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
+      children: /* @__PURE__ */ s(I, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
     }
   );
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,116 +1,119 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as T, useEffect as q } from "react";
+import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as G } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as H } from "../Menu/useDropdownMenuController.js";
+import { M as H } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as A } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as I } from "./ToolbarFilterButton.js";
+import { Dropdown as I } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
 const L = ({
-  as: R,
-  size: a,
+  as: F,
+  size: s,
   name: n,
-  label: s = "",
-  searchable: d,
+  label: a = "",
+  searchable: m,
   groups: f,
   items: l,
-  removable: F,
-  removeLabel: P = "Fjern filter",
-  filterState: m,
+  removable: P,
+  removeLabel: E = "Fjern filter",
+  filterState: d,
   onFilterStateChange: p,
-  onFilterChange: E,
-  onRemove: j,
+  onFilterChange: j,
+  onRemove: C,
   open: t,
   onToggle: g,
   onClose: u,
   submitLabel: v,
-  search: w,
-  virtualized: y,
+  search: y,
+  virtualized: w,
   title: b,
-  variant: C
+  variant: D,
+  dropdownSize: x = "sm"
 }) => {
-  const x = T(t), o = H({ id: "toolbar-filter-menu" });
-  q(() => {
-    const r = x.current;
-    x.current = t, r && !t && o?.triggerRef?.current?.focus();
+  const M = q(t), o = J({ id: "toolbar-filter-menu" });
+  G(() => {
+    const r = M.current;
+    M.current = t, r && !t && o?.triggerRef?.current?.focus();
   }, [t, o.triggerRef]);
-  const D = (r) => {
-    const c = r.target.type, V = r.target.name, B = r.target.value;
-    E?.(c, V, B), c === "radio" && u();
-  }, M = l?.map((r) => ({
+  const O = (r) => {
+    const c = r.target.type, B = r.target.name, T = r.target.value;
+    j?.(c, B, T), c === "radio" && u();
+  }, h = l?.map((r) => ({
     ...r,
-    onChange: (c) => D(c)
-  })), O = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || m?.[n]?.length, h = C || O ? "tinted" : "outline", k = R || G, i = d ? "combobox" : "menu";
-  return F ? /* @__PURE__ */ e(
-    A,
+    onChange: (c) => O(c)
+  })), V = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || d?.[n]?.length, k = D || V ? "tinted" : "outline", A = F || H, i = m ? "combobox" : "menu";
+  return P ? /* @__PURE__ */ e(
+    I,
     {
       submitLabel: v,
       title: b,
       variant: "drawer-dropdown",
+      size: x,
       trigger: /* @__PURE__ */ e(
-        I,
+        R,
         {
           name: n,
           onClick: g,
-          onRemove: j,
+          onRemove: C,
           removable: !0,
-          variant: h,
-          removeLabel: P,
+          variant: k,
+          removeLabel: E,
           open: t,
           "aria-expanded": t,
           "aria-controls": o.menuId,
           ref: o.triggerRef,
-          children: s
+          children: a
         }
       ),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }
   ) : /* @__PURE__ */ e(
-    A,
+    I,
     {
+      size: x,
       title: b,
       variant: "drawer-dropdown",
       submitLabel: v,
-      trigger: /* @__PURE__ */ e(I, { name: n, onClick: g, variant: h, children: s }),
+      trigger: /* @__PURE__ */ e(R, { name: n, onClick: g, variant: k, children: a }),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }

package/dist/components/Toolbar/ToolbarMenu.js

@@ -1,34 +1,36 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Button as d } from "../Button/Button.js";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Button as u } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Dropdown as u } from "../Dropdown/Dropdown.js";
+import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as c } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as b } from "../Menu/useDropdownMenuController.js";
+import { M as b } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../ChevronUpDown-DqGsU4MC.js";
-const k = ({
+import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";
+const D = ({
   title: a = "Title",
   label: i = "Label",
   items: p = [],
-  onSelectId: l,
+  dropdownSize: s = "sm",
+  onSelectId: m,
   ...e
 }) => {
-  const o = b({ id: "toolbar-menu", returnFocusOnClose: !0 }), n = e.searchable ? "combobox" : "menu", m = p.map((t) => ({
+  const o = f({ id: "toolbar-menu", returnFocusOnClose: !0 }), n = e.searchable ? "combobox" : "menu", l = p.map((t) => ({
     ...t,
     onClick: () => {
-      l?.(t?.id ?? ""), o.setOpen(!1);
+      m?.(t?.id ?? ""), o.setOpen(!1);
     }
   }));
   return /* @__PURE__ */ r(
-    u,
+    c,
     {
       id: "toolbar-menu",
       variant: "drawer-dropdown",
       title: a,
-      trigger: /* @__PURE__ */ s(
-        d,
+      size: s,
+      trigger: /* @__PURE__ */ d(
+        u,
         {
           variant: "primary",
           onClick: o.toggleMenu,
@@ -38,7 +40,7 @@ const k = ({
           ref: o.triggerRef,
           children: [
             /* @__PURE__ */ r("span", { children: i }),
-            /* @__PURE__ */ r(f, { "aria-hidden": "true", focusable: "false" })
+            /* @__PURE__ */ r(h, { "aria-hidden": "true", focusable: "false" })
           ]
         }
       ),
@@ -46,10 +48,10 @@ const k = ({
       onClose: () => o.setOpen(!1),
       ...e?.searchable ? {} : o.dropdownA11yProps,
       children: /* @__PURE__ */ r(
-        c,
+        b,
         {
           ...e,
-          items: m,
+          items: l,
           keyboardEvents: o.open,
           a11yMode: n,
           open: o.open,
@@ -61,5 +63,5 @@ const k = ({
   );
 };
 export {
-  k as ToolbarMenu
+  D as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../SearchField-BUp4_VIq.js";
+import { S as f } from "../../SearchField-CN2mo8ck.js";
 const z = ({
   value: r,
   name: o,

package/dist/components/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./List/ListItemSelect.js";
 import { ListItem as Re } from "./List/ListItem.js";
 import { List as Ve } from "./List/List.js";
-import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-BUp4_VIq.js";
+import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-CN2mo8ck.js";
 import { MenuItem as We } from "./Menu/MenuItem.js";
 import { MenuList as Ye } from "./Menu/MenuList.js";
 import { MenuListItem as $e } from "./Menu/MenuListItem.js";

package/dist/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./components/List/ListItemSelect.js";
 import { ListItem as Re } from "./components/List/ListItem.js";
 import { List as Ve } from "./components/List/List.js";
-import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-BUp4_VIq.js";
+import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-CN2mo8ck.js";
 import { MenuItem as We } from "./components/Menu/MenuItem.js";
 import { MenuList as Ye } from "./components/Menu/MenuList.js";
 import { MenuListItem as $e } from "./components/Menu/MenuListItem.js";

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

@@ -1,8 +1,10 @@
+import { DropdownProps } from '../Dropdown';
 import { FilterProps } from './useFilter.tsx';
 export interface ToolbarFilterAddMenuProps extends FilterProps {
+    dropdownSize?: DropdownProps['size'];
     open: boolean;
     onToggle: () => void;
     onClose: () => void;
     onAdd?: (name: string) => void;
 }
-export declare const ToolbarFilterAddMenu: ({ label, items, groups, onAdd, onToggle, onClose, open, }: ToolbarFilterAddMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ToolbarFilterAddMenu: ({ label, items, groups, onAdd, onToggle, onClose, open, dropdownSize, }: ToolbarFilterAddMenuProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,6 @@
 import { ElementType } from 'react';
 import { ButtonProps } from '../Button';
+import { DropdownProps } from '../Dropdown';
 import { FilterProps, FilterState } from './useFilter.tsx';
 export interface ToolbarFilterMenuProps extends Omit<FilterProps, 'variant'> {
     as?: ElementType;
@@ -14,5 +15,6 @@ export interface ToolbarFilterMenuProps extends Omit<FilterProps, 'variant'> {
     submitLabel?: string;
     title?: string;
     variant?: ButtonProps['variant'];
+    dropdownSize?: DropdownProps['size'];
 }
-export declare const ToolbarFilterMenu: ({ as, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, title, variant: customVariant, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilterMenu: ({ as, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, title, variant: customVariant, dropdownSize, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
+import { DropdownProps } from '../Dropdown';
 import { MenuProps } from '../Menu/';
 export interface ToolbarMenuProps extends Omit<MenuProps, 'variant'> {
     title?: string;
     label?: string;
+    dropdownSize?: DropdownProps['size'];
     onSelectId?: (id: string) => void;
 }
-export declare const ToolbarMenu: ({ title, label, items, onSelectId, ...props }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarMenu: ({ title, label, items, dropdownSize, onSelectId, ...props }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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