@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.
- package/dist/assets/SearchbarField.css +1 -1
- package/dist/components/AccessAreaListItem/AccessAreaListItem.js +2 -3
- package/dist/components/AccessPackageListItem/AccessPackageListItem.js +6 -7
- package/dist/components/Account/AccountList.js +2 -3
- package/dist/components/Account/AccountListItem.js +6 -7
- package/dist/components/Account/AccountListItemControls.js +2 -3
- package/dist/components/Account/AccountMenu.js +17 -18
- package/dist/components/Account/AccountNotificationSettings.js +8 -9
- package/dist/components/ActivityLog/ActivityLog.js +7 -8
- package/dist/components/ActivityLog/ActivityLogItem.js +2 -3
- package/dist/components/ActivityLog/ActivityLogSegment.js +2 -3
- package/dist/components/Article/Article.js +2 -3
- package/dist/components/Article/ArticleContact.js +2 -3
- package/dist/components/Article/ArticleHeader.js +5 -6
- package/dist/components/Attachment/AttachmentLink.js +2 -3
- package/dist/components/Banner/Banner.js +2 -3
- package/dist/components/Bookmarks/BookmarksListItem.js +2 -3
- package/dist/components/Bookmarks/BookmarksSection.js +2 -3
- package/dist/components/Bookmarks/EditableBookmark.js +2 -3
- package/dist/components/Button/Button.js +14 -15
- package/dist/components/Button/ButtonGroup.js +2 -3
- package/dist/components/Button/ButtonIcon.js +9 -10
- package/dist/components/Button/ComboButton.js +10 -11
- package/dist/components/Button/IconButton.js +6 -7
- package/dist/components/Byline/Byline.js +7 -8
- package/dist/components/ContextMenu/ContextMenu.js +9 -10
- package/dist/components/Dashboard/DashboardCard.js +13 -14
- package/dist/components/Dashboard/DashboardHeader.js +2 -3
- package/dist/components/Dashboard/DashboardIcon.js +2 -3
- package/dist/components/Datepicker/DatepickerHeader.js +11 -12
- package/dist/components/Datepicker/DatepickerTable.js +8 -9
- package/dist/components/Dialog/Dialog.js +2 -3
- package/dist/components/Dialog/DialogActions.js +2 -3
- package/dist/components/Dialog/DialogActivityLog.js +2 -3
- package/dist/components/Dialog/DialogAttachments.js +6 -7
- package/dist/components/Dialog/DialogBody.js +6 -7
- package/dist/components/Dialog/DialogByline.js +2 -3
- package/dist/components/Dialog/DialogContact.js +2 -3
- package/dist/components/Dialog/DialogHeader.js +6 -7
- package/dist/components/Dialog/DialogHistory.js +9 -10
- package/dist/components/Dialog/DialogHistoryItem.js +2 -3
- package/dist/components/Dialog/DialogHistorySegment.js +2 -3
- package/dist/components/Dialog/DialogLayout.js +2 -3
- package/dist/components/Dialog/DialogList.js +4 -5
- package/dist/components/Dialog/DialogListGroup.js +2 -3
- package/dist/components/Dialog/DialogListItem.js +5 -6
- package/dist/components/Dialog/DialogMetadata.js +2 -3
- package/dist/components/Dialog/DialogSection.js +2 -3
- package/dist/components/Dialog/DialogSeenBy.js +2 -3
- package/dist/components/Dialog/DialogSelect.js +4 -5
- package/dist/components/Dialog/DialogStatus.js +8 -9
- package/dist/components/Dialog/DialogTabs.js +2 -3
- package/dist/components/Dialog/SeenByLog.js +11 -12
- package/dist/components/Dialog/SeenByLogButton.js +2 -3
- package/dist/components/Dialog/SeenByLogItem.js +2 -3
- package/dist/components/Dropdown/DrawerButton.js +4 -5
- package/dist/components/Dropdown/DrawerHeader.js +8 -9
- package/dist/components/Dropdown/DrawerOrDropdown.js +11 -12
- package/dist/components/Forms/Checkbox.js +2 -3
- package/dist/components/Forms/CheckboxOptions.js +2 -3
- package/dist/components/Forms/FieldBase.js +2 -3
- package/dist/components/Forms/FieldsetBase.js +2 -3
- package/dist/components/Forms/Radio.js +2 -3
- package/dist/components/Forms/RadioOptions.js +4 -5
- package/dist/components/Forms/SearchField.js +2 -3
- package/dist/components/Forms/SelectField.js +3 -4
- package/dist/components/Forms/Switch.js +2 -3
- package/dist/components/Forms/SwitchOptions.js +4 -5
- package/dist/components/Forms/TextField.js +2 -3
- package/dist/components/Forms/TextareaField.js +2 -3
- package/dist/components/GlobalMenu/BackButton.js +14 -15
- package/dist/components/GlobalMenu/CurrentAccount.js +2 -3
- package/dist/components/GlobalMenu/GlobalMenu.js +26 -27
- package/dist/components/GlobalMenu/GlobalMenuButton.js +9 -10
- package/dist/components/GlobalMenu/LogoutButton.js +5 -6
- package/dist/components/Header/Header.js +19 -20
- package/dist/components/Header/HeaderBase.js +3 -4
- package/dist/components/Header/HeaderButton.js +2 -3
- package/dist/components/Header/HeaderLogo.js +7 -8
- package/dist/components/Header/LocaleButton.js +5 -6
- package/dist/components/Header/LocaleSwitcher.js +10 -11
- package/dist/components/Icon/Icon.js +11 -12
- package/dist/components/Icon/IconOrAvatar.js +14 -15
- package/dist/components/Layout/Layout.js +5 -6
- package/dist/components/LayoutAction/ActionHeader.js +13 -14
- package/dist/components/LayoutAction/LayoutAction.js +2 -3
- package/dist/components/List/List.js +2 -3
- package/dist/components/List/ListBase.js +2 -3
- package/dist/components/List/ListItemHeader.js +4 -5
- package/dist/components/List/ListItemIcon.js +2 -3
- package/dist/components/List/ListItemLabel.js +10 -10
- package/dist/components/List/ListItemSelect.js +3 -4
- package/dist/components/List/index.js +15 -14
- package/dist/components/Menu/MenuItem.js +10 -11
- package/dist/components/Menu/MenuItemIcon.js +5 -6
- package/dist/components/Menu/MenuItemLabel.js +8 -8
- package/dist/components/Menu/MenuItems.js +26 -27
- package/dist/components/Menu/MenuItemsVirtual.js +6 -7
- package/dist/components/Menu/MenuOption.js +7 -8
- package/dist/components/Menu/MenuSearch.js +12 -13
- package/dist/components/Metadata/MetaItem.js +6 -7
- package/dist/components/Metadata/MetaItemIcon.js +2 -3
- package/dist/components/Metadata/MetaProgress.js +2 -3
- package/dist/components/Metadata/MetaTimestamp.js +6 -7
- package/dist/components/Metadata/Metadata.js +7 -8
- package/dist/components/Modal/Modal.js +5 -6
- package/dist/components/Modal/ModalBase.js +2 -3
- package/dist/components/Modal/ModalBody.js +2 -3
- package/dist/components/Modal/ModalFooter.js +2 -3
- package/dist/components/Modal/ModalHeader.js +6 -7
- package/dist/components/Page/AccordionSection.js +2 -3
- package/dist/components/Page/Breadcrumbs.js +2 -3
- package/dist/components/Page/ContactButtons.js +4 -5
- package/dist/components/Page/ContactSection.js +2 -3
- package/dist/components/Page/PageMenu.js +5 -6
- package/dist/components/Page/PageNav.js +6 -7
- package/dist/components/Page/PageTabs.js +4 -5
- package/dist/components/Page/Section.js +2 -3
- package/dist/components/ResourceListItem/ResourceListItem.js +2 -3
- package/dist/components/Search/SearchItem.js +7 -8
- package/dist/components/Searchbar/Autocomplete.js +21 -21
- package/dist/components/Searchbar/AutocompleteBase.js +5 -8
- package/dist/components/Searchbar/AutocompleteItem.js +6 -7
- package/dist/components/Searchbar/ScopeListItem.js +5 -6
- package/dist/components/Searchbar/Searchbar.js +21 -13
- package/dist/components/Searchbar/SearchbarField.js +45 -41
- package/dist/components/Searchbar/SuggestListItem.js +3 -4
- package/dist/components/Settings/SettingsItem.js +7 -8
- package/dist/components/Settings/SettingsList.js +8 -9
- package/dist/components/Settings/SettingsSection.js +2 -3
- package/dist/components/Snackbar/SnackbarItem.js +13 -14
- package/dist/components/Timeline/Timeline.js +2 -3
- package/dist/components/Timeline/TimelineActivity.js +2 -3
- package/dist/components/Timeline/TimelineBase.js +8 -9
- package/dist/components/Timeline/TimelineFooter.js +5 -6
- package/dist/components/Timeline/TimelineHeader.js +2 -3
- package/dist/components/Timeline/TimelineIcon.js +5 -6
- package/dist/components/Timeline/TimelineLink.js +6 -7
- package/dist/components/Timeline/TimelineSection.js +2 -3
- package/dist/components/Timeline/TimelineSegment.js +5 -6
- package/dist/components/Toolbar/ToolbarAccountMenu.js +2 -3
- package/dist/components/Toolbar/ToolbarAdd.js +2 -3
- package/dist/components/Toolbar/ToolbarButton.js +2 -3
- package/dist/components/Toolbar/ToolbarDaterange.js +2 -3
- package/dist/components/Toolbar/ToolbarFilter.js +10 -11
- package/dist/components/Toolbar/ToolbarMenu.js +2 -3
- package/dist/components/Toolbar/ToolbarOptions.js +17 -18
- package/dist/components/Toolbar/ToolbarSearch.js +6 -7
- package/dist/components/Transmission/Transmission.js +8 -9
- package/dist/components/Transmission/TransmissionList.js +7 -8
- package/dist/components/Transmission/TransmissionType.js +2 -3
- package/dist/components/Typography/Heading.js +13 -14
- package/dist/components/UserListItem/UserListItem.js +2 -3
- package/dist/components/index.js +268 -267
- package/dist/index.js +271 -270
- package/dist/types/lib/components/List/ListItemLabel.d.ts +1 -0
- package/dist/types/lib/components/Searchbar/Autocomplete.d.ts +2 -1
- package/dist/types/lib/components/Searchbar/Autocomplete.stories.d.ts +1 -1
- package/dist/types/lib/components/Searchbar/AutocompleteBase.d.ts +2 -1
- package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +0 -1
- package/dist/types/lib/components/Searchbar/SearchbarField.d.ts +2 -1
- 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
|
|
8
|
-
import { OptionsBase as
|
|
9
|
-
const
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
5
|
-
import { forwardRef as
|
|
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
|
|
10
|
-
import { u as
|
|
11
|
-
var
|
|
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 =
|
|
20
|
-
var { title: r, titleId: e } = t, o =
|
|
21
|
-
let
|
|
22
|
-
return
|
|
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":
|
|
25
|
-
r ?
|
|
26
|
-
|
|
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
|
-
}),
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
25
|
+
h as CurrentAccount
|
|
27
26
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
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
|
|
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:
|
|
21
|
+
currentEndUserLabel: e = "Signed in",
|
|
23
22
|
onSelectAccount: h,
|
|
24
23
|
onClose: a,
|
|
25
|
-
logoutButton:
|
|
26
|
-
ariaLabel:
|
|
24
|
+
logoutButton: t,
|
|
25
|
+
ariaLabel: s = "Menu"
|
|
27
26
|
}) => {
|
|
28
27
|
var x;
|
|
29
|
-
const [S, W] = q(!1),
|
|
28
|
+
const [S, W] = q(!1), o = () => {
|
|
30
29
|
W((i) => !i);
|
|
31
30
|
}, b = (i) => {
|
|
32
|
-
|
|
31
|
+
o(), a == null || a(), h == null || h(i);
|
|
33
32
|
}, G = w(() => v.map((i) => ({
|
|
34
33
|
...i,
|
|
35
34
|
onClick: () => {
|
|
36
|
-
var
|
|
37
|
-
(
|
|
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((
|
|
40
|
-
...
|
|
38
|
+
items: Array.isArray(i.items) ? i.items.map((l) => ({
|
|
39
|
+
...l,
|
|
41
40
|
onClick: () => {
|
|
42
41
|
var y;
|
|
43
|
-
(y =
|
|
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__ */
|
|
49
|
-
/* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(J, { onClick:
|
|
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__ */
|
|
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 ?
|
|
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
|
-
|
|
66
|
+
t && /* @__PURE__ */ m(j, { children: [
|
|
68
67
|
/* @__PURE__ */ r(f, { as: "div", role: "separator" }),
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
|
|
71
|
-
/* @__PURE__ */ r(B, { ...
|
|
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__ */
|
|
75
|
+
return /* @__PURE__ */ m(k, { "aria-label": s, children: [
|
|
77
76
|
/* @__PURE__ */ r(M, { groups: g, items: G }),
|
|
78
|
-
|
|
77
|
+
t && /* @__PURE__ */ m(j, { children: [
|
|
79
78
|
/* @__PURE__ */ r(f, { as: "div", role: "separator" }),
|
|
80
|
-
/* @__PURE__ */
|
|
81
|
-
|
|
82
|
-
/* @__PURE__ */ r(B, { ...
|
|
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
|
-
|
|
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
|
-
},
|
|
18
|
+
}, z = ({
|
|
20
19
|
className: t,
|
|
21
20
|
as: c = "button",
|
|
22
|
-
color:
|
|
23
|
-
variant:
|
|
24
|
-
currentAccount:
|
|
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:
|
|
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
|
-
] }) :
|
|
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:
|
|
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:
|
|
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
|
-
|
|
48
|
+
z as GlobalMenuButton
|
|
50
49
|
};
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonBase as
|
|
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",
|
|
8
|
+
import '../../assets/LogoutButton.css';const i = "_button_1260s_1", a = "_label_1260s_5", o = {
|
|
10
9
|
button: i,
|
|
11
|
-
label:
|
|
12
|
-
},
|
|
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
|
-
|
|
13
|
+
B as LogoutButton
|
|
15
14
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as s, jsx as
|
|
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
|
-
},
|
|
24
|
-
const { currentId:
|
|
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:
|
|
37
|
-
open:
|
|
35
|
+
currentId: o,
|
|
36
|
+
open: o === "search" || o === "menu" || o === "locale",
|
|
38
37
|
onClose: d,
|
|
39
38
|
children: [
|
|
40
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ e(j, { ...f, className: a.logo }),
|
|
41
40
|
/* @__PURE__ */ s(L, { children: [
|
|
42
|
-
l && /* @__PURE__ */
|
|
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__ */
|
|
43
|
+
/* @__PURE__ */ e(
|
|
45
44
|
N,
|
|
46
45
|
{
|
|
47
46
|
badge: w,
|
|
48
47
|
currentAccount: n,
|
|
49
48
|
onClick: _,
|
|
50
|
-
expanded:
|
|
49
|
+
expanded: o === "menu",
|
|
51
50
|
label: r == null ? void 0 : r.menuLabel
|
|
52
51
|
}
|
|
53
52
|
),
|
|
54
|
-
l && /* @__PURE__ */
|
|
53
|
+
l && /* @__PURE__ */ e(
|
|
55
54
|
i,
|
|
56
55
|
{
|
|
57
56
|
layout: "desktop",
|
|
58
57
|
padding: !0,
|
|
59
58
|
placement: "right",
|
|
60
|
-
open:
|
|
59
|
+
open: o === "locale",
|
|
61
60
|
className: a.dropdown,
|
|
62
|
-
children: /* @__PURE__ */
|
|
61
|
+
children: /* @__PURE__ */ e(h, { ...l })
|
|
63
62
|
}
|
|
64
63
|
),
|
|
65
|
-
r && /* @__PURE__ */
|
|
64
|
+
r && /* @__PURE__ */ e(
|
|
66
65
|
i,
|
|
67
66
|
{
|
|
68
67
|
layout: "desktop",
|
|
69
68
|
padding: !0,
|
|
70
69
|
placement: "right",
|
|
71
|
-
open:
|
|
70
|
+
open: o === "menu",
|
|
72
71
|
className: a.dropdown,
|
|
73
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ e(m, { ...r, currentAccount: n, onClose: d })
|
|
74
73
|
}
|
|
75
74
|
)
|
|
76
75
|
] })
|
|
77
76
|
] }),
|
|
78
|
-
c && /* @__PURE__ */
|
|
79
|
-
l && /* @__PURE__ */
|
|
80
|
-
r && /* @__PURE__ */
|
|
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
|
-
|
|
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
|
-
},
|
|
12
|
-
|
|
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
|
-
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
|
3
|
+
import { ButtonBase as a } from "../Button/ButtonBase.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import { DigdirLogomark as
|
|
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
|
|
10
|
-
logo:
|
|
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
|
-
},
|
|
14
|
-
/* @__PURE__ */ t(
|
|
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
|
-
|
|
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
|
-
}),
|
|
29
|
-
button:
|
|
30
|
-
},
|
|
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:
|
|
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
|
-
|
|
44
|
+
x as LocaleButton
|
|
46
45
|
};
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t, jsxs as
|
|
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
|
|
9
|
-
import { MenuHeader as
|
|
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
|
|
12
|
-
const { toggleId: i } = n(),
|
|
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__ */
|
|
16
|
-
/* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
|
|
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
|
-
|
|
17
|
+
u,
|
|
19
18
|
{
|
|
20
|
-
onChange:
|
|
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
|
-
|
|
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
|
-
},
|
|
12
|
+
}, k = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), y = ({
|
|
14
13
|
loading: s,
|
|
15
|
-
altText:
|
|
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:
|
|
20
|
+
className: c,
|
|
22
21
|
style: l
|
|
23
|
-
}) => r ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className:
|
|
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":
|
|
26
|
-
] }) }) : p ? /* @__PURE__ */ e("span", { "data-size": i, "data-color": o, "data-theme": m, className:
|
|
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:
|
|
29
|
-
] }) }) : /* @__PURE__ */ e("span", { className:
|
|
27
|
+
/* @__PURE__ */ e("img", { src: p, alt: t, className: a.image })
|
|
28
|
+
] }) }) : /* @__PURE__ */ e("span", { className: n(a.icon, c) });
|
|
30
29
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
y as Icon,
|
|
31
|
+
k as isIconProps
|
|
33
32
|
};
|