@altinn/altinn-components 0.28.2 → 0.29.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/PadlockLocked-CwhOOPnp.js +25 -0
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/GlobalMenuButton.css +1 -0
- package/dist/assets/Grid.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/List.css +1 -0
- package/dist/assets/ListItemControls.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/MenuItem.css +1 -0
- package/dist/assets/MenuItemBase.css +1 -1
- package/dist/assets/MenuItemLabel.css +1 -1
- package/dist/assets/MenuSearch.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/assets/SearchbarField.css +1 -0
- package/dist/assets/Section.css +1 -0
- package/dist/components/Account/AccountList.js +24 -0
- package/dist/components/Account/AccountListItem.js +58 -0
- package/dist/components/Account/AccountListItemControls.js +77 -0
- package/dist/components/Account/AccountMenu.js +56 -0
- package/dist/components/Account/index.js +8 -0
- package/dist/components/Badge/Badge.js +13 -3
- package/dist/components/Button/ButtonBase.js +17 -15
- package/dist/components/Button/ButtonIcon.js +14 -9
- package/dist/components/Button/IconButton.js +18 -16
- package/dist/components/ContextMenu/ContextMenu.js +45 -48
- package/dist/components/Forms/SearchField.js +34 -0
- package/dist/components/Forms/index.js +14 -12
- package/dist/components/GlobalMenu/CurrentAccount.js +27 -0
- package/dist/components/GlobalMenu/GlobalMenu.js +70 -77
- package/dist/components/GlobalMenu/GlobalMenuButton.js +50 -0
- package/dist/components/GlobalMenu/index.js +12 -12
- package/dist/components/Header/Header.js +25 -30
- package/dist/components/Header/HeaderButton.js +45 -64
- package/dist/components/List/List.js +9 -7
- package/dist/components/List/ListItemControls.js +1 -1
- package/dist/components/List/ListItemHeader.js +43 -43
- package/dist/components/List/ListItemLabel.js +36 -28
- package/dist/components/Menu/MenuItem.js +41 -41
- package/dist/components/Menu/MenuItemBase.js +35 -54
- package/dist/components/Menu/MenuItemLabel.js +58 -20
- package/dist/components/Menu/MenuOption.js +32 -41
- package/dist/components/Menu/MenuSearch.js +24 -43
- package/dist/components/Menu/index.js +24 -23
- package/dist/components/Page/Flex.js +5 -5
- package/dist/components/Page/Grid.js +24 -26
- package/dist/components/Page/Section.js +7 -5
- package/dist/components/Page/index.js +20 -22
- package/dist/components/Searchbar/Searchbar.js +6 -6
- package/dist/components/Searchbar/{SearchField.js → SearchbarField.js} +8 -8
- package/dist/components/Searchbar/index.js +6 -6
- package/dist/components/Settings/SettingsItem.js +27 -30
- package/dist/components/Toolbar/ToolbarAccountMenu.js +6 -6
- package/dist/components/Toolbar/ToolbarSearch.js +22 -43
- package/dist/components/Typography/Heading.js +7 -7
- package/dist/components/index.js +404 -401
- package/dist/index.js +404 -401
- package/dist/spacing.css +44 -8
- package/dist/types/lib/components/Account/Account.stories.d.ts +8 -0
- package/dist/types/lib/components/Account/AccountList.d.ts +10 -0
- package/dist/types/lib/components/Account/AccountList.stories.d.ts +18 -0
- package/dist/types/lib/components/Account/AccountListItem.d.ts +18 -0
- package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts +16 -6
- package/dist/types/lib/components/Account/AccountListItemControls.d.ts +17 -0
- package/dist/types/lib/components/Account/AccountMenu.d.ts +22 -0
- package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +16 -0
- package/dist/types/lib/components/{Profile → Account}/index.d.ts +1 -0
- package/dist/types/lib/components/Badge/Badge.d.ts +4 -1
- package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/types/lib/components/Button/ButtonBase.d.ts +2 -1
- package/dist/types/lib/components/Button/ButtonIcon.d.ts +3 -2
- package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
- package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +1 -3
- package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +2 -1
- package/dist/types/lib/components/Forms/SearchField.d.ts +9 -0
- package/dist/types/lib/components/Forms/SearchField.stories.d.ts +16 -0
- package/dist/types/lib/components/Forms/index.d.ts +1 -0
- package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts} +3 -3
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +4 -4
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
- package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.d.ts +13 -0
- package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +19 -0
- package/dist/types/lib/components/GlobalMenu/index.d.ts +3 -3
- package/dist/types/lib/components/Header/Header.stories.d.ts +8 -7
- package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +3 -1
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
- package/dist/types/lib/components/List/List.d.ts +1 -1
- package/dist/types/lib/components/List/List.stories.d.ts +1 -1
- package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
- package/dist/types/lib/components/Menu/Menu.stories.d.ts +5 -0
- package/dist/types/lib/components/Menu/MenuItem.d.ts +6 -7
- package/dist/types/lib/components/Menu/MenuItemBase.d.ts +3 -5
- package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +6 -4
- package/dist/types/lib/components/Menu/MenuSearch.d.ts +1 -1
- package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
- package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +19 -0
- package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +1 -1
- package/dist/types/lib/components/Page/Flex.d.ts +1 -1
- package/dist/types/lib/components/Page/Flex.stories.d.ts +17 -0
- package/dist/types/lib/components/Page/Grid.d.ts +5 -8
- package/dist/types/lib/components/Page/Grid.stories.d.ts +15 -0
- package/dist/types/lib/components/Page/List.stories.d.ts +17 -0
- package/dist/types/lib/components/Page/Section.d.ts +2 -1
- package/dist/types/lib/components/Page/index.d.ts +0 -1
- package/dist/types/lib/components/Search/SearchItem.d.ts +2 -2
- package/dist/types/lib/components/Searchbar/Searchbar.d.ts +2 -2
- package/dist/types/lib/components/Searchbar/{SearchField.d.ts → SearchbarField.d.ts} +2 -2
- package/dist/types/lib/components/Searchbar/index.d.ts +1 -1
- package/dist/types/lib/components/Settings/SettingsItem.d.ts +5 -6
- package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +8 -6
- package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
- package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +2 -5
- package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -0
- package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +7 -7
- package/dist/types/lib/components/Typography/Heading.d.ts +1 -1
- package/dist/types/lib/components/index.d.ts +1 -1
- package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +6 -11
- package/package.json +1 -1
- package/dist/assets/AccountButton.css +0 -1
- package/dist/assets/MenuOption.css +0 -1
- package/dist/assets/ToolbarSearch.css +0 -1
- package/dist/components/GlobalMenu/AccountButton.js +0 -58
- package/dist/components/GlobalMenu/AccountMenu.js +0 -72
- package/dist/components/Page/PageHeader.js +0 -55
- package/dist/components/Profile/AccountList.js +0 -12
- package/dist/components/Profile/AccountListItem.js +0 -88
- package/dist/components/Profile/index.js +0 -6
- package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +0 -27
- package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +0 -19
- package/dist/types/lib/components/Menu/Examples.stories.d.ts +0 -97
- package/dist/types/lib/components/Page/PageHeader.d.ts +0 -18
- package/dist/types/lib/components/Page/PageHeader.stories.d.ts +0 -16
- package/dist/types/lib/components/Profile/AccountList.d.ts +0 -5
- package/dist/types/lib/components/Profile/AccountListItem.d.ts +0 -12
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as a from "react";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { u as d } from "./useId-BVFxCjkq.js";
|
|
5
|
+
var f = function(t, o) {
|
|
6
|
+
var l = {};
|
|
7
|
+
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
|
|
8
|
+
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
9
|
+
for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
|
|
10
|
+
o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
11
|
+
return l;
|
|
12
|
+
};
|
|
13
|
+
const p = i((t, o) => {
|
|
14
|
+
var { title: l, titleId: e } = t, r = f(t, ["title", "titleId"]);
|
|
15
|
+
let n = d();
|
|
16
|
+
return n = l ? e || "title-" + n : void 0, a.createElement(
|
|
17
|
+
"svg",
|
|
18
|
+
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: o, "aria-labelledby": n }, r),
|
|
19
|
+
l ? a.createElement("title", { id: n }, l) : null,
|
|
20
|
+
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
|
|
21
|
+
);
|
|
22
|
+
});
|
|
23
|
+
export {
|
|
24
|
+
p as S
|
|
25
|
+
};
|
package/dist/assets/Badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._badge_1w7dc_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_1w7dc_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1w7dc_1[data-size=xs] ._label_1w7dc_22{color:transparent;width:100%;height:100%}._badge_1w7dc_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1w7dc_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1w7dc_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1q3ym_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}._button_1q3ym_1:not([data-size]){font-size:inherit}._button_1q3ym_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1q3ym_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1q3ym_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted],._button_1q3ym_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1q3ym_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1q3ym_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1q3ym_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1q3ym_1[data-rounded=true]{border-radius:50%}._button_1q3ym_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1q3ym_1:focus-visible *{--_ds--focus: }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1tenp_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1tenp_8[data-size=xs]{font-size:.875rem}._icon_1tenp_8[data-size=sm]{font-size:1rem}._icon_1tenp_8[data-size=md]{font-size:1.125rem}._icon_1tenp_8[data-size=lg]{font-size:1.5rem}._icon_1tenp_8 svg,._icon_1tenp_8 img{display:block;width:1em;height:1em;font-size:1.5em}._avatar_1tenp_32{font-size:1.5em}._avatarGroup_1tenp_36{font-size:1.125em}
|
package/dist/assets/Flex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._flex_1b3x8_1{row-gap:var(--dsc-spacing);column-gap:var(--dsc-spacing);display:flex;list-style:none;padding:0;margin:0}._flex_1b3x8_1[data-direction=col]{flex-direction:column}._flex_1b3x8_1[data-direction=row]{flex-direction:row}._flex_1b3x8_1[data-align=center]{align-items:center}._flex_1b3x8_1[data-align=start]{align-items:flex-start}._flex_1b3x8_1[data-align=end]{align-items:flex-end}._flex_1b3x8_1[data-justify=start]{justify-content:flex-start}._flex_1b3x8_1[data-justify=end]{justify-content:flex-end}._flex_1b3x8_1[data-justify=center]{justify-content:center}._flex_1b3x8_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_1b3x8_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_1b3x8_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_1b3x8_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_1b3x8_1{margin:0}._flex_1b3x8_1[data-margin=section]{margin:.625rem 0}._flex_1b3x8_1[data-margin=page]{margin:1.125rem 0}._flex_1b3x8_1[data-margin=bottom]{margin:0 0 1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_af7mx_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_af7mx_13{font-size:1.125rem;font-weight:500;padding:.25rem}._loginIcon_af7mx_19,._closeIcon_af7mx_20,._avatar_af7mx_21{font-size:1.5rem;width:2.25rem;height:2.25rem;border-radius:2px}._loginIcon_af7mx_19{background-color:#fff;color:#000}._closeIcon_af7mx_20{outline:1px solid white}._badge_af7mx_37{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
package/dist/assets/Grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._grid_aha67_1{--dsc-spacing: var(--dsc-spacing-md);display:grid;list-style:none;padding:0;margin:0;gap:var(--dsc-spacing)}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_aha67_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_aha67_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_aha67_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_aha67_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_aha67_1[data-margin=section]{margin:.625rem 0}._grid_aha67_1[data-margin=page]{margin:1.125rem 0}
|
package/dist/assets/Heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_16r67_1{font-size:1em;line-height:1.25;margin:0}._heading_16r67_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_16r67_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_16r67_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_16r67_1[data-weight=normal]{font-weight:400}._heading_16r67_1[data-weight=medium]{font-weight:500}._heading_16r67_1[data-weight=bold]{font-weight:600}._heading_16r67_1[data-size=inherit]{font-size:1em}._heading_16r67_1[data-size=xxs]{font-size:.75rem}._heading_16r67_1[data-size=xs]{font-size:.875rem}._heading_16r67_1[data-size=sm]{font-size:1rem}._heading_16r67_1[data-size=md]{font-size:1.125rem}._heading_16r67_1[data-size=lg]{font-size:1.25rem}._heading_16r67_1[data-size=xl]{font-size:1.5rem}._heading_16r67_1[data-leading=none]{line-height:1}._heading_16r67_1[data-leading=normal]{line-height:1.5}._heading_16r67_1[data-leading=tight]{line-height:1.25}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._list_14rag_1{--dsc-spacing: var(--dsc-spacing-md);row-gap:var(--dsc-spacing)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._controls_mvhfq_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.25rem}._controls_mvhfq_1:empty{display:none}._linkText_mvhfq_13{font-size:.875rem;white-space:nowrap}._linkIcon_mvhfq_18{font-size:1.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_s4ghf_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_s4ghf_1[data-interactive=true]{cursor:pointer}._header_s4ghf_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_s4ghf_1[data-interactive=true]:hover ._label_s4ghf_27 h2{text-decoration:underline}._header_s4ghf_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_s4ghf_35{flex-shrink:0;min-width:1.5em;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._item_1owl4_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1owl4_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1owl4_1[data-size=md]{min-height:56px}._item_1owl4_1[data-size=md]{min-height:44px}._item_1owl4_1[data-size=sm]{min-height:40px}._action_1owl4_45{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1owl4_52{font-size:.875rem;white-space:nowrap}._linkIcon_1owl4_57{font-size:1.5rem}._item_1owl4_1,._item_1owl4_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_1k1tk_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1k1tk_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1k1tk_1[data-size=md]{min-height:56px}._item_1k1tk_1[data-size=md]{min-height:44px}._item_1k1tk_1[data-size=sm]{min-height:40px}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1k1tk_1,._item_1k1tk_1[data-theme]{background-color:transparent}._item_1k1tk_1{pointer-events:none}._item_1k1tk_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1k1tk_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1k1tk_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1k1tk_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1k1tk_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_mk4ho_1{flex-grow:1;display:flex;flex-direction:column;padding:0 .125rem}._label_mk4ho_1[data-size=lg]{font-size:1.125rem}._label_mk4ho_1[data-size=md],._label_mk4ho_1[data-size=sm]{font-size:1rem}._title_mk4ho_20{display:inline-flex;align-items:center;column-gap:.5em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._field_99cd6_1{position:relative;margin:.5rem 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._field_5zm0g_1{position:relative}._icon_5zm0g_5{position:absolute;top:1px;left:1px;font-size:1.25em;color:var(--ds-color-text-subtle);margin:.5em}._input_5zm0g_14{padding-left:2.25em;padding-right:2.25em}._input_5zm0g_14[type=search]::-webkit-search-decoration,._input_5zm0g_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_5zm0g_24{font-size:inherit;position:absolute;top:1px;right:1px;margin:.25em;border:0;border-radius:100%;width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:var(--ds-color-background-tinted);color:var(--ds-color-base-default)}._clear_5zm0g_24:hover{background-color:var(--ds-color-surface-active);color:var(--ds-color-base-default);cursor:pointer}._clear_5zm0g_24 ._clearIcon_5zm0g_48{font-size:1.5em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._section_1w6kc_1[data-variant=default]{--dsc-item-background: var(--ds-color-surface-default)}._section_1w6kc_1[data-variant=subtle]{--dsc-item-background: var(--ds-color-background-tinted)}._section_1w6kc_1[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-tinted)}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment as g, createElement as l } from "react";
|
|
3
|
+
import "../../index-L8X2o7IH.js";
|
|
4
|
+
import { AccountListItem as d } from "./AccountListItem.js";
|
|
5
|
+
import "../RootProvider/RootProvider.js";
|
|
6
|
+
import { List as f } from "../List/List.js";
|
|
7
|
+
import { Typography as a } from "../Typography/Typography.js";
|
|
8
|
+
import { Heading as m } from "../Typography/Heading.js";
|
|
9
|
+
import "../Searchbar/AutocompleteBase.js";
|
|
10
|
+
import "../Snackbar/useSnackbar.js";
|
|
11
|
+
import { Section as h } from "../Page/Section.js";
|
|
12
|
+
const F = ({ items: e, groups: i }) => !e || e.length === 0 ? /* @__PURE__ */ p(h, { children: [
|
|
13
|
+
/* @__PURE__ */ t(m, { size: "lg", children: "Ingen treff" }),
|
|
14
|
+
/* @__PURE__ */ t(a, { children: "Ingen treff på søket ditt." })
|
|
15
|
+
] }) : i ? /* @__PURE__ */ t(h, { spacing: 6, children: Object.entries(i).map(([r, s]) => {
|
|
16
|
+
const { title: o } = s, c = e.filter((n) => n.groupId === r && !n.hidden);
|
|
17
|
+
return c.length === 0 ? null : /* @__PURE__ */ p(g, { children: [
|
|
18
|
+
o && /* @__PURE__ */ t(m, { size: "lg", children: o }),
|
|
19
|
+
/* @__PURE__ */ t(f, { children: c.map((n) => /* @__PURE__ */ l(d, { ...n, key: n.id })) })
|
|
20
|
+
] }, r);
|
|
21
|
+
}) }) : /* @__PURE__ */ t(f, { children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ l(d, { ...r, key: r.id })) });
|
|
22
|
+
export {
|
|
23
|
+
F as AccountList
|
|
24
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-L8X2o7IH.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "../RootProvider/RootProvider.js";
|
|
5
|
+
import { ListItem as j } from "../List/ListItem.js";
|
|
6
|
+
import "../Searchbar/AutocompleteBase.js";
|
|
7
|
+
import "../Snackbar/useSnackbar.js";
|
|
8
|
+
import { AccountListItemControls as k } from "./AccountListItemControls.js";
|
|
9
|
+
const D = ({
|
|
10
|
+
id: r,
|
|
11
|
+
type: i,
|
|
12
|
+
size: m,
|
|
13
|
+
expanded: t,
|
|
14
|
+
icon: s,
|
|
15
|
+
title: c,
|
|
16
|
+
description: p,
|
|
17
|
+
isCurrentEndUser: e,
|
|
18
|
+
isDeleted: n,
|
|
19
|
+
badge: f,
|
|
20
|
+
favourite: l = !1,
|
|
21
|
+
favouriteLabel: u,
|
|
22
|
+
onToggleFavourite: I,
|
|
23
|
+
contextMenu: L,
|
|
24
|
+
children: A,
|
|
25
|
+
interactive: b,
|
|
26
|
+
...g
|
|
27
|
+
}) => /* @__PURE__ */ o(
|
|
28
|
+
j,
|
|
29
|
+
{
|
|
30
|
+
...g,
|
|
31
|
+
size: m,
|
|
32
|
+
icon: s,
|
|
33
|
+
title: c,
|
|
34
|
+
description: t ? void 0 : p,
|
|
35
|
+
expanded: t,
|
|
36
|
+
selected: t,
|
|
37
|
+
badge: !t && /* @__PURE__ */ o(
|
|
38
|
+
k,
|
|
39
|
+
{
|
|
40
|
+
id: r,
|
|
41
|
+
type: i,
|
|
42
|
+
favourite: l,
|
|
43
|
+
favouriteLabel: u,
|
|
44
|
+
badge: f,
|
|
45
|
+
isCurrentEndUser: e,
|
|
46
|
+
isDeleted: n,
|
|
47
|
+
onToggleFavourite: I,
|
|
48
|
+
contextMenu: L
|
|
49
|
+
}
|
|
50
|
+
),
|
|
51
|
+
linkIcon: !0,
|
|
52
|
+
interactive: b,
|
|
53
|
+
children: A
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
export {
|
|
57
|
+
D as AccountListItem
|
|
58
|
+
};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as u, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import "../../index-L8X2o7IH.js";
|
|
4
|
+
import * as i from "react";
|
|
5
|
+
import { forwardRef as m, isValidElement as y } from "react";
|
|
6
|
+
import { Badge as O } from "../Badge/Badge.js";
|
|
7
|
+
import { IconButton as w } from "../Button/IconButton.js";
|
|
8
|
+
import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
|
|
9
|
+
import { ListItemControls as v } from "../List/ListItemControls.js";
|
|
10
|
+
import "../RootProvider/RootProvider.js";
|
|
11
|
+
import "../Searchbar/AutocompleteBase.js";
|
|
12
|
+
import "../Snackbar/useSnackbar.js";
|
|
13
|
+
import { u as d } from "../../useId-BVFxCjkq.js";
|
|
14
|
+
var h = function(t, n) {
|
|
15
|
+
var r = {};
|
|
16
|
+
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
17
|
+
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
18
|
+
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
19
|
+
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
20
|
+
return r;
|
|
21
|
+
};
|
|
22
|
+
const x = m((t, n) => {
|
|
23
|
+
var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
|
|
24
|
+
let o = d();
|
|
25
|
+
return o = r ? e || "title-" + o : void 0, i.createElement(
|
|
26
|
+
"svg",
|
|
27
|
+
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": o }, l),
|
|
28
|
+
r ? i.createElement("title", { id: o }, r) : null,
|
|
29
|
+
i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
|
|
30
|
+
);
|
|
31
|
+
});
|
|
32
|
+
var I = function(t, n) {
|
|
33
|
+
var r = {};
|
|
34
|
+
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
35
|
+
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
36
|
+
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
37
|
+
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
38
|
+
return r;
|
|
39
|
+
};
|
|
40
|
+
const j = m((t, n) => {
|
|
41
|
+
var { title: r, titleId: e } = t, l = I(t, ["title", "titleId"]);
|
|
42
|
+
let o = d();
|
|
43
|
+
return o = r ? e || "title-" + o : void 0, i.createElement(
|
|
44
|
+
"svg",
|
|
45
|
+
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": o }, l),
|
|
46
|
+
r ? i.createElement("title", { id: o }, r) : null,
|
|
47
|
+
i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
|
|
48
|
+
);
|
|
49
|
+
}), L = ({
|
|
50
|
+
id: t,
|
|
51
|
+
type: n,
|
|
52
|
+
badge: r,
|
|
53
|
+
isCurrentEndUser: e = !1,
|
|
54
|
+
isDeleted: l = !1,
|
|
55
|
+
favourite: o = !1,
|
|
56
|
+
favouriteLabel: p,
|
|
57
|
+
onToggleFavourite: f,
|
|
58
|
+
contextMenu: a,
|
|
59
|
+
loading: s
|
|
60
|
+
}) => /* @__PURE__ */ u(v, { children: [
|
|
61
|
+
r && (r && !s && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(O, { ...r }) : y(r) ? r : null),
|
|
62
|
+
!e && !l && n !== "group" && /* @__PURE__ */ c(
|
|
63
|
+
w,
|
|
64
|
+
{
|
|
65
|
+
rounded: !0,
|
|
66
|
+
variant: "text",
|
|
67
|
+
icon: o ? j : x,
|
|
68
|
+
iconAltText: p || "Toggle favourite",
|
|
69
|
+
onClick: () => f == null ? void 0 : f(t),
|
|
70
|
+
size: "xs"
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
a && /* @__PURE__ */ c(b, { ...a })
|
|
74
|
+
] });
|
|
75
|
+
export {
|
|
76
|
+
L as AccountListItemControls
|
|
77
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
3
|
+
import { useState as m } from "react";
|
|
4
|
+
import "../../index-L8X2o7IH.js";
|
|
5
|
+
import "../RootProvider/RootProvider.js";
|
|
6
|
+
import { Menu as L } from "../Menu/Menu.js";
|
|
7
|
+
import "../Searchbar/AutocompleteBase.js";
|
|
8
|
+
import "../Snackbar/useSnackbar.js";
|
|
9
|
+
const M = (n) => `${n} hits`, j = ({
|
|
10
|
+
items: n = [],
|
|
11
|
+
groups: i = {},
|
|
12
|
+
search: o,
|
|
13
|
+
onSelectAccount: r,
|
|
14
|
+
currentAccount: d,
|
|
15
|
+
menuItemsVirtual: g
|
|
16
|
+
}) => {
|
|
17
|
+
var s;
|
|
18
|
+
const a = n.map((t) => ({
|
|
19
|
+
...t,
|
|
20
|
+
title: (t == null ? void 0 : t.title) || t.name,
|
|
21
|
+
groupId: t.groupId || "search",
|
|
22
|
+
selected: t.selected ?? (d == null ? void 0 : d.id) === t.id,
|
|
23
|
+
onClick: () => r == null ? void 0 : r(t.id)
|
|
24
|
+
})), [e, p] = m(""), l = e ? a.filter((t) => {
|
|
25
|
+
var u;
|
|
26
|
+
return (u = t == null ? void 0 : t.name) == null ? void 0 : u.toLowerCase().includes(e.toLowerCase());
|
|
27
|
+
}).map((t) => ({
|
|
28
|
+
...t,
|
|
29
|
+
groupId: "search"
|
|
30
|
+
})) : a, f = e ? {
|
|
31
|
+
search: {
|
|
32
|
+
title: ((s = o == null ? void 0 : o.getResultsLabel) == null ? void 0 : s.call(o, l.length)) ?? M(l.length)
|
|
33
|
+
}
|
|
34
|
+
} : i, C = {
|
|
35
|
+
name: "account-search",
|
|
36
|
+
value: e,
|
|
37
|
+
placeholder: (o == null ? void 0 : o.placeholder) ?? "Find account",
|
|
38
|
+
onChange: (t) => p(t.target.value),
|
|
39
|
+
onClear: () => p("")
|
|
40
|
+
}, I = [
|
|
41
|
+
...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
|
|
42
|
+
];
|
|
43
|
+
return /* @__PURE__ */ h(
|
|
44
|
+
L,
|
|
45
|
+
{
|
|
46
|
+
theme: "default",
|
|
47
|
+
search: o && C,
|
|
48
|
+
groups: f,
|
|
49
|
+
items: I,
|
|
50
|
+
menuItemsVirtual: g
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
j as AccountMenu
|
|
56
|
+
};
|
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "../../index-L8X2o7IH.js";
|
|
3
|
-
import '../../assets/Badge.css';const b = "
|
|
3
|
+
import '../../assets/Badge.css';const b = "_badge_1w7dc_1", m = "_label_1w7dc_22", e = {
|
|
4
4
|
badge: b,
|
|
5
|
-
label:
|
|
6
|
-
}, g = ({ label:
|
|
5
|
+
label: m
|
|
6
|
+
}, g = ({ label: t, color: s, variant: d = "tinted", theme: l, size: c = "sm", className: n, children: o }) => /* @__PURE__ */ a(
|
|
7
|
+
"span",
|
|
8
|
+
{
|
|
9
|
+
className: r(e.badge, n),
|
|
10
|
+
"data-color": s,
|
|
11
|
+
"data-variant": d,
|
|
12
|
+
"data-theme": l,
|
|
13
|
+
"data-size": c,
|
|
14
|
+
children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
|
|
15
|
+
}
|
|
16
|
+
);
|
|
7
17
|
export {
|
|
8
18
|
g as Badge
|
|
9
19
|
};
|
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../assets/ButtonBase.css';const p = "
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as f } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import '../../assets/ButtonBase.css';const p = "_button_1q3ym_1", x = {
|
|
4
4
|
button: p
|
|
5
5
|
}, B = ({
|
|
6
6
|
as: a,
|
|
7
7
|
color: o,
|
|
8
8
|
className: e,
|
|
9
9
|
children: n,
|
|
10
|
-
reverse: s,
|
|
11
10
|
disabled: t = !1,
|
|
12
|
-
ariaLabel:
|
|
13
|
-
size:
|
|
14
|
-
selected:
|
|
15
|
-
variant:
|
|
11
|
+
ariaLabel: s,
|
|
12
|
+
size: r,
|
|
13
|
+
selected: c,
|
|
14
|
+
variant: d,
|
|
15
|
+
reverse: l = !1,
|
|
16
|
+
rounded: m = !1,
|
|
16
17
|
tabIndex: u = 0,
|
|
17
18
|
...b
|
|
18
|
-
}) => /* @__PURE__ */
|
|
19
|
+
}) => /* @__PURE__ */ i(
|
|
19
20
|
a || "button",
|
|
20
21
|
{
|
|
21
22
|
tabIndex: u,
|
|
22
|
-
"data-size":
|
|
23
|
+
"data-size": r,
|
|
23
24
|
"data-color": o,
|
|
24
|
-
"data-variant":
|
|
25
|
-
"data-reverse":
|
|
26
|
-
"data-
|
|
25
|
+
"data-variant": d,
|
|
26
|
+
"data-reverse": l,
|
|
27
|
+
"data-rounded": m,
|
|
28
|
+
"data-selected": c,
|
|
27
29
|
"aria-disabled": t,
|
|
28
30
|
disabled: t,
|
|
29
|
-
className:
|
|
30
|
-
"aria-label":
|
|
31
|
+
className: f(x.button, e),
|
|
32
|
+
"aria-label": s,
|
|
31
33
|
...b,
|
|
32
34
|
children: n
|
|
33
35
|
}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "../../index-L8X2o7IH.js";
|
|
3
|
-
import { isValidElement as
|
|
4
|
-
import { isIconProps as
|
|
3
|
+
import { isValidElement as n } from "react";
|
|
4
|
+
import { isIconProps as i, Icon as o } from "../Icon/Icon.js";
|
|
5
|
+
import { isAvatarProps as c, Avatar as _ } from "../Avatar/Avatar.js";
|
|
6
|
+
import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
|
|
5
7
|
import "../RootProvider/RootProvider.js";
|
|
6
8
|
import "../Searchbar/AutocompleteBase.js";
|
|
7
9
|
import "../Snackbar/useSnackbar.js";
|
|
8
|
-
import '../../assets/ButtonIcon.css';const
|
|
9
|
-
|
|
10
|
+
import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1tenp_8", G = "_avatar_1tenp_32", N = "_avatarGroup_1tenp_36", t = {
|
|
11
|
+
wrapper: v,
|
|
12
|
+
icon: u,
|
|
13
|
+
avatar: G,
|
|
14
|
+
avatarGroup: N
|
|
10
15
|
};
|
|
11
|
-
function
|
|
12
|
-
return typeof
|
|
16
|
+
function d(r) {
|
|
17
|
+
return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
|
|
13
18
|
}
|
|
14
|
-
const
|
|
19
|
+
const h = ({ icon: r, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": p, "aria-label": s, children: c(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || i(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || d(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
|
|
15
20
|
export {
|
|
16
|
-
|
|
21
|
+
h as ButtonIcon
|
|
17
22
|
};
|
|
@@ -1,36 +1,38 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import { ButtonBase as
|
|
4
|
+
import { ButtonBase as f } from "./ButtonBase.js";
|
|
5
5
|
import { ButtonIcon as u } from "./ButtonIcon.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
const
|
|
9
|
+
const g = ({
|
|
10
10
|
variant: r = "solid",
|
|
11
|
-
|
|
11
|
+
rounded: i = !1,
|
|
12
|
+
size: m,
|
|
12
13
|
icon: t,
|
|
13
|
-
iconSize:
|
|
14
|
-
iconAltText:
|
|
15
|
-
color:
|
|
14
|
+
iconSize: p,
|
|
15
|
+
iconAltText: e,
|
|
16
|
+
color: a,
|
|
16
17
|
className: n,
|
|
17
|
-
selected:
|
|
18
|
-
onClick:
|
|
18
|
+
selected: s,
|
|
19
|
+
onClick: l,
|
|
19
20
|
dataTestId: d
|
|
20
21
|
}) => /* @__PURE__ */ o(
|
|
21
|
-
|
|
22
|
+
f,
|
|
22
23
|
{
|
|
23
24
|
variant: r,
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
rounded: i,
|
|
26
|
+
color: a,
|
|
27
|
+
size: m,
|
|
26
28
|
className: n,
|
|
27
|
-
onClick:
|
|
28
|
-
selected:
|
|
29
|
+
onClick: l,
|
|
30
|
+
selected: s,
|
|
29
31
|
"data-testid": d,
|
|
30
|
-
"aria-label":
|
|
31
|
-
children: t && /* @__PURE__ */ o(u, { icon: t, size:
|
|
32
|
+
"aria-label": e,
|
|
33
|
+
children: t && /* @__PURE__ */ o(u, { icon: t, size: p })
|
|
32
34
|
}
|
|
33
35
|
);
|
|
34
36
|
export {
|
|
35
|
-
|
|
37
|
+
g as IconButton
|
|
36
38
|
};
|