@altinn/altinn-components 0.68.6 → 0.68.7

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 (192) hide show
  1. package/dist/ToolbarSearch-CX_woN0c.js +2614 -0
  2. package/dist/assets/ToolbarSearch.css +1 -1
  3. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +1 -1
  4. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +1 -1
  5. package/dist/components/Account/AccountList.js +1 -1
  6. package/dist/components/Account/AccountListItem.js +1 -1
  7. package/dist/components/Account/AccountListItemControls.js +1 -1
  8. package/dist/components/Account/AccountListItemDetails.js +1 -1
  9. package/dist/components/Account/AccountListVirtual.js +1 -1
  10. package/dist/components/Account/AccountMenu.js +1 -1
  11. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  12. package/dist/components/Account/AccountOrganization.js +1 -1
  13. package/dist/components/AccountSelector/AccountSelector.js +9 -9
  14. package/dist/components/ActivityLog/ActivityLog.js +1 -1
  15. package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
  16. package/dist/components/ActivityLog/ActivityLogSegment.js +1 -1
  17. package/dist/components/Alert/Alert.js +1 -1
  18. package/dist/components/Article/Article.js +1 -1
  19. package/dist/components/Article/ArticleContact.js +1 -1
  20. package/dist/components/Article/ArticleHeader.js +1 -1
  21. package/dist/components/Attachment/AttachmentLink.js +1 -1
  22. package/dist/components/AuthEvidence/AuthEvidence.js +1 -1
  23. package/dist/components/AuthEvidence/AuthEvidenceItem.js +1 -1
  24. package/dist/components/AuthEvidence/AuthEvidenceOwner.js +1 -1
  25. package/dist/components/AuthEvidence/AuthEvidenceParent.js +1 -1
  26. package/dist/components/AuthEvidence/AuthEvidenceService.js +1 -1
  27. package/dist/components/Badge/Badge.js +1 -1
  28. package/dist/components/Badge/index.js +1 -1
  29. package/dist/components/Banner/Banner.js +1 -1
  30. package/dist/components/Bookmarks/BookmarkModal.js +1 -1
  31. package/dist/components/Bookmarks/BookmarkSettingsItem.js +1 -1
  32. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +1 -1
  33. package/dist/components/Bookmarks/BookmarkSettingsList.js +1 -1
  34. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
  35. package/dist/components/Bulk/BulkHeader.js +3 -3
  36. package/dist/components/Button/ButtonIcon.js +7 -7
  37. package/dist/components/Button/ComboButton.js +1 -1
  38. package/dist/components/Button/FloatingActionButton.js +1 -1
  39. package/dist/components/Button/IconButton.js +1 -1
  40. package/dist/components/Byline/Byline.js +1 -1
  41. package/dist/components/Byline/index.js +1 -1
  42. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  43. package/dist/components/Dashboard/DashboardCard.js +1 -1
  44. package/dist/components/Dashboard/DashboardHeader.js +1 -1
  45. package/dist/components/Datepicker/Datepicker.js +6 -6
  46. package/dist/components/Datepicker/DatepickerHeader.js +7 -7
  47. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  48. package/dist/components/Dialog/Dialog.js +1 -1
  49. package/dist/components/Dialog/DialogActions.js +3 -3
  50. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  51. package/dist/components/Dialog/DialogAttachments.js +1 -1
  52. package/dist/components/Dialog/DialogBody.js +1 -1
  53. package/dist/components/Dialog/DialogByline.js +1 -1
  54. package/dist/components/Dialog/DialogContact.js +1 -1
  55. package/dist/components/Dialog/DialogHeader.js +1 -1
  56. package/dist/components/Dialog/DialogHistory.js +1 -1
  57. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  58. package/dist/components/Dialog/DialogHistorySegment.js +1 -1
  59. package/dist/components/Dialog/DialogLayout.js +1 -1
  60. package/dist/components/Dialog/DialogList.js +1 -1
  61. package/dist/components/Dialog/DialogListItem.js +1 -1
  62. package/dist/components/Dialog/DialogMetadata.js +1 -1
  63. package/dist/components/Dialog/DialogSection.js +1 -1
  64. package/dist/components/Dialog/DialogSeenBy.js +1 -1
  65. package/dist/components/Dialog/DialogSelect.js +1 -1
  66. package/dist/components/Dialog/DialogStatus.js +1 -1
  67. package/dist/components/Dialog/DialogTabs.js +1 -1
  68. package/dist/components/Dialog/SeenByLog.js +1 -1
  69. package/dist/components/Dialog/SeenByLogButton.js +1 -1
  70. package/dist/components/Dialog/SeenByLogItem.js +1 -1
  71. package/dist/components/Dialog/index.js +1 -1
  72. package/dist/components/Dropdown/DrawerButton.js +1 -1
  73. package/dist/components/Dropdown/DrawerHeader.js +5 -5
  74. package/dist/components/Dropdown/Dropdown.js +1 -1
  75. package/dist/components/Dropdown/DropdownBase.js +1 -1
  76. package/dist/components/Dropdown/FloatingDropdown.js +7 -7
  77. package/dist/components/Dropdown/index.js +1 -1
  78. package/dist/components/Forms/Checkbox.js +1 -1
  79. package/dist/components/Forms/CheckboxOptions.js +1 -1
  80. package/dist/components/Forms/FieldBase.js +1 -1
  81. package/dist/components/Forms/FieldsetBase.js +1 -1
  82. package/dist/components/Forms/Radio.js +1 -1
  83. package/dist/components/Forms/RadioOptions.js +1 -1
  84. package/dist/components/Forms/SearchField.js +1 -1
  85. package/dist/components/Forms/SelectField.js +1 -1
  86. package/dist/components/Forms/Switch.js +1 -1
  87. package/dist/components/Forms/SwitchOptions.js +1 -1
  88. package/dist/components/Forms/TextField.js +1 -1
  89. package/dist/components/Forms/TextFieldDropdown.js +1 -1
  90. package/dist/components/Forms/TextareaField.js +1 -1
  91. package/dist/components/Forms/index.js +1 -1
  92. package/dist/components/GlobalHeader/GlobalAccountButton.js +1 -1
  93. package/dist/components/GlobalHeader/GlobalHeader.js +6 -6
  94. package/dist/components/GlobalHeader/GlobalMenuButton.js +5 -5
  95. package/dist/components/GlobalHeader/HeaderDrawer.js +7 -7
  96. package/dist/components/GlobalHeader/HeaderDropdown.js +1 -1
  97. package/dist/components/GlobalHeader/HeaderLogo.js +1 -1
  98. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  99. package/dist/components/GlobalMenu/LocaleSwitcher.js +5 -5
  100. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  101. package/dist/components/Icon/Icon.js +3 -3
  102. package/dist/components/Icon/index.js +5 -5
  103. package/dist/components/Inbox/InboxPage.js +1 -1
  104. package/dist/components/InboxSearch/InboxSearch.js +1 -1
  105. package/dist/components/Item/ItemLabel.js +1 -1
  106. package/dist/components/Item/ItemMedia.js +1 -1
  107. package/dist/components/Item/ItemSelect.js +1 -1
  108. package/dist/components/Item/index.js +1 -1
  109. package/dist/components/Layout/Layout.js +13 -13
  110. package/dist/components/List/List.js +1 -1
  111. package/dist/components/List/ListBase.js +1 -1
  112. package/dist/components/List/ListItemHeader.js +7 -7
  113. package/dist/components/List/ListItemIcon.js +4 -4
  114. package/dist/components/List/ListItemLabel.js +1 -1
  115. package/dist/components/Menu/Menu.js +1 -1
  116. package/dist/components/Menu/MenuItem.js +1 -1
  117. package/dist/components/Menu/MenuItems.js +1 -1
  118. package/dist/components/Menu/MenuListSearch.js +1 -1
  119. package/dist/components/Menu/MenuOption.js +1 -1
  120. package/dist/components/Menu/TabMenu.js +1 -1
  121. package/dist/components/Menu/VirtualizedMenuItems.js +1 -1
  122. package/dist/components/Menu/index.js +1 -1
  123. package/dist/components/Menu/useMenuSearch.js +1 -1
  124. package/dist/components/Metadata/MetaItem.js +1 -1
  125. package/dist/components/Metadata/MetaItemIcon.js +1 -1
  126. package/dist/components/Metadata/MetaTimestamp.js +1 -1
  127. package/dist/components/Metadata/Metadata.js +1 -1
  128. package/dist/components/Metadata/index.js +1 -1
  129. package/dist/components/Modal/Modal.js +1 -1
  130. package/dist/components/Modal/ModalBase.js +1 -1
  131. package/dist/components/Modal/ModalHeader.js +6 -6
  132. package/dist/components/Modal/ModalIcon.js +6 -6
  133. package/dist/components/Notifications/NotificationItem.js +1 -1
  134. package/dist/components/Notifications/NotificationItemBase.js +1 -1
  135. package/dist/components/Notifications/NotificationItemControls.js +1 -1
  136. package/dist/components/Notifications/NotificationItemIcon.js +10 -10
  137. package/dist/components/Page/AccordionSection.js +1 -1
  138. package/dist/components/Page/ContactButtons.js +1 -1
  139. package/dist/components/Page/ContactSection.js +1 -1
  140. package/dist/components/Page/PageMenu.js +1 -1
  141. package/dist/components/Page/PageNav.js +1 -1
  142. package/dist/components/Page/Section.js +1 -1
  143. package/dist/components/Pagination/Pagination.js +1 -1
  144. package/dist/components/ResourceListItem/ResourceListItem.js +1 -1
  145. package/dist/components/RootProvider/RootProvider.js +1 -1
  146. package/dist/components/RootProvider/index.js +1 -1
  147. package/dist/components/Search/SearchItem.js +1 -1
  148. package/dist/components/Searchbar/Autocomplete.js +1 -1
  149. package/dist/components/Searchbar/AutocompleteItem.js +1 -1
  150. package/dist/components/Searchbar/Searchbar.js +1 -1
  151. package/dist/components/Searchbar/SearchbarField.js +12 -12
  152. package/dist/components/Settings/SettingsItem.js +1 -1
  153. package/dist/components/Settings/SettingsItemBase.js +1 -1
  154. package/dist/components/Settings/SettingsList.js +1 -1
  155. package/dist/components/Settings/SettingsListVirtual.js +1 -1
  156. package/dist/components/Settings/SettingsModal.js +1 -1
  157. package/dist/components/Settings/SettingsSection.js +1 -1
  158. package/dist/components/Settings/UsedByLog.js +1 -1
  159. package/dist/components/Settings/UsedByLogItem.js +1 -1
  160. package/dist/components/Snackbar/Snackbar.js +6 -28
  161. package/dist/components/Snackbar/SnackbarItem.js +7 -71
  162. package/dist/components/Snackbar/index.js +5 -6
  163. package/dist/components/Timeline/Timeline.js +1 -1
  164. package/dist/components/Timeline/TimelineActivity.js +1 -1
  165. package/dist/components/Timeline/TimelineBase.js +1 -1
  166. package/dist/components/Timeline/TimelineFooter.js +1 -1
  167. package/dist/components/Timeline/TimelineHeader.js +1 -1
  168. package/dist/components/Timeline/TimelineIcon.js +1 -1
  169. package/dist/components/Timeline/TimelineSection.js +1 -1
  170. package/dist/components/Timeline/TimelineSegment.js +1 -1
  171. package/dist/components/Toolbar/DatepickerFilter.js +1 -1
  172. package/dist/components/Toolbar/SelectDateFilter.js +1 -1
  173. package/dist/components/Toolbar/Toolbar.js +1 -1
  174. package/dist/components/Toolbar/ToolbarFilter.js +1 -1
  175. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +1 -1
  176. package/dist/components/Toolbar/ToolbarFilterButton.js +7 -7
  177. package/dist/components/Toolbar/ToolbarFilterMenu.js +1 -1
  178. package/dist/components/Toolbar/ToolbarMenu.js +1 -1
  179. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  180. package/dist/components/Toolbar/index.js +1 -1
  181. package/dist/components/Transmission/Transmission.js +1 -1
  182. package/dist/components/Transmission/TransmissionList.js +1 -1
  183. package/dist/components/Transmission/TransmissionType.js +1 -1
  184. package/dist/components/Typography/Heading.js +1 -1
  185. package/dist/components/Typography/index.js +1 -1
  186. package/dist/components/UserListItem/UserListItem.js +1 -1
  187. package/dist/components/index.js +405 -407
  188. package/dist/hooks/useAccountSelector.js +1 -1
  189. package/dist/index.js +423 -425
  190. package/package.json +2 -1
  191. package/dist/ToolbarSearch-L12-MUZz.js +0 -2010
  192. package/dist/assets/SnackbarItem.css +0 -1
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
2
  import { c as h } from "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { H as m, s as p } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { H as m, v as p } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import { Button as f } from "../Button/Button.js";
8
8
  import "react-dom";
@@ -17,8 +17,8 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
17
17
  title: o,
18
18
  description: e,
19
19
  icon: n,
20
- onClose: s,
21
- closeTitle: a,
20
+ onClose: a,
21
+ closeTitle: s,
22
22
  children: l,
23
23
  sticky: d = !0
24
24
  }) => /* @__PURE__ */ r("header", { className: h(c.header, d && c.sticky), children: /* @__PURE__ */ i(t, { direction: "row", justify: "between", align: "center", spacing: 8, style: { flexGrow: 1 }, children: [
@@ -29,14 +29,14 @@ import '../../assets/ModalHeader.css';const y = "_header_nhvlf_1", u = "_sticky_
29
29
  e && /* @__PURE__ */ r(m, { as: "h3", size: "xs", weight: "normal", children: e })
30
30
  ] })
31
31
  ] }),
32
- (s || a) && /* @__PURE__ */ r(
32
+ (a || s) && /* @__PURE__ */ r(
33
33
  "form",
34
34
  {
35
35
  method: "dialog",
36
36
  onSubmit: () => {
37
- s?.();
37
+ a?.();
38
38
  },
39
- children: /* @__PURE__ */ r(f, { type: "submit", variant: "outline", "aria-label": a ?? "Close", size: "sm", children: /* @__PURE__ */ r(p, { style: { fontSize: "1.5em" } }) })
39
+ children: /* @__PURE__ */ r(f, { type: "submit", variant: "outline", "aria-label": s ?? "Close", size: "sm", children: /* @__PURE__ */ r(p, { style: { fontSize: "1.5em" } }) })
40
40
  }
41
41
  )
42
42
  ] }) });
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { isValidElement as e } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
- import { I as s, s as m, u as i } from "../../ToolbarSearch-L12-MUZz.js";
4
+ import { I as p, v as m, x as i } from "../../ToolbarSearch-CX_woN0c.js";
5
5
  import { isAvatarProps as n, Avatar as c } from "../Avatar/Avatar.js";
6
6
  import { isAvatarGroupProps as v, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
7
7
  import "../../tooltip-Caqi75cv.js";
@@ -10,16 +10,16 @@ import "../Button/Button.js";
10
10
  import "react-dom";
11
11
  import "../GlobalMenu/GlobalMenuBase.js";
12
12
  import "../Snackbar/useSnackbar.js";
13
- import '../../assets/ListItemIcon.css';const u = "_wrapper_rcjve_1", _ = "_icon_rcjve_11", f = "_avatar_rcjve_19", N = "_avatarGroup_rcjve_23", o = {
14
- wrapper: u,
15
- icon: _,
16
- avatar: f,
13
+ import '../../assets/ListItemIcon.css';const _ = "_wrapper_rcjve_1", f = "_icon_rcjve_11", u = "_avatar_rcjve_19", N = "_avatarGroup_rcjve_23", o = {
14
+ wrapper: _,
15
+ icon: f,
16
+ avatar: u,
17
17
  avatarGroup: N
18
18
  };
19
19
  function d(a) {
20
20
  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || e(a);
21
21
  }
22
- const M = ({ loading: a, icon: r, theme: p }) => r ? a ? /* @__PURE__ */ t(s, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: n(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || i(r) && /* @__PURE__ */ t(s, { ...r, theme: r.theme || p, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(s, { theme: p, svgElement: r, className: o.icon }) }) : null;
22
+ const M = ({ loading: a, icon: r, theme: s }) => r ? a ? /* @__PURE__ */ t(p, { className: o.wrapper, svgElement: m, loading: !0 }) : /* @__PURE__ */ t("div", { className: o.wrapper, children: n(r) && /* @__PURE__ */ t(c, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(l, { ...r, className: o.avatarGroup }) || i(r) && /* @__PURE__ */ t(p, { ...r, theme: r.theme || s, className: o.icon }) || d(r) && r || /* @__PURE__ */ t(p, { theme: s, svgElement: r, className: o.icon }) }) : null;
23
23
  export {
24
24
  M as ModalIcon
25
25
  };
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -2,7 +2,7 @@ import { jsx as i, jsxs as e } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { s as e } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { v as e } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import { Button as l } from "../Button/Button.js";
8
8
  import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
@@ -1,8 +1,8 @@
1
1
  import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
2
2
  import { isValidElement as m } from "react";
3
- import { I as e, s as n, u as c, B as l } from "../../ToolbarSearch-L12-MUZz.js";
3
+ import { I as e, v as n, x as c, B as l } from "../../ToolbarSearch-CX_woN0c.js";
4
4
  import "../../index-p1eeF8LQ.js";
5
- import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
5
+ import { isAvatarProps as v, Avatar as _ } from "../Avatar/Avatar.js";
6
6
  import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
7
7
  import "../../tooltip-Caqi75cv.js";
8
8
  import "../Typography/Link.js";
@@ -10,25 +10,25 @@ import "../Button/Button.js";
10
10
  import "react-dom";
11
11
  import "../GlobalMenu/GlobalMenuBase.js";
12
12
  import "../Snackbar/useSnackbar.js";
13
- import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", t = {
13
+ import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
14
14
  icon: u,
15
15
  shape: g,
16
16
  avatar: h,
17
17
  avatarGroup: N,
18
18
  badge: b
19
19
  };
20
- function z(s) {
21
- return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || m(s);
20
+ function z(t) {
21
+ return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || m(t);
22
22
  }
23
- const R = ({ loading: s, icon: a, badge: p }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: n, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
24
- _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ o(i, { children: [
25
- /* @__PURE__ */ r("span", { className: t.shape }),
23
+ const R = ({ loading: t, icon: a, badge: p }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: n, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
24
+ v(a) && /* @__PURE__ */ r(_, { ...a, className: s.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || c(a) && /* @__PURE__ */ o(i, { children: [
25
+ /* @__PURE__ */ r("span", { className: s.shape }),
26
26
  /* @__PURE__ */ r(e, { ...a })
27
27
  ] }) || z(a) && a || /* @__PURE__ */ o(i, { children: [
28
- /* @__PURE__ */ r("span", { className: t.shape }),
28
+ /* @__PURE__ */ r("span", { className: s.shape }),
29
29
  /* @__PURE__ */ r(e, { svgElement: a })
30
30
  ] }),
31
- p && /* @__PURE__ */ r(l, { ...p, size: "xs", variant: "base", className: t.badge })
31
+ p && /* @__PURE__ */ r(l, { ...p, size: "xs", variant: "base", className: s.badge })
32
32
  ] }) : null;
33
33
  export {
34
34
  R as NotificationItemIcon
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import { Typography as e } from "../Typography/Typography.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as u } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import { Button as l } from "../Button/Button.js";
8
8
  import { ButtonIcon as a } from "../Button/ButtonIcon.js";
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { H as a } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { H as a } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import { Typography as s } from "../Typography/Typography.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as t, jsxs as p } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
- import { I as e } from "../../ToolbarSearch-L12-MUZz.js";
3
+ import { I as e } from "../../ToolbarSearch-CX_woN0c.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
6
6
  import "../Typography/Link.js";
@@ -3,7 +3,7 @@ import { jsxs as s, jsx as i } from "react/jsx-runtime";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import a, { forwardRef as m } from "react";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import "../../ToolbarSearch-L12-MUZz.js";
6
+ import "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import { Button as c } from "../Button/Button.js";
9
9
  import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";
@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
2
2
  import { c as p } from "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -3,7 +3,7 @@ import { Button as o } from "../Button/Button.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import "../../ToolbarSearch-L12-MUZz.js";
6
+ import "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "react-dom";
9
9
  import "../GlobalMenu/GlobalMenuBase.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as d, Fragment as f, jsx as o } from "react/jsx-runtime";
2
- import { B as g } from "../../ToolbarSearch-L12-MUZz.js";
2
+ import { B as g } from "../../ToolbarSearch-CX_woN0c.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../hooks/useEscapeKey.js";
4
4
  import "../../index-p1eeF8LQ.js";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import { R as f, w as n } from "../../ToolbarSearch-L12-MUZz.js";
6
+ import { R as f, z as n } from "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
9
9
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { R as e, w as r } from "../../ToolbarSearch-L12-MUZz.js";
1
+ import { R as e, z as r } from "../../ToolbarSearch-CX_woN0c.js";
2
2
  export {
3
3
  e as RootProvider,
4
4
  r as useRootContext
@@ -2,7 +2,7 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { H as m, a as p } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { H as m, a as p } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -3,7 +3,7 @@ import { useRef as B, Fragment as C } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import { useMenu as P } from "../../hooks/useMenu.js";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import "../../ToolbarSearch-L12-MUZz.js";
6
+ import "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import { MenuList as k } from "../Menu/MenuList.js";
9
9
  import { MenuListItem as y } from "../Menu/MenuListItem.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { j as n, B as e } from "../../ToolbarSearch-L12-MUZz.js";
2
+ import { j as n, B as e } from "../../ToolbarSearch-CX_woN0c.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
@@ -3,7 +3,7 @@ import { useState as g } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import { w as I } from "../../ToolbarSearch-L12-MUZz.js";
6
+ import { z as I } from "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
9
9
  import "react-dom";
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import { jsxs as k, jsx as e } from "react/jsx-runtime";
3
- import { c as N } from "../../index-p1eeF8LQ.js";
4
- import { useRef as v } from "react";
5
- import { I as S, r as z, s as o } from "../../ToolbarSearch-L12-MUZz.js";
3
+ import { c as v } from "../../index-p1eeF8LQ.js";
4
+ import { useRef as N } from "react";
5
+ import { I as S, u as z, v as o } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../../tooltip-Caqi75cv.js";
7
7
  import "../Typography/Link.js";
8
8
  import { Button as l } from "../Button/Button.js";
9
9
  import "react-dom";
10
10
  import "../GlobalMenu/GlobalMenuBase.js";
11
11
  import "../Snackbar/useSnackbar.js";
12
- import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", s = {
12
+ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", M = "_dismiss_uxhly_62", t = {
13
13
  field: E,
14
14
  icon: I,
15
15
  input: K,
@@ -32,21 +32,21 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
32
32
  tabIndex: b,
33
33
  controlsId: C
34
34
  }) => {
35
- const t = v(null), g = (r) => {
36
- r.key === "Escape" && t.current?.blur(), r.key === "Enter" && (t.current?.blur(), y?.());
35
+ const s = N(null), g = (r) => {
36
+ r.key === "Escape" && s.current?.blur(), r.key === "Enter" && (s.current?.blur(), y?.());
37
37
  };
38
- return /* @__PURE__ */ k("div", { className: N(s.field, c), children: [
38
+ return /* @__PURE__ */ k("div", { className: v(t.field, c), children: [
39
39
  /* @__PURE__ */ e(
40
40
  "input",
41
41
  {
42
- ref: t,
42
+ ref: s,
43
43
  onFocus: d,
44
44
  onBlur: f,
45
45
  name: n,
46
46
  value: i,
47
47
  onChange: h,
48
48
  placeholder: m,
49
- className: s.input,
49
+ className: t.input,
50
50
  onKeyUp: g,
51
51
  type: "text",
52
52
  autoComplete: "off",
@@ -61,14 +61,14 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
61
61
  role: "combobox"
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ e(S, { svgElement: z, className: s.icon }),
64
+ /* @__PURE__ */ e(S, { svgElement: z, className: t.icon }),
65
65
  i && /* @__PURE__ */ e(
66
66
  l,
67
67
  {
68
68
  rounded: !0,
69
69
  size: "xs",
70
70
  variant: "tinted",
71
- className: s.clear,
71
+ className: t.clear,
72
72
  onClick: _,
73
73
  "data-testid": "search-button-clear",
74
74
  "aria-label": p,
@@ -79,7 +79,7 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
79
79
  {
80
80
  size: "sm",
81
81
  variant: "ghost",
82
- className: s.dismiss,
82
+ className: t.dismiss,
83
83
  onClick: x,
84
84
  "data-testid": "search-button-close",
85
85
  "aria-label": u,
@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
3
3
  import { useState as b } from "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
5
  import { Input as P } from "../Forms/Input.js";
6
- import "../../ToolbarSearch-L12-MUZz.js";
6
+ import "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
9
9
  import "react-dom";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as a, Fragment as g } from "react/jsx-runtime";
2
- import { i as u, H as p, B, p as C } from "../../ToolbarSearch-L12-MUZz.js";
2
+ import { i as u, H as p, B, s as C } from "../../ToolbarSearch-CX_woN0c.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
@@ -3,7 +3,7 @@ import { Fragment as f, createElement as g } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import { useMenu as x } from "../../hooks/useMenu.js";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import { H as h } from "../../ToolbarSearch-L12-MUZz.js";
6
+ import { H as h } from "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
9
9
  import { s as i } from "../../settlingsList.module-So3_AYgj.js";
@@ -5,7 +5,7 @@ import { useRef as h, useEffect as y } from "react";
5
5
  import "../../index-p1eeF8LQ.js";
6
6
  import { useMenu as L } from "../../hooks/useMenu.js";
7
7
  import "../../tooltip-Caqi75cv.js";
8
- import { H as f } from "../../ToolbarSearch-L12-MUZz.js";
8
+ import { H as f } from "../../ToolbarSearch-CX_woN0c.js";
9
9
  import "../Typography/Link.js";
10
10
  import "../Button/Button.js";
11
11
  import "react-dom";
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import { createElement as h } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import { Button as M } from "../Button/Button.js";
8
8
  import { ButtonIcon as k } from "../Button/ButtonIcon.js";
@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -3,7 +3,7 @@ import { jsx as o, jsxs as a } from "react/jsx-runtime";
3
3
  import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
4
4
  import "../../index-p1eeF8LQ.js";
5
5
  import "../../tooltip-Caqi75cv.js";
6
- import "../../ToolbarSearch-L12-MUZz.js";
6
+ import "../../ToolbarSearch-CX_woN0c.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
9
9
  import "react-dom";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, jsx as l } from "react/jsx-runtime";
2
- import { a as n, B as c } from "../../ToolbarSearch-L12-MUZz.js";
2
+ import { a as n, B as c } from "../../ToolbarSearch-CX_woN0c.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import "../../tooltip-Caqi75cv.js";
@@ -1,30 +1,8 @@
1
- "use client";
2
- import { jsx as r } from "react/jsx-runtime";
3
- import { useRef as l, useEffect as d } from "react";
4
- import { SnackbarBase as u } from "./SnackbarBase.js";
5
- import { SnackbarItem as b } from "./SnackbarItem.js";
6
- import { useSnackbar as h } from "./useSnackbar.js";
7
- const S = 0.3, k = 0.4, w = ({ className: n }) => {
8
- const { storedMessages: c, open: s, closeSnackbarItem: a } = h(), o = l(null);
9
- d(() => {
10
- const e = o.current;
11
- e && (s ? e.showPopover() : e.matches(":popover-open") && e.hidePopover());
12
- }, [s]);
13
- const t = c || [], i = t.length - 1;
14
- return /* @__PURE__ */ r(u, { ref: o, className: n, children: t.map((e, p) => {
15
- const m = i - p, f = Math.max(k, 1 - m * S);
16
- return /* @__PURE__ */ r(
17
- b,
18
- {
19
- onDismiss: () => a(e.id),
20
- dismissable: e.dismissable,
21
- style: { opacity: f },
22
- ...e
23
- },
24
- e.id
25
- );
26
- }) });
27
- };
1
+ import "react/jsx-runtime";
2
+ import { o as a } from "../../ToolbarSearch-CX_woN0c.js";
3
+ import "react";
4
+ import "./SnackbarBase.js";
5
+ import "./useSnackbar.js";
28
6
  export {
29
- w as Snackbar
7
+ a as Snackbar
30
8
  };
@@ -1,78 +1,14 @@
1
- "use client";
2
- import { jsx as a, jsxs as v } from "react/jsx-runtime";
3
- import { c as h } from "../../index-p1eeF8LQ.js";
4
- import d, { forwardRef as _, useEffect as g } from "react";
5
- import { I as b, s as y } from "../../ToolbarSearch-L12-MUZz.js";
1
+ import "react/jsx-runtime";
2
+ import "../../index-p1eeF8LQ.js";
3
+ import "react";
4
+ import { p as k, q as s } from "../../ToolbarSearch-CX_woN0c.js";
6
5
  import "../../tooltip-Caqi75cv.js";
7
6
  import "../Typography/Link.js";
8
- import { Button as w } from "../Button/Button.js";
7
+ import "../Button/Button.js";
9
8
  import "react-dom";
10
9
  import "../GlobalMenu/GlobalMenuBase.js";
11
10
  import "./useSnackbar.js";
12
- import { u as x } from "../../useId-BVFxCjkq.js";
13
- import '../../assets/SnackbarItem.css';var O = function(e, n) {
14
- var i = {};
15
- for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
16
- if (e != null && typeof Object.getOwnPropertySymbols == "function")
17
- for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
18
- n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (i[t[r]] = e[t[r]]);
19
- return i;
20
- };
21
- const I = _((e, n) => {
22
- var { title: i, titleId: t } = e, r = O(e, ["title", "titleId"]);
23
- let l = x();
24
- return l = i ? t || "title-" + l : void 0, d.createElement(
25
- "svg",
26
- 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: n, "aria-labelledby": l }, r),
27
- i ? d.createElement("title", { id: l }, i) : null,
28
- d.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
29
- );
30
- }), j = "_item_18ro3_1", A = "_itemWrapper_18ro3_24", N = "_icon_18ro3_29", S = "_content_18ro3_39", B = "_action_18ro3_47", c = {
31
- item: j,
32
- itemWrapper: A,
33
- icon: N,
34
- content: S,
35
- action: B
36
- };
37
- var R = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(R || {});
38
- const T = ({
39
- as: e,
40
- message: n,
41
- className: i,
42
- color: t,
43
- icon: r = I,
44
- iconAltText: l = "Bell icon",
45
- dismissable: p = !0,
46
- onDismiss: m,
47
- ...f
48
- }) => {
49
- const u = e || "div";
50
- return g(() => {
51
- if (!n)
52
- return;
53
- const s = document.querySelector("dialog[open]");
54
- if (!s)
55
- return;
56
- let o = s.querySelector("[data-snackbar-live]");
57
- o || (o = document.createElement("div"), o.setAttribute("data-snackbar-live", ""), o.setAttribute("aria-live", "polite"), o.setAttribute("aria-atomic", "true"), Object.assign(o.style, {
58
- position: "absolute",
59
- width: "1px",
60
- height: "1px",
61
- padding: "0",
62
- overflow: "hidden",
63
- clip: "rect(0,0,0,0)",
64
- whiteSpace: "nowrap",
65
- border: "0"
66
- }), s.appendChild(o)), o.textContent = "", requestAnimationFrame(() => {
67
- o.textContent = n;
68
- });
69
- }, [n]), /* @__PURE__ */ a("span", { className: c.itemWrapper, children: /* @__PURE__ */ v(u, { className: h(c.item, i), "data-color": t, role: "alert", ...f, children: [
70
- /* @__PURE__ */ a(b, { svgElement: r, className: c.icon, "aria-hidden": "true" }),
71
- /* @__PURE__ */ a("div", { className: c.content, children: n }),
72
- p && /* @__PURE__ */ a("div", { className: c.action, children: /* @__PURE__ */ a(w, { variant: "solid", onClick: m, "aria-label": "close", children: /* @__PURE__ */ a(y, { style: { fontSize: "1.5em" } }) }) })
73
- ] }) });
74
- };
75
11
  export {
76
- R as SnackbarColorEnum,
77
- T as SnackbarItem
12
+ k as SnackbarColorEnum,
13
+ s as SnackbarItem
78
14
  };
@@ -1,11 +1,10 @@
1
- import { Snackbar as o } from "./Snackbar.js";
2
- import { SnackbarColorEnum as b, SnackbarItem as c } from "./SnackbarItem.js";
3
- import { SnackbarDuration as k, SnackbarProvider as S, useSnackbar as m } from "./useSnackbar.js";
1
+ import { o, p as n, q as b } from "../../ToolbarSearch-CX_woN0c.js";
2
+ import { SnackbarDuration as k, SnackbarProvider as S, useSnackbar as e } from "./useSnackbar.js";
4
3
  export {
5
4
  o as Snackbar,
6
- b as SnackbarColorEnum,
5
+ n as SnackbarColorEnum,
7
6
  k as SnackbarDuration,
8
- c as SnackbarItem,
7
+ b as SnackbarItem,
9
8
  S as SnackbarProvider,
10
- m as useSnackbar
9
+ e as useSnackbar
11
10
  };
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { a as c } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { a as c } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import { Typography as n } from "../Typography/Typography.js";
7
7
  import "../Typography/Link.js";
8
8
  import "../Button/Button.js";
@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import "../../ToolbarSearch-L12-MUZz.js";
5
+ import "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-p1eeF8LQ.js";
3
3
  import "react";
4
4
  import "../../tooltip-Caqi75cv.js";
5
- import { a as l } from "../../ToolbarSearch-L12-MUZz.js";
5
+ import { a as l } from "../../ToolbarSearch-CX_woN0c.js";
6
6
  import "../Typography/Link.js";
7
7
  import "../Button/Button.js";
8
8
  import "react-dom";