@altinn/altinn-components 0.36.0 → 0.36.1

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 (162) hide show
  1. package/dist/assets/SearchbarField.css +1 -1
  2. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +2 -3
  3. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +6 -7
  4. package/dist/components/Account/AccountList.js +2 -3
  5. package/dist/components/Account/AccountListItem.js +6 -7
  6. package/dist/components/Account/AccountListItemControls.js +2 -3
  7. package/dist/components/Account/AccountMenu.js +17 -18
  8. package/dist/components/Account/AccountNotificationSettings.js +8 -9
  9. package/dist/components/ActivityLog/ActivityLog.js +7 -8
  10. package/dist/components/ActivityLog/ActivityLogItem.js +2 -3
  11. package/dist/components/ActivityLog/ActivityLogSegment.js +2 -3
  12. package/dist/components/Article/Article.js +2 -3
  13. package/dist/components/Article/ArticleContact.js +2 -3
  14. package/dist/components/Article/ArticleHeader.js +5 -6
  15. package/dist/components/Attachment/AttachmentLink.js +2 -3
  16. package/dist/components/Banner/Banner.js +2 -3
  17. package/dist/components/Bookmarks/BookmarksListItem.js +2 -3
  18. package/dist/components/Bookmarks/BookmarksSection.js +2 -3
  19. package/dist/components/Bookmarks/EditableBookmark.js +2 -3
  20. package/dist/components/Button/Button.js +14 -15
  21. package/dist/components/Button/ButtonGroup.js +2 -3
  22. package/dist/components/Button/ButtonIcon.js +9 -10
  23. package/dist/components/Button/ComboButton.js +10 -11
  24. package/dist/components/Button/IconButton.js +6 -7
  25. package/dist/components/Byline/Byline.js +7 -8
  26. package/dist/components/ContextMenu/ContextMenu.js +9 -10
  27. package/dist/components/Dashboard/DashboardCard.js +13 -14
  28. package/dist/components/Dashboard/DashboardHeader.js +2 -3
  29. package/dist/components/Dashboard/DashboardIcon.js +2 -3
  30. package/dist/components/Datepicker/DatepickerHeader.js +11 -12
  31. package/dist/components/Datepicker/DatepickerTable.js +8 -9
  32. package/dist/components/Dialog/Dialog.js +2 -3
  33. package/dist/components/Dialog/DialogActions.js +2 -3
  34. package/dist/components/Dialog/DialogActivityLog.js +2 -3
  35. package/dist/components/Dialog/DialogAttachments.js +6 -7
  36. package/dist/components/Dialog/DialogBody.js +6 -7
  37. package/dist/components/Dialog/DialogByline.js +2 -3
  38. package/dist/components/Dialog/DialogContact.js +2 -3
  39. package/dist/components/Dialog/DialogHeader.js +6 -7
  40. package/dist/components/Dialog/DialogHistory.js +9 -10
  41. package/dist/components/Dialog/DialogHistoryItem.js +2 -3
  42. package/dist/components/Dialog/DialogHistorySegment.js +2 -3
  43. package/dist/components/Dialog/DialogLayout.js +2 -3
  44. package/dist/components/Dialog/DialogList.js +4 -5
  45. package/dist/components/Dialog/DialogListGroup.js +2 -3
  46. package/dist/components/Dialog/DialogListItem.js +5 -6
  47. package/dist/components/Dialog/DialogMetadata.js +2 -3
  48. package/dist/components/Dialog/DialogSection.js +2 -3
  49. package/dist/components/Dialog/DialogSeenBy.js +2 -3
  50. package/dist/components/Dialog/DialogSelect.js +4 -5
  51. package/dist/components/Dialog/DialogStatus.js +8 -9
  52. package/dist/components/Dialog/DialogTabs.js +2 -3
  53. package/dist/components/Dialog/SeenByLog.js +11 -12
  54. package/dist/components/Dialog/SeenByLogButton.js +2 -3
  55. package/dist/components/Dialog/SeenByLogItem.js +2 -3
  56. package/dist/components/Dropdown/DrawerButton.js +4 -5
  57. package/dist/components/Dropdown/DrawerHeader.js +8 -9
  58. package/dist/components/Dropdown/DrawerOrDropdown.js +11 -12
  59. package/dist/components/Forms/Checkbox.js +2 -3
  60. package/dist/components/Forms/CheckboxOptions.js +2 -3
  61. package/dist/components/Forms/FieldBase.js +2 -3
  62. package/dist/components/Forms/FieldsetBase.js +2 -3
  63. package/dist/components/Forms/Radio.js +2 -3
  64. package/dist/components/Forms/RadioOptions.js +4 -5
  65. package/dist/components/Forms/SearchField.js +2 -3
  66. package/dist/components/Forms/SelectField.js +3 -4
  67. package/dist/components/Forms/Switch.js +2 -3
  68. package/dist/components/Forms/SwitchOptions.js +4 -5
  69. package/dist/components/Forms/TextField.js +2 -3
  70. package/dist/components/Forms/TextareaField.js +2 -3
  71. package/dist/components/GlobalMenu/BackButton.js +14 -15
  72. package/dist/components/GlobalMenu/CurrentAccount.js +2 -3
  73. package/dist/components/GlobalMenu/GlobalMenu.js +26 -27
  74. package/dist/components/GlobalMenu/GlobalMenuButton.js +9 -10
  75. package/dist/components/GlobalMenu/LogoutButton.js +5 -6
  76. package/dist/components/Header/Header.js +19 -20
  77. package/dist/components/Header/HeaderBase.js +3 -4
  78. package/dist/components/Header/HeaderButton.js +2 -3
  79. package/dist/components/Header/HeaderLogo.js +7 -8
  80. package/dist/components/Header/LocaleButton.js +5 -6
  81. package/dist/components/Header/LocaleSwitcher.js +10 -11
  82. package/dist/components/Icon/Icon.js +11 -12
  83. package/dist/components/Icon/IconOrAvatar.js +14 -15
  84. package/dist/components/Layout/Layout.js +5 -6
  85. package/dist/components/LayoutAction/ActionHeader.js +13 -14
  86. package/dist/components/LayoutAction/LayoutAction.js +2 -3
  87. package/dist/components/List/List.js +2 -3
  88. package/dist/components/List/ListBase.js +2 -3
  89. package/dist/components/List/ListItemHeader.js +4 -5
  90. package/dist/components/List/ListItemIcon.js +2 -3
  91. package/dist/components/List/ListItemLabel.js +10 -10
  92. package/dist/components/List/ListItemSelect.js +3 -4
  93. package/dist/components/List/index.js +15 -14
  94. package/dist/components/Menu/MenuItem.js +10 -11
  95. package/dist/components/Menu/MenuItemIcon.js +5 -6
  96. package/dist/components/Menu/MenuItemLabel.js +8 -8
  97. package/dist/components/Menu/MenuItems.js +26 -27
  98. package/dist/components/Menu/MenuItemsVirtual.js +6 -7
  99. package/dist/components/Menu/MenuOption.js +7 -8
  100. package/dist/components/Menu/MenuSearch.js +12 -13
  101. package/dist/components/Metadata/MetaItem.js +6 -7
  102. package/dist/components/Metadata/MetaItemIcon.js +2 -3
  103. package/dist/components/Metadata/MetaProgress.js +2 -3
  104. package/dist/components/Metadata/MetaTimestamp.js +6 -7
  105. package/dist/components/Metadata/Metadata.js +7 -8
  106. package/dist/components/Modal/Modal.js +5 -6
  107. package/dist/components/Modal/ModalBase.js +2 -3
  108. package/dist/components/Modal/ModalBody.js +2 -3
  109. package/dist/components/Modal/ModalFooter.js +2 -3
  110. package/dist/components/Modal/ModalHeader.js +6 -7
  111. package/dist/components/Page/AccordionSection.js +2 -3
  112. package/dist/components/Page/Breadcrumbs.js +2 -3
  113. package/dist/components/Page/ContactButtons.js +4 -5
  114. package/dist/components/Page/ContactSection.js +2 -3
  115. package/dist/components/Page/PageMenu.js +5 -6
  116. package/dist/components/Page/PageNav.js +6 -7
  117. package/dist/components/Page/PageTabs.js +4 -5
  118. package/dist/components/Page/Section.js +2 -3
  119. package/dist/components/ResourceListItem/ResourceListItem.js +2 -3
  120. package/dist/components/Search/SearchItem.js +7 -8
  121. package/dist/components/Searchbar/Autocomplete.js +21 -21
  122. package/dist/components/Searchbar/AutocompleteBase.js +5 -8
  123. package/dist/components/Searchbar/AutocompleteItem.js +6 -7
  124. package/dist/components/Searchbar/ScopeListItem.js +5 -6
  125. package/dist/components/Searchbar/Searchbar.js +21 -13
  126. package/dist/components/Searchbar/SearchbarField.js +45 -41
  127. package/dist/components/Searchbar/SuggestListItem.js +3 -4
  128. package/dist/components/Settings/SettingsItem.js +7 -8
  129. package/dist/components/Settings/SettingsList.js +8 -9
  130. package/dist/components/Settings/SettingsSection.js +2 -3
  131. package/dist/components/Snackbar/SnackbarItem.js +13 -14
  132. package/dist/components/Timeline/Timeline.js +2 -3
  133. package/dist/components/Timeline/TimelineActivity.js +2 -3
  134. package/dist/components/Timeline/TimelineBase.js +8 -9
  135. package/dist/components/Timeline/TimelineFooter.js +5 -6
  136. package/dist/components/Timeline/TimelineHeader.js +2 -3
  137. package/dist/components/Timeline/TimelineIcon.js +5 -6
  138. package/dist/components/Timeline/TimelineLink.js +6 -7
  139. package/dist/components/Timeline/TimelineSection.js +2 -3
  140. package/dist/components/Timeline/TimelineSegment.js +5 -6
  141. package/dist/components/Toolbar/ToolbarAccountMenu.js +2 -3
  142. package/dist/components/Toolbar/ToolbarAdd.js +2 -3
  143. package/dist/components/Toolbar/ToolbarButton.js +2 -3
  144. package/dist/components/Toolbar/ToolbarDaterange.js +2 -3
  145. package/dist/components/Toolbar/ToolbarFilter.js +10 -11
  146. package/dist/components/Toolbar/ToolbarMenu.js +2 -3
  147. package/dist/components/Toolbar/ToolbarOptions.js +17 -18
  148. package/dist/components/Toolbar/ToolbarSearch.js +6 -7
  149. package/dist/components/Transmission/Transmission.js +8 -9
  150. package/dist/components/Transmission/TransmissionList.js +7 -8
  151. package/dist/components/Transmission/TransmissionType.js +2 -3
  152. package/dist/components/Typography/Heading.js +13 -14
  153. package/dist/components/UserListItem/UserListItem.js +2 -3
  154. package/dist/components/index.js +268 -267
  155. package/dist/index.js +271 -270
  156. package/dist/types/lib/components/List/ListItemLabel.d.ts +1 -0
  157. package/dist/types/lib/components/Searchbar/Autocomplete.d.ts +2 -1
  158. package/dist/types/lib/components/Searchbar/Autocomplete.stories.d.ts +1 -1
  159. package/dist/types/lib/components/Searchbar/AutocompleteBase.d.ts +2 -1
  160. package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +0 -1
  161. package/dist/types/lib/components/Searchbar/SearchbarField.d.ts +2 -1
  162. package/package.json +1 -1
@@ -2,11 +2,10 @@ import { jsx as m } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Searchbar/AutocompleteBase.js";
6
5
  import "../Snackbar/useSnackbar.js";
7
- import { Switch as o } from "./Switch.js";
8
- import { OptionsBase as s } from "./OptionsBase.js";
9
- const S = ({ name: t, options: i = [], ...p }) => /* @__PURE__ */ m(s, { ...p, children: i.map((r, e) => /* @__PURE__ */ m(o, { name: (r == null ? void 0 : r.name) || t, ...r }, e)) });
6
+ import { Switch as s } from "./Switch.js";
7
+ import { OptionsBase as a } from "./OptionsBase.js";
8
+ const O = ({ name: t, options: i = [], ...e }) => /* @__PURE__ */ m(a, { ...e, children: i.map((r, p) => /* @__PURE__ */ m(s, { name: (r == null ? void 0 : r.name) || t, ...r }, p)) });
10
9
  export {
11
- S as SwitchOptions
10
+ O as SwitchOptions
12
11
  };
@@ -2,11 +2,10 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Searchbar/AutocompleteBase.js";
6
5
  import "../Snackbar/useSnackbar.js";
7
6
  import { Input as e } from "./Input.js";
8
7
  import { FieldBase as n } from "./FieldBase.js";
9
- const a = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
8
+ const F = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
10
9
  export {
11
- a as TextField
10
+ F as TextField
12
11
  };
@@ -2,11 +2,10 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Searchbar/AutocompleteBase.js";
6
5
  import "../Snackbar/useSnackbar.js";
7
6
  import { Textarea as p } from "./Textarea.js";
8
7
  import { FieldBase as a } from "./FieldBase.js";
9
- const T = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
8
+ const F = ({ size: o, color: t, label: e, helperText: i, ...m }) => /* @__PURE__ */ r(a, { size: o, color: t, label: e, helperText: i, children: /* @__PURE__ */ r(p, { ...m }) });
10
9
  export {
11
- T as TextareaField
10
+ F as TextareaField
12
11
  };
@@ -1,14 +1,13 @@
1
1
  "use client";
2
2
  import { jsx as a } from "react/jsx-runtime";
3
3
  import "../../index-L8X2o7IH.js";
4
- import * as n from "react";
5
- import { forwardRef as m } from "react";
4
+ import * as i from "react";
5
+ import { forwardRef as f } from "react";
6
6
  import "../RootProvider/RootProvider.js";
7
- import "../Searchbar/AutocompleteBase.js";
8
7
  import "../Snackbar/useSnackbar.js";
9
- import { MenuItem as f } from "../Menu/MenuItem.js";
10
- import { u as p } from "../../useId-BVFxCjkq.js";
11
- var c = function(t, l) {
8
+ import { MenuItem as m } from "../Menu/MenuItem.js";
9
+ import { u as c } from "../../useId-BVFxCjkq.js";
10
+ var p = function(t, l) {
12
11
  var r = {};
13
12
  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (r[e] = t[e]);
14
13
  if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -16,16 +15,16 @@ var c = function(t, l) {
16
15
  l.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
17
16
  return r;
18
17
  };
19
- const d = m((t, l) => {
20
- var { title: r, titleId: e } = t, o = c(t, ["title", "titleId"]);
21
- let i = p();
22
- return i = r ? e || "title-" + i : void 0, n.createElement(
18
+ const d = f((t, l) => {
19
+ var { title: r, titleId: e } = t, o = p(t, ["title", "titleId"]);
20
+ let n = c();
21
+ return n = r ? e || "title-" + n : void 0, i.createElement(
23
22
  "svg",
24
- 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: l, "aria-labelledby": i }, o),
25
- r ? n.createElement("title", { id: i }, r) : null,
26
- n.createElement("path", { fill: "currentColor", d: "M16.03 3.97a.75.75 0 1 0-1.06 1.06l3.22 3.22H8a5.75 5.75 0 0 0 0 11.5h1.5a.75.75 0 0 0 0-1.5H8a4.25 4.25 0 0 1 0-8.5h10.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z" })
23
+ 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: l, "aria-labelledby": n }, o),
24
+ r ? i.createElement("title", { id: n }, r) : null,
25
+ i.createElement("path", { fill: "currentColor", d: "M16.03 3.97a.75.75 0 1 0-1.06 1.06l3.22 3.22H8a5.75 5.75 0 0 0 0 11.5h1.5a.75.75 0 0 0 0-1.5H8a4.25 4.25 0 0 1 0-8.5h10.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z" })
27
26
  );
28
- }), v = ({ label: t, onClick: l, as: r }) => /* @__PURE__ */ a(f, { size: "sm", id: "back", icon: d, title: t, onClick: l, as: r });
27
+ }), h = ({ label: t, onClick: l, as: r }) => /* @__PURE__ */ a(m, { size: "sm", id: "back", icon: d, title: t, onClick: l, as: r });
29
28
  export {
30
- v as BackButton
29
+ h as BackButton
31
30
  };
@@ -2,10 +2,9 @@ import { jsx as p } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Searchbar/AutocompleteBase.js";
6
5
  import "../Snackbar/useSnackbar.js";
7
6
  import { MenuItem as t } from "../Menu/MenuItem.js";
8
- const v = ({ account: i, multipleAccounts: e, as: r, onClick: m }) => /* @__PURE__ */ p(
7
+ const h = ({ account: i, multipleAccounts: e, as: r, onClick: m }) => /* @__PURE__ */ p(
9
8
  t,
10
9
  {
11
10
  id: "account",
@@ -23,5 +22,5 @@ const v = ({ account: i, multipleAccounts: e, as: r, onClick: m }) => /* @__PURE
23
22
  }
24
23
  );
25
24
  export {
26
- v as CurrentAccount
25
+ h as CurrentAccount
27
26
  };
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsxs as l, jsx as r, Fragment as j } from "react/jsx-runtime";
2
+ import { jsxs as m, jsx as r, Fragment as j } from "react/jsx-runtime";
3
3
  import { useState as q, useMemo as w } from "react";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import { AccountMenu as z } from "../Account/AccountMenu.js";
@@ -8,82 +8,81 @@ import { CurrentAccount as D } from "./CurrentAccount.js";
8
8
  import { BackButton as J } from "./BackButton.js";
9
9
  import { LogoutButton as B } from "./LogoutButton.js";
10
10
  import { EndUserLabel as F } from "./EndUserLabel.js";
11
- import "../Searchbar/AutocompleteBase.js";
12
11
  import { MenuListItem as f } from "../Menu/MenuBase.js";
13
12
  import { Menu as M } from "../Menu/Menu.js";
14
13
  import "../Snackbar/useSnackbar.js";
15
14
  import { GlobalMenuBase as k, GlobalMenuHeader as K, GlobalMenuFooter as T } from "./GlobalMenuBase.js";
16
- const E = ({
15
+ const n = ({
17
16
  accountMenu: p,
18
17
  items: v = [],
19
18
  groups: g,
20
19
  backLabel: H = "Back",
21
20
  currentAccount: d,
22
- currentEndUserLabel: t = "Signed in",
21
+ currentEndUserLabel: e = "Signed in",
23
22
  onSelectAccount: h,
24
23
  onClose: a,
25
- logoutButton: e,
26
- ariaLabel: o = "Menu"
24
+ logoutButton: t,
25
+ ariaLabel: s = "Menu"
27
26
  }) => {
28
27
  var x;
29
- const [S, W] = q(!1), s = () => {
28
+ const [S, W] = q(!1), o = () => {
30
29
  W((i) => !i);
31
30
  }, b = (i) => {
32
- s(), a == null || a(), h == null || h(i);
31
+ o(), a == null || a(), h == null || h(i);
33
32
  }, G = w(() => v.map((i) => ({
34
33
  ...i,
35
34
  onClick: () => {
36
- var m;
37
- (m = i.onClick) == null || m.call(i), a == null || a();
35
+ var l;
36
+ (l = i.onClick) == null || l.call(i), a == null || a();
38
37
  },
39
- items: Array.isArray(i.items) ? i.items.map((m) => ({
40
- ...m,
38
+ items: Array.isArray(i.items) ? i.items.map((l) => ({
39
+ ...l,
41
40
  onClick: () => {
42
41
  var y;
43
- (y = m.onClick) == null || y.call(m), a == null || a();
42
+ (y = l.onClick) == null || y.call(l), a == null || a();
44
43
  }
45
44
  })) : void 0
46
45
  })), [v, a]);
47
46
  if (S)
48
- return /* @__PURE__ */ l(k, { "aria-label": o, children: [
49
- /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(J, { onClick: s, label: H }) }),
47
+ return /* @__PURE__ */ m(k, { "aria-label": s, children: [
48
+ /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(J, { onClick: o, label: H }) }),
50
49
  /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
51
50
  p && /* @__PURE__ */ r(z, { ...p, currentAccount: d, onSelectAccount: b })
52
51
  ] });
53
52
  if (d) {
54
53
  const i = p && ((x = p == null ? void 0 : p.items) == null ? void 0 : x.length) > 1;
55
- return /* @__PURE__ */ l(k, { "aria-label": o, color: d == null ? void 0 : d.type, children: [
54
+ return /* @__PURE__ */ m(k, { "aria-label": s, color: d == null ? void 0 : d.type, children: [
56
55
  /* @__PURE__ */ r(
57
56
  D,
58
57
  {
59
58
  account: d,
60
59
  multipleAccounts: i,
61
60
  as: i ? "button" : "div",
62
- onClick: i ? s : void 0
61
+ onClick: i ? o : void 0
63
62
  }
64
63
  ),
65
64
  /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
66
65
  /* @__PURE__ */ r(M, { groups: g, items: G, theme: "default" }),
67
- e && /* @__PURE__ */ l(j, { children: [
66
+ t && /* @__PURE__ */ m(j, { children: [
68
67
  /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
69
- /* @__PURE__ */ l(T, { children: [
70
- t && /* @__PURE__ */ r(F, { children: t }),
71
- /* @__PURE__ */ r(B, { ...e })
68
+ /* @__PURE__ */ m(T, { children: [
69
+ e && /* @__PURE__ */ r(F, { children: e }),
70
+ /* @__PURE__ */ r(B, { ...t })
72
71
  ] })
73
72
  ] })
74
73
  ] });
75
74
  }
76
- return /* @__PURE__ */ l(k, { "aria-label": o, children: [
75
+ return /* @__PURE__ */ m(k, { "aria-label": s, children: [
77
76
  /* @__PURE__ */ r(M, { groups: g, items: G }),
78
- e && /* @__PURE__ */ l(j, { children: [
77
+ t && /* @__PURE__ */ m(j, { children: [
79
78
  /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
80
- /* @__PURE__ */ l(T, { children: [
81
- t && /* @__PURE__ */ r(F, { children: t }),
82
- /* @__PURE__ */ r(B, { ...e })
79
+ /* @__PURE__ */ m(T, { children: [
80
+ e && /* @__PURE__ */ r(F, { children: e }),
81
+ /* @__PURE__ */ r(B, { ...t })
83
82
  ] })
84
83
  ] })
85
84
  ] });
86
85
  };
87
86
  export {
88
- E as GlobalMenu
87
+ n as GlobalMenu
89
88
  };
@@ -6,7 +6,6 @@ import { ButtonBase as p } from "../Button/ButtonBase.js";
6
6
  import { ButtonLabel as d } from "../Button/ButtonLabel.js";
7
7
  import { ButtonIcon as I } from "../Button/ButtonIcon.js";
8
8
  import "../RootProvider/RootProvider.js";
9
- import "../Searchbar/AutocompleteBase.js";
10
9
  import "../Snackbar/useSnackbar.js";
11
10
  import { S as g } from "../../XMark-DIqxCTTQ.js";
12
11
  import { S as x } from "../../PadlockLocked-CwhOOPnp.js";
@@ -16,25 +15,25 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_af7mx_1", b = "_lo
16
15
  closeIcon: h,
17
16
  avatar: B,
18
17
  badge: v
19
- }, D = ({
18
+ }, z = ({
20
19
  className: t,
21
20
  as: c = "button",
22
- color: m = "accent",
23
- variant: s = "solid",
24
- currentAccount: e,
21
+ color: s = "accent",
22
+ variant: e = "solid",
23
+ currentAccount: m,
25
24
  expanded: u,
26
25
  label: i = "Menu",
27
26
  badge: n,
28
27
  ...r
29
- }) => u ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
28
+ }) => u ? /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
30
29
  /* @__PURE__ */ o(d, { children: i }),
31
30
  /* @__PURE__ */ o(I, { className: a.closeIcon, icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Close Icon" }) }),
32
31
  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
33
- ] }) : e ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
32
+ ] }) : m ? /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
34
33
  /* @__PURE__ */ o(d, { children: i }),
35
- /* @__PURE__ */ o(I, { className: a.avatar, icon: { type: e.type, name: e.name } }),
34
+ /* @__PURE__ */ o(I, { className: a.avatar, icon: { type: m.type, name: m.name } }),
36
35
  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
37
- ] }) : /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: m, className: f(a.button, t), children: [
36
+ ] }) : /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
38
37
  /* @__PURE__ */ o(d, { children: i }),
39
38
  /* @__PURE__ */ o(
40
39
  I,
@@ -46,5 +45,5 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_af7mx_1", b = "_lo
46
45
  n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
47
46
  ] });
48
47
  export {
49
- D as GlobalMenuButton
48
+ z as GlobalMenuButton
50
49
  };
@@ -1,15 +1,14 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { ButtonBase as n } from "../Button/ButtonBase.js";
2
+ import { ButtonBase as r } from "../Button/ButtonBase.js";
3
3
  import { ButtonLabel as s } from "../Button/ButtonLabel.js";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import "react";
6
6
  import "../RootProvider/RootProvider.js";
7
- import "../Searchbar/AutocompleteBase.js";
8
7
  import "../Snackbar/useSnackbar.js";
9
- import '../../assets/LogoutButton.css';const i = "_button_1260s_1", m = "_label_1260s_5", o = {
8
+ import '../../assets/LogoutButton.css';const i = "_button_1260s_1", a = "_label_1260s_5", o = {
10
9
  button: i,
11
- label: m
12
- }, f = ({ label: l = "Logout", children: r, onClick: e }) => /* @__PURE__ */ t(n, { className: o.button, variant: "outline", size: "lg", onClick: e, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: r || l }) });
10
+ label: a
11
+ }, B = ({ label: l = "Logout", children: e, onClick: n }) => /* @__PURE__ */ t(r, { className: o.button, variant: "outline", size: "lg", onClick: n, children: /* @__PURE__ */ t(s, { className: o.label, size: "lg", children: e || l }) });
13
12
  export {
14
- f as LogoutButton
13
+ B as LogoutButton
15
14
  };
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
+ import { jsxs as s, jsx as e } from "react/jsx-runtime";
3
3
  import { DropdownBase as i } from "../Dropdown/DropdownBase.js";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import { DrawerBase as p } from "../Dropdown/DrawerBase.js";
@@ -12,7 +12,6 @@ import { HeaderLogo as j } from "./HeaderLogo.js";
12
12
  import { LocaleButton as B } from "./LocaleButton.js";
13
13
  import { LocaleSwitcher as h } from "./LocaleSwitcher.js";
14
14
  import { Searchbar as H } from "../Searchbar/Searchbar.js";
15
- import "../Searchbar/AutocompleteBase.js";
16
15
  import "../Snackbar/useSnackbar.js";
17
16
  import { HeaderGroup as L } from "./HeaderGroup.js";
18
17
  import { HeaderSearch as S } from "./HeaderSearch.js";
@@ -20,8 +19,8 @@ import '../../assets/Header.css';const k = "_drawer_1vzjh_1", y = "_dropdown_1vz
20
19
  drawer: k,
21
20
  dropdown: y,
22
21
  relative: z
23
- }, X = ({ menu: r, locale: l, search: c, currentAccount: n, logo: f = {}, badge: w }) => {
24
- const { currentId: e, toggleId: t, openId: g, closeAll: d } = C(), u = () => {
22
+ }, W = ({ menu: r, locale: l, search: c, currentAccount: n, logo: f = {}, badge: w }) => {
23
+ const { currentId: o, toggleId: t, openId: g, closeAll: d } = C(), u = () => {
25
24
  g("search");
26
25
  }, v = () => {
27
26
  t("search");
@@ -33,55 +32,55 @@ import '../../assets/Header.css';const k = "_drawer_1vzjh_1", y = "_dropdown_1vz
33
32
  return /* @__PURE__ */ s(
34
33
  b,
35
34
  {
36
- currentId: e,
37
- open: e === "search" || e === "menu" || e === "locale",
35
+ currentId: o,
36
+ open: o === "search" || o === "menu" || o === "locale",
38
37
  onClose: d,
39
38
  children: [
40
- /* @__PURE__ */ o(j, { ...f, className: a.logo }),
39
+ /* @__PURE__ */ e(j, { ...f, className: a.logo }),
41
40
  /* @__PURE__ */ s(L, { children: [
42
- l && /* @__PURE__ */ o("div", { className: a.relative, children: /* @__PURE__ */ o(B, { onClick: x, expanded: e === "locale" }) }),
41
+ l && /* @__PURE__ */ e("div", { className: a.relative, children: /* @__PURE__ */ e(B, { onClick: x, expanded: o === "locale" }) }),
43
42
  /* @__PURE__ */ s("div", { className: a.relative, children: [
44
- /* @__PURE__ */ o(
43
+ /* @__PURE__ */ e(
45
44
  N,
46
45
  {
47
46
  badge: w,
48
47
  currentAccount: n,
49
48
  onClick: _,
50
- expanded: e === "menu",
49
+ expanded: o === "menu",
51
50
  label: r == null ? void 0 : r.menuLabel
52
51
  }
53
52
  ),
54
- l && /* @__PURE__ */ o(
53
+ l && /* @__PURE__ */ e(
55
54
  i,
56
55
  {
57
56
  layout: "desktop",
58
57
  padding: !0,
59
58
  placement: "right",
60
- open: e === "locale",
59
+ open: o === "locale",
61
60
  className: a.dropdown,
62
- children: /* @__PURE__ */ o(h, { ...l })
61
+ children: /* @__PURE__ */ e(h, { ...l })
63
62
  }
64
63
  ),
65
- r && /* @__PURE__ */ o(
64
+ r && /* @__PURE__ */ e(
66
65
  i,
67
66
  {
68
67
  layout: "desktop",
69
68
  padding: !0,
70
69
  placement: "right",
71
- open: e === "menu",
70
+ open: o === "menu",
72
71
  className: a.dropdown,
73
- children: /* @__PURE__ */ o(m, { ...r, currentAccount: n, onClose: d })
72
+ children: /* @__PURE__ */ e(m, { ...r, currentAccount: n, onClose: d })
74
73
  }
75
74
  )
76
75
  ] })
77
76
  ] }),
78
- c && /* @__PURE__ */ o(S, { expanded: e === "search", children: /* @__PURE__ */ o(H, { ...c, expanded: e === "search", onClose: v, onFocus: u }) }),
79
- l && /* @__PURE__ */ o(p, { open: e === "locale", className: a.drawer, children: /* @__PURE__ */ o(h, { ...l }) }),
80
- r && /* @__PURE__ */ o(p, { open: e === "menu", className: a.drawer, children: /* @__PURE__ */ o(m, { ...r, currentAccount: n, onClose: d }) })
77
+ c && /* @__PURE__ */ e(S, { expanded: o === "search", children: /* @__PURE__ */ e(H, { ...c, expanded: o === "search", onClose: v, onFocus: u }) }),
78
+ l && /* @__PURE__ */ e(p, { open: o === "locale", className: a.drawer, children: /* @__PURE__ */ e(h, { ...l }) }),
79
+ r && /* @__PURE__ */ e(p, { open: o === "menu", className: a.drawer, children: /* @__PURE__ */ e(m, { ...r, currentAccount: n, onClose: d }) })
81
80
  ]
82
81
  }
83
82
  );
84
83
  };
85
84
  export {
86
- X as Header
85
+ W as Header
87
86
  };
@@ -3,15 +3,14 @@ import { c as p } from "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
5
  import { Backdrop as m } from "../Dropdown/Backdrop.js";
6
- import "../Searchbar/AutocompleteBase.js";
7
6
  import "../Snackbar/useSnackbar.js";
8
7
  import '../../assets/HeaderBase.css';const i = "_header_19y6k_1", n = "_backdrop_19y6k_11", r = {
9
8
  header: i,
10
9
  backdrop: n
11
- }, u = ({ currentId: o, className: a, children: e, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: p(r.header, a), "data-color": "neutral", "data-current-id": o, children: [
12
- t && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: c }),
10
+ }, f = ({ currentId: a, className: o, children: e, open: c, onClose: t }) => /* @__PURE__ */ d("header", { className: p(r.header, o), "data-color": "neutral", "data-current-id": a, children: [
11
+ c && /* @__PURE__ */ s(m, { className: r.backdrop, onClick: t }),
13
12
  e
14
13
  ] });
15
14
  export {
16
- u as HeaderBase
15
+ f as HeaderBase
17
16
  };
@@ -7,7 +7,6 @@ import { ButtonBase as u } from "../Button/ButtonBase.js";
7
7
  import "react";
8
8
  import { Icon as f } from "../Icon/Icon.js";
9
9
  import "../RootProvider/RootProvider.js";
10
- import "../Searchbar/AutocompleteBase.js";
11
10
  import "../Snackbar/useSnackbar.js";
12
11
  import { S as I } from "../../XMark-DIqxCTTQ.js";
13
12
  import { S as q } from "../../PadlockLocked-CwhOOPnp.js";
@@ -19,7 +18,7 @@ import '../../assets/HeaderButton.css';const S = "_button_1p2eq_1", x = "_label_
19
18
  loginIcon: G,
20
19
  closeIcon: k,
21
20
  badge: j
22
- }, O = ({
21
+ }, K = ({
23
22
  className: l,
24
23
  as: t = "button",
25
24
  color: m = "accent",
@@ -49,5 +48,5 @@ import '../../assets/HeaderButton.css';const S = "_button_1p2eq_1", x = "_label_
49
48
  n && /* @__PURE__ */ o(a, { ...n, className: e.badge })
50
49
  ] });
51
50
  export {
52
- O as HeaderButton
51
+ K as HeaderButton
53
52
  };
@@ -1,19 +1,18 @@
1
1
  import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
2
  import { c as n } from "../../index-L8X2o7IH.js";
3
- import { ButtonBase as i } from "../Button/ButtonBase.js";
3
+ import { ButtonBase as a } from "../Button/ButtonBase.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { DigdirLogomark as a } from "./DigdirLogomark.js";
7
- import "../Searchbar/AutocompleteBase.js";
6
+ import { DigdirLogomark as c } from "./DigdirLogomark.js";
8
7
  import "../Snackbar/useSnackbar.js";
9
- import '../../assets/HeaderLogo.css';const c = "_logo_y48xn_1", x = "_symbol_y48xn_8", p = "_text_y48xn_20", o = {
10
- logo: c,
8
+ import '../../assets/HeaderLogo.css';const i = "_logo_y48xn_1", x = "_symbol_y48xn_8", p = "_text_y48xn_20", o = {
9
+ logo: i,
11
10
  symbol: x,
12
11
  text: p
13
- }, j = ({ className: s, as: m = "a", title: r = "Altinn", href: e = "/" }) => /* @__PURE__ */ l(i, { as: m, className: n(o.logo, s), href: e, children: [
14
- /* @__PURE__ */ t(a, { className: o.symbol }),
12
+ }, h = ({ className: s, as: m = "a", title: r = "Altinn", href: e = "/" }) => /* @__PURE__ */ l(a, { as: m, className: n(o.logo, s), href: e, children: [
13
+ /* @__PURE__ */ t(c, { className: o.symbol }),
15
14
  /* @__PURE__ */ t("span", { className: o.text, children: r })
16
15
  ] });
17
16
  export {
18
- j as HeaderLogo
17
+ h as HeaderLogo
19
18
  };
@@ -5,7 +5,6 @@ import * as a from "react";
5
5
  import { forwardRef as c } from "react";
6
6
  import { IconButton as m } from "../Button/IconButton.js";
7
7
  import "../RootProvider/RootProvider.js";
8
- import "../Searchbar/AutocompleteBase.js";
9
8
  import "../Snackbar/useSnackbar.js";
10
9
  import { u as f } from "../../useId-BVFxCjkq.js";
11
10
  import '../../assets/LocaleButton.css';var u = function(e, n) {
@@ -25,12 +24,12 @@ const d = c((e, n) => {
25
24
  o ? a.createElement("title", { id: l }, o) : null,
26
25
  a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
27
26
  );
28
- }), p = "_button_utwi0_1", s = {
29
- button: p
30
- }, I = ({ id: e = "language-switcher", expanded: n, onClick: o }) => /* @__PURE__ */ i(
27
+ }), s = "_button_utwi0_1", p = {
28
+ button: s
29
+ }, x = ({ id: e = "language-switcher", expanded: n, onClick: o }) => /* @__PURE__ */ i(
31
30
  m,
32
31
  {
33
- className: s.button,
32
+ className: p.button,
34
33
  size: "md",
35
34
  icon: d,
36
35
  iconSize: "md",
@@ -42,5 +41,5 @@ const d = c((e, n) => {
42
41
  }
43
42
  );
44
43
  export {
45
- I as LocaleButton
44
+ x as LocaleButton
46
45
  };
@@ -1,23 +1,22 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
+ import { jsx as t, jsxs as m } from "react/jsx-runtime";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "react";
5
5
  import { useRootContext as n } from "../RootProvider/RootProvider.js";
6
- import "../Searchbar/AutocompleteBase.js";
7
6
  import "../Snackbar/useSnackbar.js";
8
- import { MenuOption as p } from "../Menu/MenuOption.js";
9
- import { MenuHeader as u } from "../Menu/MenuHeader.js";
7
+ import { MenuOption as u } from "../Menu/MenuOption.js";
8
+ import { MenuHeader as p } from "../Menu/MenuHeader.js";
10
9
  import { MenuBase as d, MenuList as s, MenuListItem as o } from "../Menu/MenuBase.js";
11
- const k = ({ title: l = "Select language", options: c, onChange: r }) => {
12
- const { toggleId: i } = n(), m = (e) => {
10
+ const j = ({ title: l = "Select language", options: c, onChange: r }) => {
11
+ const { toggleId: i } = n(), a = (e) => {
13
12
  i("locale"), r == null || r(e);
14
13
  };
15
- return /* @__PURE__ */ t(d, { theme: "default", children: /* @__PURE__ */ a(s, { children: [
16
- /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(u, { title: l }) }),
14
+ return /* @__PURE__ */ t(d, { theme: "default", children: /* @__PURE__ */ m(s, { children: [
15
+ /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(p, { title: l }) }),
17
16
  c.map((e) => /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
18
- p,
17
+ u,
19
18
  {
20
- onChange: m,
19
+ onChange: a,
21
20
  label: e.label,
22
21
  type: "radio",
23
22
  value: e.value,
@@ -27,5 +26,5 @@ const k = ({ title: l = "Select language", options: c, onChange: r }) => {
27
26
  ] }) });
28
27
  };
29
28
  export {
30
- k as LocaleSwitcher
29
+ j as LocaleSwitcher
31
30
  };
@@ -1,33 +1,32 @@
1
1
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
2
- import { c } from "../../index-L8X2o7IH.js";
2
+ import { c as n } from "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import { Skeleton as _ } from "../Skeleton/Skeleton.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import "../Searchbar/AutocompleteBase.js";
7
6
  import "../Snackbar/useSnackbar.js";
8
7
  import '../../assets/Icon.css';const d = "_icon_2h14f_1", f = "_shape_2h14f_9", g = "_svg_2h14f_15", v = "_image_2h14f_16", a = {
9
8
  icon: d,
10
9
  shape: f,
11
10
  svg: g,
12
11
  image: v
13
- }, y = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), z = ({
12
+ }, k = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), y = ({
14
13
  loading: s,
15
- altText: n,
14
+ altText: t,
16
15
  svgElement: r,
17
16
  size: i,
18
17
  color: o,
19
18
  theme: m,
20
19
  iconUrl: p,
21
- className: t,
20
+ className: c,
22
21
  style: l
23
- }) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: c(a.icon, t), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
22
+ }) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
24
23
  /* @__PURE__ */ e("span", { className: a.shape }),
25
- /* @__PURE__ */ e(r, { "aria-hidden": "true", "alt-label": n, className: a.svg })
26
- ] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: c(a.icon, t), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
24
+ /* @__PURE__ */ e(r, { "aria-hidden": "true", "alt-label": t, className: a.svg })
25
+ ] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className: n(a.icon, c), style: l, children: /* @__PURE__ */ h(_, { loading: s, variant: "circle", className: a.shape, children: [
27
26
  /* @__PURE__ */ e("span", { className: a.shape }),
28
- /* @__PURE__ */ e("img", { src: p, alt: n, className: a.image })
29
- ] }) }) : /* @__PURE__ */ e("span", { className: c(a.icon, t) });
27
+ /* @__PURE__ */ e("img", { src: p, alt: t, className: a.image })
28
+ ] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, c) });
30
29
  export {
31
- z as Icon,
32
- y as isIconProps
30
+ y as Icon,
31
+ k as isIconProps
33
32
  };