@altinn/altinn-components 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/{Autocomplete-BNV2UfH3.js → Autocomplete-hEFuiN2u.js} +66 -63
  2. package/dist/assets/GlobalMenuBase.css +1 -1
  3. package/dist/assets/Header.css +1 -1
  4. package/dist/assets/LayoutBase.css +1 -1
  5. package/dist/components/Bookmarks/BookmarksList.js +1 -1
  6. package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
  7. package/dist/components/Bookmarks/BookmarksListItem.stories.js +1 -1
  8. package/dist/components/Bookmarks/index.js +1 -1
  9. package/dist/components/Button/Buttons.stories.js +1 -1
  10. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  11. package/dist/components/ContextMenu/ContextMenu.stories.js +1 -1
  12. package/dist/components/ContextMenu/ContextMenuBase.js +1 -1
  13. package/dist/components/ContextMenu/index.js +1 -1
  14. package/dist/components/Dialog/DialogActions.js +1 -1
  15. package/dist/components/Dialog/DialogGroup.js +1 -1
  16. package/dist/components/Dialog/DialogList.js +1 -1
  17. package/dist/components/Dialog/DialogListItem.js +1 -1
  18. package/dist/components/Dialog/DialogListItem.stories.js +1 -1
  19. package/dist/components/Dialog/DialogNav.js +1 -1
  20. package/dist/components/Dialog/Examples.stories.js +1 -1
  21. package/dist/components/Dialog/index.js +1 -1
  22. package/dist/components/Dropdown/DrawerButton.js +1 -1
  23. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  24. package/dist/components/GlobalMenu/AccountButton.js +1 -1
  25. package/dist/components/GlobalMenu/AccountMenu.d.ts +5 -2
  26. package/dist/components/GlobalMenu/AccountMenu.js +35 -27
  27. package/dist/components/GlobalMenu/AccountMenu.stories.js +19 -2
  28. package/dist/components/GlobalMenu/BackButton.js +1 -1
  29. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  30. package/dist/components/GlobalMenu/GlobalMenu.stories.js +6 -12
  31. package/dist/components/GlobalMenu/GlobalMenuBase.js +9 -9
  32. package/dist/components/Header/Header.js +13 -13
  33. package/dist/components/Header/HeaderBase.js +1 -1
  34. package/dist/components/Layout/Layout.js +1 -1
  35. package/dist/components/Layout/Layout.stories.js +131 -42
  36. package/dist/components/Layout/LayoutBase.js +3 -3
  37. package/dist/components/LayoutAction/ActionMenu.js +1 -1
  38. package/dist/components/List/List.js +1 -1
  39. package/dist/components/List/List.stories.js +1 -1
  40. package/dist/components/List/ListItem.js +1 -1
  41. package/dist/components/List/ListItem.stories.js +1 -1
  42. package/dist/components/List/ListItemControls.js +1 -1
  43. package/dist/components/List/index.js +1 -1
  44. package/dist/components/Menu/Menu.js +1 -1
  45. package/dist/components/Menu/MenuItem.stories.js +1 -1
  46. package/dist/components/Menu/MenuItems.js +1 -1
  47. package/dist/components/Menu/MenuItems.stories.js +1 -1
  48. package/dist/components/Menu/MenuSearch.js +1 -1
  49. package/dist/components/Menu/index.js +1 -1
  50. package/dist/components/Page/PageHeader.js +1 -1
  51. package/dist/components/Searchbar/Autocomplete.js +1 -1
  52. package/dist/components/Searchbar/Autocomplete.stories.js +1 -1
  53. package/dist/components/Searchbar/AutocompleteItem.js +1 -1
  54. package/dist/components/Searchbar/ScopeListItem.js +1 -1
  55. package/dist/components/Searchbar/Searchbar.js +1 -1
  56. package/dist/components/Toolbar/ToolbarAdd.js +1 -1
  57. package/dist/components/Toolbar/ToolbarDaterange.js +1 -1
  58. package/dist/components/Toolbar/ToolbarFilter.js +1 -1
  59. package/dist/components/Toolbar/ToolbarMenu.js +1 -1
  60. package/dist/components/Toolbar/ToolbarOptions.js +1 -1
  61. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  62. package/dist/components/index.js +1 -1
  63. package/dist/index.js +1 -1
  64. package/package.json +1 -1
@@ -8,7 +8,7 @@ import { AccountMenu as v } from "./AccountMenu.js";
8
8
  import { AccountButton as C } from "./AccountButton.js";
9
9
  import { BackButton as j } from "./BackButton.js";
10
10
  import { LogoutButton as A } from "./LogoutButton.js";
11
- import "../../Autocomplete-BNV2UfH3.js";
11
+ import "../../Autocomplete-hEFuiN2u.js";
12
12
  import { MenuListItem as l } from "../Menu/MenuBase.js";
13
13
  import { Menu as d } from "../Menu/Menu.js";
14
14
  import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
@@ -1,7 +1,7 @@
1
- import { GlobalMenu as t } from "./GlobalMenu.js";
2
- const r = {
1
+ import { GlobalMenu as a } from "./GlobalMenu.js";
2
+ const t = {
3
3
  title: "GlobalMenu/GlobalMenu",
4
- component: t,
4
+ component: a,
5
5
  tags: ["autodocs"],
6
6
  parameters: {},
7
7
  args: {
@@ -152,19 +152,14 @@ const r = {
152
152
  }
153
153
  }
154
154
  }, l = {
155
- args: {
156
- accountSearch: {
157
- placeholder: "Finn konto"
158
- }
159
- }
160
- }, s = {
161
155
  args: {
162
156
  logoutLabel: "Logg ut",
163
157
  menuLabel: "Meny",
164
158
  backLabel: "Tilbake",
165
159
  changeLabel: "Endre konto",
166
160
  accountSearch: {
167
- placeholder: "Søk etter konto",
161
+ placeholder: "Finn konto",
162
+ name: "search-account",
168
163
  getResultsLabel: (e = 0) => e ? e + " treff" : "Ingen treff",
169
164
  hidden: !1
170
165
  }
@@ -173,8 +168,7 @@ const r = {
173
168
  export {
174
169
  l as AccountSearch,
175
170
  i as Company,
176
- s as CustomLabels,
177
171
  o as Default,
178
172
  n as Login,
179
- r as default
173
+ t as default
180
174
  };
@@ -1,12 +1,12 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import '../../assets/GlobalMenuBase.css';const n = "_nav_1mnmu_1", a = "_footer_1mnmu_8", t = "_drawer_1mnmu_16", s = "_dropdown_1mnmu_22", r = {
3
- nav: n,
4
- footer: a,
5
- drawer: t,
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import '../../assets/GlobalMenuBase.css';const a = "_nav_ratd2_1", t = "_footer_ratd2_7", n = "_drawer_ratd2_15", s = "_dropdown_ratd2_21", e = {
3
+ nav: a,
4
+ footer: t,
5
+ drawer: n,
6
6
  dropdown: s
7
- }, d = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "global", children: o }), l = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), _ = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
7
+ }, l = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-theme": "global", children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), c = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
8
8
  export {
9
- d as GlobalMenuBase,
10
- _ as GlobalMenuFooter,
11
- l as GlobalMenuHeader
9
+ l as GlobalMenuBase,
10
+ c as GlobalMenuFooter,
11
+ _ as GlobalMenuHeader
12
12
  };
@@ -1,25 +1,25 @@
1
1
  "use client";
2
- import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
+ import { jsxs as m, jsx as o } from "react/jsx-runtime";
3
3
  import "react";
4
- import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
5
- import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
4
+ import { useEscapeKey as x } from "../../hooks/useEscapeKey.js";
5
+ import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
6
6
  import "../../index-L8X2o7IH.js";
7
7
  import { DrawerBase as H } from "../Dropdown/DrawerBase.js";
8
8
  import "../Icon/SvgIcon.js";
9
9
  import { useRootContext as _ } from "../RootProvider/RootProvider.js";
10
- import { GlobalMenu as t } from "../GlobalMenu/GlobalMenu.js";
10
+ import { GlobalMenu as p } from "../GlobalMenu/GlobalMenu.js";
11
11
  import { HeaderBase as C } from "./HeaderBase.js";
12
12
  import { HeaderLogo as b } from "./HeaderLogo.js";
13
13
  import { HeaderButton as y } from "./HeaderButton.js";
14
14
  import { Searchbar as B } from "../Searchbar/Searchbar.js";
15
15
  import { HeaderMenu as N } from "./HeaderMenu.js";
16
16
  import { HeaderSearch as S } from "./HeaderSearch.js";
17
- import '../../assets/Header.css';const I = "_drawer_1wgf5_1", M = "_dropdown_1wgf5_5", d = {
18
- drawer: I,
19
- dropdown: M
17
+ import '../../assets/Header.css';const u = "_drawer_ft5v3_1", v = "_dropdown_ft5v3_5", d = {
18
+ drawer: u,
19
+ dropdown: v
20
20
  }, O = ({ search: s, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
21
- const { currentId: e, toggleId: n, openId: c, closeAll: m } = _();
22
- g(m);
21
+ const { currentId: e, toggleId: n, openId: c, closeAll: t } = _();
22
+ x(t);
23
23
  const f = () => {
24
24
  c("search");
25
25
  }, h = () => {
@@ -27,9 +27,9 @@ import '../../assets/Header.css';const I = "_drawer_1wgf5_1", M = "_dropdown_1wg
27
27
  }, w = () => {
28
28
  n("menu");
29
29
  };
30
- return /* @__PURE__ */ p(C, { currentId: e, open: e === "search" || e === "menu", onClose: m, children: [
30
+ return /* @__PURE__ */ m(C, { currentId: e, open: e === "search" || e === "menu", onClose: t, children: [
31
31
  /* @__PURE__ */ o(b, { ...l, className: d.logo }),
32
- /* @__PURE__ */ p(N, { className: d.menu, children: [
32
+ /* @__PURE__ */ m(N, { className: d.menu, children: [
33
33
  /* @__PURE__ */ o(
34
34
  y,
35
35
  {
@@ -43,10 +43,10 @@ import '../../assets/Header.css';const I = "_drawer_1wgf5_1", M = "_dropdown_1wg
43
43
  label: r == null ? void 0 : r.menuLabel
44
44
  }
45
45
  ),
46
- r && /* @__PURE__ */ o(x, { padding: !1, placement: "right", expanded: e === "menu", className: d.dropdown, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
46
+ r && /* @__PURE__ */ o(g, { padding: !0, placement: "right", expanded: e === "menu", className: d.dropdown, children: /* @__PURE__ */ o(p, { ...r, currentAccount: a }) })
47
47
  ] }),
48
48
  s && /* @__PURE__ */ o(S, { expanded: e === "search", children: /* @__PURE__ */ o(B, { ...s, expanded: e === "search", onClose: h, onFocus: f }) }),
49
- r && /* @__PURE__ */ o(H, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
49
+ r && /* @__PURE__ */ o(H, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(p, { ...r, currentAccount: a }) })
50
50
  ] });
51
51
  };
52
52
  export {
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
6
  import { Backdrop as m } from "../Dropdown/Backdrop.js";
7
- import "../../Autocomplete-BNV2UfH3.js";
7
+ import "../../Autocomplete-hEFuiN2u.js";
8
8
  import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
9
9
  header: i,
10
10
  backdrop: n
@@ -11,7 +11,7 @@ import "../Icon/SvgIcon.js";
11
11
  import "react";
12
12
  import { useRootContext as B } from "../RootProvider/RootProvider.js";
13
13
  import { Menu as C } from "../Menu/Menu.js";
14
- import "../../Autocomplete-BNV2UfH3.js";
14
+ import "../../Autocomplete-hEFuiN2u.js";
15
15
  const A = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
16
16
  const { currentId: f } = B(), { menu: h, ...l } = o;
17
17
  return /* @__PURE__ */ r(i, { theme: n, currentId: f, children: [
@@ -1,15 +1,15 @@
1
- import { jsx as o, jsxs as u, Fragment as I } from "react/jsx-runtime";
2
- import { useState as g, createElement as y } from "react";
1
+ import { jsx as o, jsxs as p, Fragment as y } from "react/jsx-runtime";
2
+ import { useState as h, createElement as I } from "react";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "../Icon/SvgIcon.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { D as A } from "../../Autocomplete-BNV2UfH3.js";
6
+ import { D as A } from "../../Autocomplete-hEFuiN2u.js";
7
7
  import { Layout as k } from "./Layout.js";
8
- import { ActionHeader as v } from "../LayoutAction/ActionHeader.js";
9
- import { ActionFooter as w } from "../LayoutAction/ActionFooter.js";
10
- import { ActionMenu as C } from "../LayoutAction/ActionMenu.js";
11
- import { ListBase as L } from "../List/ListBase.js";
12
- import { Snackbar as M } from "../Snackbar/Snackbar.js";
8
+ import { ActionHeader as S } from "../LayoutAction/ActionHeader.js";
9
+ import { ActionFooter as v } from "../LayoutAction/ActionFooter.js";
10
+ import { ActionMenu as L } from "../LayoutAction/ActionMenu.js";
11
+ import { ListBase as w } from "../List/ListBase.js";
12
+ import { Snackbar as B } from "../Snackbar/Snackbar.js";
13
13
  const m = {
14
14
  search: {
15
15
  name: "search",
@@ -21,15 +21,104 @@ const m = {
21
21
  name: "Aurora Mikalsen"
22
22
  },
23
23
  menu: {
24
+ logoutButton: {
25
+ label: "Logg ut"
26
+ },
27
+ items: [
28
+ {
29
+ id: "1",
30
+ icon: "airplane",
31
+ size: "lg",
32
+ title: "Section 1"
33
+ },
34
+ {
35
+ id: "2",
36
+ icon: "briefcase",
37
+ size: "lg",
38
+ title: "Section 2"
39
+ },
40
+ {
41
+ id: "3",
42
+ size: "lg",
43
+ title: "Section 3",
44
+ icon: "camera"
45
+ }
46
+ ],
47
+ accountSearch: {
48
+ name: "account-search",
49
+ placeholder: "Søk etter konto"
50
+ },
51
+ accountGroups: {
52
+ primary: {
53
+ title: "Deg selv og favoritter"
54
+ },
55
+ secondary: {
56
+ title: "Andre kontoer"
57
+ }
58
+ },
24
59
  accounts: [
25
60
  {
26
- id: "party:aurora",
61
+ id: "aurora",
62
+ groupId: "primary",
27
63
  type: "person",
28
- name: "Aurora Mikalsen"
64
+ name: "Aurora Mikalsen",
65
+ selected: !0,
66
+ badge: {
67
+ label: "2"
68
+ }
69
+ },
70
+ {
71
+ id: "bergen-bar",
72
+ groupId: "favourites",
73
+ type: "company",
74
+ name: "Bergen Bar",
75
+ selected: !1,
76
+ badge: {
77
+ label: "19"
78
+ }
79
+ },
80
+ {
81
+ id: "allAccounts",
82
+ groupId: "groups",
83
+ type: "company",
84
+ name: "Alle virksomheter",
85
+ accountNames: ["Keeperhansker AS", "Stadion drift AS", "Landslaget"],
86
+ selected: !1,
87
+ badge: {
88
+ label: "19"
89
+ }
90
+ },
91
+ {
92
+ id: "keeper",
93
+ groupId: "secondary",
94
+ type: "company",
95
+ name: "Keeperhansker AS",
96
+ selected: !1
97
+ },
98
+ {
99
+ id: "stadion-drift",
100
+ groupId: "secondary",
101
+ type: "company",
102
+ name: "Stadion drift AS",
103
+ selected: !1
104
+ },
105
+ {
106
+ id: "sk-brann",
107
+ groupId: "favourites",
108
+ type: "company",
109
+ name: "Sportsklubben Brann",
110
+ selected: !1
111
+ },
112
+ {
113
+ id: "norge",
114
+ groupId: "secondary",
115
+ type: "company",
116
+ name: "Landslaget",
117
+ selected: !1
29
118
  }
30
119
  ]
31
120
  }
32
- }, x = {
121
+ }, C = {
33
122
  address: "Postboks 1382 Vika, 0114 Oslo.",
34
123
  address2: "Org.nr. 991 825 827",
35
124
  menu: {
@@ -100,7 +189,7 @@ const m = {
100
189
  title: "Papirkurv"
101
190
  }
102
191
  ]
103
- }, Q = {
192
+ }, G = {
104
193
  title: "Layout/Layout",
105
194
  component: k,
106
195
  tags: ["autodocs"],
@@ -110,23 +199,23 @@ const m = {
110
199
  args: {
111
200
  theme: "person",
112
201
  header: m,
113
- footer: x,
202
+ footer: C,
114
203
  sidebar: {
115
204
  menu: f
116
205
  }
117
206
  }
118
- }, U = {
207
+ }, H = {
119
208
  args: {}
120
- }, V = (a) => {
121
- const [r, s] = g(""), h = (t) => {
209
+ }, N = (l) => {
210
+ const [r, s] = h(""), u = (t) => {
122
211
  s(t.target.value);
123
- }, p = [
212
+ }, g = [
124
213
  {
125
214
  type: "scope",
126
215
  groupId: "1",
127
216
  id: "inbox",
128
217
  href: "#",
129
- label: r ? () => /* @__PURE__ */ u("span", { children: [
218
+ label: r ? () => /* @__PURE__ */ p("span", { children: [
130
219
  /* @__PURE__ */ o("mark", { children: r }),
131
220
  " i innboksen"
132
221
  ] }) : "Alt i innboksen"
@@ -136,7 +225,7 @@ const m = {
136
225
  groupId: "1",
137
226
  id: "global",
138
227
  href: "#",
139
- label: r ? () => /* @__PURE__ */ u("span", { children: [
228
+ label: r ? () => /* @__PURE__ */ p("span", { children: [
140
229
  /* @__PURE__ */ o("mark", { children: r }),
141
230
  " i hele Altinn"
142
231
  ] }) : "Alt i hele Altinn"
@@ -158,26 +247,26 @@ const m = {
158
247
  title: `${c.length} treff i innboksen`
159
248
  }
160
249
  },
161
- items: [...p, ...c]
250
+ items: [...g, ...c]
162
251
  };
163
252
  return /* @__PURE__ */ o(
164
253
  k,
165
254
  {
166
- ...a,
255
+ ...l,
167
256
  header: {
168
- ...a.header,
257
+ ...l.header,
169
258
  search: {
170
- ...a.header.search,
259
+ ...l.header.search,
171
260
  value: r,
172
- onChange: h,
261
+ onChange: u,
173
262
  onClear: () => s(""),
174
263
  autocomplete: d
175
264
  }
176
265
  }
177
266
  }
178
267
  );
179
- }, $ = (a) => {
180
- const [r, s] = g([]), [h, p] = g({
268
+ }, Q = (l) => {
269
+ const [r, s] = h([]), [u, g] = h({
181
270
  1: {
182
271
  id: "1",
183
272
  title: "Item 1",
@@ -224,45 +313,45 @@ const m = {
224
313
  }
225
314
  ])
226
315
  })), d = ({ id: e }) => {
227
- p((n) => ({
316
+ g((n) => ({
228
317
  ...n,
229
318
  [e]: {
230
319
  ...n[e],
231
320
  selected: !n[e].selected
232
321
  }
233
322
  }));
234
- }, t = Object.values(h), i = t == null ? void 0 : t.filter((e) => e.selected), l = (i == null ? void 0 : i.length) > 0, b = (i == null ? void 0 : i.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
235
- return /* @__PURE__ */ u(
323
+ }, t = Object.values(u), a = t == null ? void 0 : t.filter((e) => e.selected), i = (a == null ? void 0 : a.length) > 0, b = (a == null ? void 0 : a.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
324
+ return /* @__PURE__ */ p(
236
325
  k,
237
326
  {
238
- theme: l ? "neutral" : "company",
239
- header: { ...m, search: l ? void 0 : m.search },
240
- sidebar: { hidden: l, menu: f },
327
+ theme: i ? "neutral" : "company",
328
+ header: { ...m, search: i ? void 0 : m.search },
329
+ sidebar: { hidden: i, menu: f },
241
330
  content: { theme: "neutral" },
242
331
  children: [
243
- /* @__PURE__ */ o(v, { title: b, hidden: !l }),
244
- /* @__PURE__ */ o(L, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ y(
332
+ /* @__PURE__ */ o(S, { title: b, hidden: !i }),
333
+ /* @__PURE__ */ o(w, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ I(
245
334
  A,
246
335
  {
247
336
  ...e,
248
337
  key: e == null ? void 0 : e.id,
249
338
  title: e.title,
250
- onClick: l ? () => d(e) : void 0,
339
+ onClick: i ? () => d(e) : void 0,
251
340
  selected: e.selected,
252
341
  select: { checked: e == null ? void 0 : e.selected, onChange: () => d(e) }
253
342
  }
254
343
  )) }),
255
- /* @__PURE__ */ o(w, { hidden: !1, children: /* @__PURE__ */ u(I, { children: [
256
- l && /* @__PURE__ */ o(C, { items: c, theme: "global-dark" }),
257
- r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(M, { ...e }, n)))
344
+ /* @__PURE__ */ o(v, { hidden: !1, children: /* @__PURE__ */ p(y, { children: [
345
+ i && /* @__PURE__ */ o(L, { items: c, theme: "global-dark" }),
346
+ r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(B, { ...e }, n)))
258
347
  ] }) })
259
348
  ]
260
349
  }
261
350
  );
262
351
  };
263
352
  export {
264
- V as ControlledStateSearch,
265
- U as Default,
266
- $ as InboxBulkMode,
267
- Q as default
353
+ N as ControlledStateSearch,
354
+ H as Default,
355
+ Q as InboxBulkMode,
356
+ G as default
268
357
  };
@@ -1,7 +1,7 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import '../../assets/LayoutBase.css';const o = "_base_1401f_1", r = {
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import '../../assets/LayoutBase.css';const o = "_base_wqztk_1", r = {
3
3
  base: o
4
- }, n = ({ currentId: s, theme: a, children: e }) => /* @__PURE__ */ t("div", { className: r.base, "data-theme": a, "data-current-id": s, children: e });
4
+ }, n = ({ currentId: s, theme: t, children: a }) => /* @__PURE__ */ e("div", { className: r.base, "data-theme": t, "data-current-id": s, children: a });
5
5
  export {
6
6
  n as LayoutBase
7
7
  };
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import { MenuItem as o } from "../Menu/MenuItem.js";
6
6
  import "../RootProvider/RootProvider.js";
7
- import "../../Autocomplete-BNV2UfH3.js";
7
+ import "../../Autocomplete-hEFuiN2u.js";
8
8
  import { MenuBase as n } from "../Menu/MenuBase.js";
9
9
  import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", e = {
10
10
  menu: s,
@@ -3,7 +3,7 @@ import { createElement as s } from "react";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "../Icon/SvgIcon.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { a } from "../../Autocomplete-BNV2UfH3.js";
6
+ import { a } from "../../Autocomplete-hEFuiN2u.js";
7
7
  import { ListBase as n } from "./ListBase.js";
8
8
  const h = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(n, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(a, { ...e, size: t, key: "item" + i })) });
9
9
  export {
@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
- import "../../Autocomplete-BNV2UfH3.js";
6
+ import "../../Autocomplete-hEFuiN2u.js";
7
7
  import { List as t } from "./List.js";
8
8
  const a = {
9
9
  title: "List/List",
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./ListItemBase.js";
3
- import { a } from "../../Autocomplete-BNV2UfH3.js";
3
+ import { a } from "../../Autocomplete-hEFuiN2u.js";
4
4
  import "./ListItemHeader.js";
5
5
  import "./ListItemLabel.js";
6
6
  export {
@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
5
5
  import { Button as b } from "../Button/Button.js";
6
6
  import "../RootProvider/RootProvider.js";
7
7
  import { MetaItem as r } from "../Meta/MetaItem.js";
8
- import { a as t } from "../../Autocomplete-BNV2UfH3.js";
8
+ import { a as t } from "../../Autocomplete-hEFuiN2u.js";
9
9
  import { ListBase as d } from "./ListBase.js";
10
10
  import { List as k } from "./List.js";
11
11
  const l = ["lg", "md", "sm", "xs"], T = {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../Badge/Badge.js";
3
- import { L as e } from "../../Autocomplete-BNV2UfH3.js";
3
+ import { L as e } from "../../Autocomplete-hEFuiN2u.js";
4
4
  import "../Icon/Icon.js";
5
5
  import "../Icon/SvgIcon.js";
6
6
  import "../../index-L8X2o7IH.js";
@@ -2,7 +2,7 @@ import { ListItemBase as o } from "./ListItemBase.js";
2
2
  import { ListItemHeader as m } from "./ListItemHeader.js";
3
3
  import { ListItemLabel as L } from "./ListItemLabel.js";
4
4
  import { ListItemMedia as a } from "./ListItemMedia.js";
5
- import { a as p, L as x } from "../../Autocomplete-BNV2UfH3.js";
5
+ import { a as p, L as x } from "../../Autocomplete-hEFuiN2u.js";
6
6
  import { ListItemSelect as l } from "./ListItemSelect.js";
7
7
  import { ListBase as B } from "./ListBase.js";
8
8
  import { List as c } from "./List.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
2
  import { MenuBase as u } from "./MenuBase.js";
3
- import { M as p } from "../../Autocomplete-BNV2UfH3.js";
3
+ import { M as p } from "../../Autocomplete-hEFuiN2u.js";
4
4
  import { MenuSearch as M } from "./MenuSearch.js";
5
5
  const h = ({
6
6
  theme: m = "inherit",
@@ -8,7 +8,7 @@ import "../RootProvider/RootProvider.js";
8
8
  import { MetaItem as p } from "../Meta/MetaItem.js";
9
9
  import { MenuItem as o } from "./MenuItem.js";
10
10
  import { MenuBase as m } from "./MenuBase.js";
11
- import "../../Autocomplete-BNV2UfH3.js";
11
+ import "../../Autocomplete-hEFuiN2u.js";
12
12
  const I = {
13
13
  title: "Menu/MenuItem",
14
14
  component: o,
@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
5
5
  import "../RootProvider/RootProvider.js";
6
6
  import "./MenuItem.js";
7
7
  import "./MenuHeader.js";
8
- import { M as n } from "../../Autocomplete-BNV2UfH3.js";
8
+ import { M as n } from "../../Autocomplete-hEFuiN2u.js";
9
9
  import "./MenuBase.js";
10
10
  import "../../hooks/useMenu.js";
11
11
  export {
@@ -1,4 +1,4 @@
1
- import { M as r } from "../../Autocomplete-BNV2UfH3.js";
1
+ import { M as r } from "../../Autocomplete-hEFuiN2u.js";
2
2
  const o = {
3
3
  title: "Menu/MenuItems",
4
4
  component: r,
@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
5
5
  import "react";
6
6
  import { IconButton as a } from "../Button/IconButton.js";
7
7
  import "../RootProvider/RootProvider.js";
8
- import "../../Autocomplete-BNV2UfH3.js";
8
+ import "../../Autocomplete-hEFuiN2u.js";
9
9
  import '../../assets/MenuSearch.css';const l = "_field_mo7y9_1", p = "_icon_mo7y9_5", _ = "_input_mo7y9_14", f = "_clear_mo7y9_31", o = {
10
10
  field: l,
11
11
  icon: p,
@@ -6,7 +6,7 @@ import { MenuInputField as x } from "./MenuInputField.js";
6
6
  import { MenuOption as I } from "./MenuOption.js";
7
7
  import { MenuSearch as i } from "./MenuSearch.js";
8
8
  import { MenuHeader as L } from "./MenuHeader.js";
9
- import { M as B } from "../../Autocomplete-BNV2UfH3.js";
9
+ import { M as B } from "../../Autocomplete-hEFuiN2u.js";
10
10
  import { MenuBase as c, MenuList as h, MenuListItem as F } from "./MenuBase.js";
11
11
  import { Menu as O } from "./Menu.js";
12
12
  export {
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
6
  import { Heading as c } from "../Typography/Heading.js";
7
- import "../../Autocomplete-BNV2UfH3.js";
7
+ import "../../Autocomplete-hEFuiN2u.js";
8
8
  import { SectionBase as n } from "./SectionBase.js";
9
9
  import { P as p, s as i } from "../../PageHeaderMedia-DpZ09tLD.js";
10
10
  import { PageNav as l } from "./PageNav.js";
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../hooks/useMenu.js";
4
4
  import "./AutocompleteBase.js";
5
5
  import "./AutocompleteGroup.js";
6
- import { A } from "../../Autocomplete-BNV2UfH3.js";
6
+ import { A } from "../../Autocomplete-hEFuiN2u.js";
7
7
  export {
8
8
  A as Autocomplete
9
9
  };
@@ -1,5 +1,5 @@
1
1
  import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
- import { A as l } from "../../Autocomplete-BNV2UfH3.js";
2
+ import { A as l } from "../../Autocomplete-hEFuiN2u.js";
3
3
  const o = {
4
4
  title: "Header/Autocomplete",
5
5
  component: l,
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "../Icon/SvgIcon.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { c } from "../../Autocomplete-BNV2UfH3.js";
6
+ import { c } from "../../Autocomplete-hEFuiN2u.js";
7
7
  export {
8
8
  c as AutocompleteItem
9
9
  };
@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { S as s } from "../../Autocomplete-BNV2UfH3.js";
6
+ import { S as s } from "../../Autocomplete-hEFuiN2u.js";
7
7
  export {
8
8
  s as ScopeListItem
9
9
  };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as p, jsx as u } from "react/jsx-runtime";
2
2
  import { useRef as h } from "react";
3
3
  import { useEnterKey as l } from "../../hooks/useEnterKey.js";
4
- import { A as b } from "../../Autocomplete-BNV2UfH3.js";
4
+ import { A as b } from "../../Autocomplete-hEFuiN2u.js";
5
5
  import { SearchField as n } from "./SearchField.js";
6
6
  import { SearchbarBase as E } from "./SearchbarBase.js";
7
7
  const d = ({
@@ -5,7 +5,7 @@ import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
6
  import { Menu as p } from "../Menu/Menu.js";
7
7
  import { DrawerOrDropdown as l } from "../Dropdown/DrawerOrDropdown.js";
8
- import "../../Autocomplete-BNV2UfH3.js";
8
+ import "../../Autocomplete-hEFuiN2u.js";
9
9
  import { ToolbarButton as n } from "./ToolbarButton.js";
10
10
  import { ToolbarFilterBase as s } from "./ToolbarFilterBase.js";
11
11
  const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(s, { expanded: o, children: [