@altinn/altinn-components 0.6.12 → 0.7.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/AutocompleteBase.css +1 -1
- package/dist/assets/AutocompleteGroup.css +1 -1
- package/dist/assets/DialogBorder.css +1 -1
- package/dist/assets/DialogHeaderBase.css +1 -1
- package/dist/assets/DialogHeadings.css +1 -1
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/DialogTitle.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemControls.css +1 -0
- package/dist/assets/ListItemHeader.css +1 -0
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ListItemMedia.css +1 -1
- package/dist/assets/ListItemSelect.css +1 -0
- package/dist/assets/MetaItemBase.css +1 -0
- package/dist/assets/MetaItemLabel.css +1 -0
- package/dist/assets/MetaItemMedia.css +1 -0
- package/dist/components/Bookmarks/BookmarksList.d.ts +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -13
- package/dist/components/Bookmarks/BookmarksListItem.js +5 -10
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Buttons.stories.js +2 -2
- package/dist/components/ContextMenu/ContextMenu.d.ts +2 -1
- package/dist/components/ContextMenu/ContextMenu.js +19 -8
- package/dist/components/ContextMenu/ContextMenuBase.d.ts +2 -1
- package/dist/components/ContextMenu/ContextMenuBase.js +19 -18
- package/dist/components/Dialog/Dialog.stories.js +30 -20
- package/dist/components/Dialog/DialogBase.d.ts +2 -0
- package/dist/components/Dialog/DialogBorder.d.ts +1 -1
- package/dist/components/Dialog/DialogBorder.js +5 -5
- package/dist/components/Dialog/DialogContent.stories.js +1 -1
- package/dist/components/Dialog/DialogGroup.js +5 -5
- package/dist/components/Dialog/DialogHeader.d.ts +1 -1
- package/dist/components/Dialog/DialogHeader.js +6 -6
- package/dist/components/Dialog/DialogHeaderBase.d.ts +3 -1
- package/dist/components/Dialog/DialogHeaderBase.js +3 -3
- package/dist/components/Dialog/DialogHeadings.d.ts +2 -3
- package/dist/components/Dialog/DialogHeadings.js +24 -26
- package/dist/components/Dialog/DialogLabel.d.ts +13 -0
- package/dist/components/Dialog/DialogLabel.js +17 -0
- package/dist/components/Dialog/DialogListItem.d.ts +17 -5
- package/dist/components/Dialog/DialogListItem.js +86 -70
- package/dist/components/Dialog/DialogListItem.stories.js +117 -68
- package/dist/components/Dialog/DialogMetadata.d.ts +9 -1
- package/dist/components/Dialog/DialogMetadata.js +25 -21
- package/dist/components/Dialog/DialogNav.js +16 -16
- package/dist/components/Dialog/DialogTitle.d.ts +7 -9
- package/dist/components/Dialog/DialogTitle.js +9 -10
- package/dist/components/Dialog/Examples.stories.js +31 -0
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/components/Dialog/index.js +41 -41
- package/dist/components/List/ListItem.d.ts +5 -25
- package/dist/components/List/ListItem.js +41 -20
- package/dist/components/List/ListItem.stories.js +79 -45
- package/dist/components/List/ListItemBase.d.ts +8 -10
- package/dist/components/List/ListItemBase.js +52 -46
- package/dist/components/List/{ListItemAction.d.ts → ListItemControls.d.ts} +3 -3
- package/dist/components/List/ListItemControls.js +19 -0
- package/dist/components/List/ListItemHeader.d.ts +8 -0
- package/dist/components/List/ListItemHeader.js +8 -0
- package/dist/components/List/ListItemLabel.js +7 -7
- package/dist/components/List/ListItemMedia.js +7 -7
- package/dist/components/List/ListItemSelect.d.ts +12 -0
- package/dist/components/List/ListItemSelect.js +15 -0
- package/dist/components/List/index.d.ts +5 -3
- package/dist/components/List/index.js +16 -12
- package/dist/components/Meta/MetaItemBase.d.ts +1 -1
- package/dist/components/Meta/MetaItemBase.js +21 -20
- package/dist/components/Meta/MetaItemLabel.js +5 -4
- package/dist/components/Meta/MetaItemMedia.js +9 -8
- package/dist/components/Page/PageNav.js +7 -7
- package/dist/components/Searchbar/Autocomplete.stories.js +241 -13
- package/dist/components/Searchbar/AutocompleteBase.js +5 -5
- package/dist/components/Searchbar/AutocompleteGroup.js +9 -12
- package/dist/components/Searchbar/AutocompleteItem.d.ts +23 -11
- package/dist/components/Searchbar/AutocompleteItem.js +21 -8
- package/dist/components/Searchbar/ScopeListItem.d.ts +12 -0
- package/dist/components/Searchbar/ScopeListItem.js +12 -0
- package/dist/components/Toolbar/ToolbarButton.js +2 -1
- package/dist/components/index.js +153 -149
- package/dist/hooks/useMenu.js +19 -19
- package/dist/index.js +163 -159
- package/package.json +1 -1
- package/dist/assets/DialogListItemBase.css +0 -1
- package/dist/assets/ListItemAction.css +0 -1
- package/dist/assets/metaItem.css +0 -1
- package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
- package/dist/components/Dialog/DialogListItemBase.js +0 -24
- package/dist/components/Dialog/DialogTitle.stories.js +0 -26
- package/dist/components/List/ListItemAction.js +0 -19
- package/dist/components/List/ListItemAction.stories.js +0 -45
- package/dist/metaItem.module-CfNiX769.js +0 -8
- /package/dist/assets/{AutocompleteItem.css → ScopeListItem.css} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { AttachmentLink as e } from "./components/Attachment/AttachmentLink.js";
|
|
2
2
|
import { AttachmentList as m } from "./components/Attachment/AttachmentList.js";
|
|
3
|
-
import { Avatar as
|
|
3
|
+
import { Avatar as a } from "./components/Avatar/Avatar.js";
|
|
4
4
|
import { AvatarGroup as f } from "./components/Avatar/AvatarGroup.js";
|
|
5
5
|
import { Badge as n } from "./components/Badge/Badge.js";
|
|
6
6
|
import { BookmarksList as u } from "./components/Bookmarks/BookmarksList.js";
|
|
7
|
-
import { BookmarksListItem as
|
|
8
|
-
import { QueryItem as g, QueryLabel as
|
|
9
|
-
import { ButtonBase as
|
|
7
|
+
import { BookmarksListItem as B } from "./components/Bookmarks/BookmarksListItem.js";
|
|
8
|
+
import { QueryItem as g, QueryLabel as L } from "./components/Bookmarks/QueryLabel.js";
|
|
9
|
+
import { ButtonBase as D } from "./components/Button/ButtonBase.js";
|
|
10
10
|
import { ButtonLabel as I } from "./components/Button/ButtonLabel.js";
|
|
11
|
-
import { ButtonIcon as
|
|
11
|
+
import { ButtonIcon as y } from "./components/Button/ButtonIcon.js";
|
|
12
12
|
import { Button as S } from "./components/Button/Button.js";
|
|
13
13
|
import { ComboButton as A } from "./components/Button/ComboButton.js";
|
|
14
|
-
import { IconButton as
|
|
14
|
+
import { IconButton as C } from "./components/Button/IconButton.js";
|
|
15
15
|
import { ContextMenu as T } from "./components/ContextMenu/ContextMenu.js";
|
|
16
16
|
import { Dialog as F } from "./components/Dialog/Dialog.js";
|
|
17
17
|
import { DialogList as O } from "./components/Dialog/DialogList.js";
|
|
18
18
|
import { DialogMetadata as E } from "./components/Dialog/DialogMetadata.js";
|
|
19
19
|
import { DialogListItem as Q } from "./components/Dialog/DialogListItem.js";
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import { DropdownBase as
|
|
20
|
+
import { DialogActions as N } from "./components/Dialog/DialogActions.js";
|
|
21
|
+
import { DialogActivityLog as q } from "./components/Dialog/DialogActivityLog.js";
|
|
22
|
+
import { DialogArticleBase as J } from "./components/Dialog/DialogArticleBase.js";
|
|
23
|
+
import { DialogBase as V } from "./components/Dialog/DialogBase.js";
|
|
24
|
+
import { DialogBodyBase as X } from "./components/Dialog/DialogBodyBase.js";
|
|
25
|
+
import { DialogBorder as Z } from "./components/Dialog/DialogBorder.js";
|
|
26
|
+
import { DialogContent as $ } from "./components/Dialog/DialogContent.js";
|
|
27
|
+
import { DialogFooter as ro } from "./components/Dialog/DialogFooter.js";
|
|
28
|
+
import { DialogHeader as to } from "./components/Dialog/DialogHeader.js";
|
|
29
|
+
import { DialogHeaderBase as po } from "./components/Dialog/DialogHeaderBase.js";
|
|
30
|
+
import { DialogHeadings as xo } from "./components/Dialog/DialogHeadings.js";
|
|
31
|
+
import { DialogHistory as io } from "./components/Dialog/DialogHistory.js";
|
|
32
|
+
import { DialogNav as so } from "./components/Dialog/DialogNav.js";
|
|
33
|
+
import { DialogSectionBase as lo } from "./components/Dialog/DialogSectionBase.js";
|
|
34
|
+
import { DialogSeenBy as co } from "./components/Dialog/DialogSeenBy.js";
|
|
35
|
+
import { DialogSelect as Lo } from "./components/Dialog/DialogSelect.js";
|
|
36
|
+
import { DialogStatus as Mo, DialogStatusEnum as Io } from "./components/Dialog/DialogStatus.js";
|
|
37
|
+
import { DialogTitle as yo } from "./components/Dialog/DialogTitle.js";
|
|
38
|
+
import { DialogTouchedBy as So } from "./components/Dialog/DialogTouchedBy.js";
|
|
39
|
+
import { DialogLabel as Ao } from "./components/Dialog/DialogLabel.js";
|
|
40
|
+
import { DropdownBase as Co } from "./components/Dropdown/DropdownBase.js";
|
|
41
41
|
import { Backdrop as To } from "./components/Dropdown/Backdrop.js";
|
|
42
42
|
import { DrawerBase as Fo } from "./components/Dropdown/DrawerBase.js";
|
|
43
43
|
import { DrawerHeader as Oo } from "./components/Dropdown/DrawerHeader.js";
|
|
@@ -52,19 +52,19 @@ import { AccountButton as Zo } from "./components/GlobalMenu/AccountButton.js";
|
|
|
52
52
|
import { BackButton as $o } from "./components/GlobalMenu/BackButton.js";
|
|
53
53
|
import { LogoutButton as rr } from "./components/GlobalMenu/LogoutButton.js";
|
|
54
54
|
import { Header as tr } from "./components/Header/Header.js";
|
|
55
|
-
import { HeaderBase as
|
|
55
|
+
import { HeaderBase as pr } from "./components/Header/HeaderBase.js";
|
|
56
56
|
import { HeaderLogo as xr } from "./components/Header/HeaderLogo.js";
|
|
57
57
|
import { HeaderButton as ir } from "./components/Header/HeaderButton.js";
|
|
58
58
|
import { HistoryList as sr } from "./components/History/HistoryList.js";
|
|
59
|
-
import { HistoryItem as
|
|
59
|
+
import { HistoryItem as lr } from "./components/History/HistoryItem.js";
|
|
60
60
|
import { Icon as cr } from "./components/Icon/Icon.js";
|
|
61
|
-
import { SvgIcon as
|
|
62
|
-
import { CheckboxIcon as
|
|
61
|
+
import { SvgIcon as Lr } from "./components/Icon/SvgIcon.js";
|
|
62
|
+
import { CheckboxIcon as Dr } from "./components/Icon/CheckboxIcon.js";
|
|
63
63
|
import { RadioIcon as Ir } from "./components/Icon/RadioIcon.js";
|
|
64
|
-
import { ProgressIcon as
|
|
64
|
+
import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
|
|
65
65
|
import { iconsMap as Sr } from "./components/Icon/iconsMap.js";
|
|
66
66
|
import { LayoutBase as Ar } from "./components/Layout/LayoutBase.js";
|
|
67
|
-
import { LayoutBody as
|
|
67
|
+
import { LayoutBody as Cr } from "./components/Layout/LayoutBody.js";
|
|
68
68
|
import { LayoutContent as Tr } from "./components/Layout/LayoutContent.js";
|
|
69
69
|
import { LayoutSidebar as Fr } from "./components/Layout/LayoutSidebar.js";
|
|
70
70
|
import { Layout as Or } from "./components/Layout/Layout.js";
|
|
@@ -72,50 +72,52 @@ import { ActionHeader as Er } from "./components/LayoutAction/ActionHeader.js";
|
|
|
72
72
|
import { ActionFooter as Qr } from "./components/LayoutAction/ActionFooter.js";
|
|
73
73
|
import { ActionMenu as Nr } from "./components/LayoutAction/ActionMenu.js";
|
|
74
74
|
import { ListItemBase as qr } from "./components/List/ListItemBase.js";
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
75
|
+
import { ListItemHeader as Jr } from "./components/List/ListItemHeader.js";
|
|
76
|
+
import { ListItemLabel as Vr } from "./components/List/ListItemLabel.js";
|
|
77
|
+
import { ListItemMedia as Xr } from "./components/List/ListItemMedia.js";
|
|
78
|
+
import { ListItemControls as Zr } from "./components/List/ListItemControls.js";
|
|
79
|
+
import { ListItemSelect as $r } from "./components/List/ListItemSelect.js";
|
|
80
|
+
import { ListItem as re } from "./components/List/ListItem.js";
|
|
81
|
+
import { ListBase as te } from "./components/List/ListBase.js";
|
|
82
|
+
import { List as pe } from "./components/List/List.js";
|
|
83
|
+
import { MenuItemBase as xe } from "./components/Menu/MenuItemBase.js";
|
|
84
|
+
import { MenuItemLabel as ie } from "./components/Menu/MenuItemLabel.js";
|
|
85
|
+
import { MenuItemMedia as se } from "./components/Menu/MenuItemMedia.js";
|
|
86
|
+
import { MenuItem as le } from "./components/Menu/MenuItem.js";
|
|
87
|
+
import { MenuInputField as ce } from "./components/Menu/MenuInputField.js";
|
|
88
|
+
import { MenuOption as Le } from "./components/Menu/MenuOption.js";
|
|
89
|
+
import { MenuSearch as De } from "./components/Menu/MenuSearch.js";
|
|
90
|
+
import { MenuHeader as Ie } from "./components/Menu/MenuHeader.js";
|
|
91
|
+
import { MenuItems as ye } from "./components/Menu/MenuItems.js";
|
|
92
|
+
import { MenuBase as Se, MenuList as ke, MenuListItem as Ae } from "./components/Menu/MenuBase.js";
|
|
93
|
+
import { Menu as Ce } from "./components/Menu/Menu.js";
|
|
94
|
+
import { MetaBase as Te } from "./components/Meta/MetaBase.js";
|
|
95
|
+
import { MetaList as Fe, MetaListItem as Pe } from "./components/Meta/MetaList.js";
|
|
96
|
+
import { MetaItemBase as Re } from "./components/Meta/MetaItemBase.js";
|
|
97
|
+
import { MetaItemMedia as Ge } from "./components/Meta/MetaItemMedia.js";
|
|
98
|
+
import { MetaItemLabel as Ke } from "./components/Meta/MetaItemLabel.js";
|
|
99
|
+
import { MetaItem as je } from "./components/Meta/MetaItem.js";
|
|
100
|
+
import { MetaProgress as ze } from "./components/Meta/MetaProgress.js";
|
|
101
|
+
import { MetaTimestamp as Ue } from "./components/Meta/MetaTimestamp.js";
|
|
102
|
+
import { RootProvider as We, useRootContext as Xe } from "./components/RootProvider/RootProvider.js";
|
|
103
|
+
import { Searchbar as Ze } from "./components/Searchbar/Searchbar.js";
|
|
104
|
+
import { Snackbar as $e } from "./components/Snackbar/Snackbar.js";
|
|
105
|
+
import { SnackbarBase as rt } from "./components/Snackbar/SnackbarBase.js";
|
|
106
|
+
import { SnackbarMedia as tt } from "./components/Snackbar/SnackbarMedia.js";
|
|
107
|
+
import { SnackbarLabel as pt } from "./components/Snackbar/SnackbarLabel.js";
|
|
108
|
+
import { ToolbarBase as xt } from "./components/Toolbar/ToolbarBase.js";
|
|
109
|
+
import { ToolbarButton as it } from "./components/Toolbar/ToolbarButton.js";
|
|
110
|
+
import { Toolbar as st } from "./components/Toolbar/Toolbar.js";
|
|
111
|
+
import { PageBase as lt } from "./components/Page/PageBase.js";
|
|
112
|
+
import { PageHeader as ct } from "./components/Page/PageHeader.js";
|
|
113
|
+
import { SectionBase as Lt } from "./components/Page/SectionBase.js";
|
|
114
|
+
import { SectionHeader as Dt } from "./components/Page/SectionHeader.js";
|
|
115
|
+
import { SectionFooter as It } from "./components/Page/SectionFooter.js";
|
|
116
|
+
import { Typography as yt } from "./components/Typography/Typography.js";
|
|
117
|
+
import { Heading as St } from "./components/Typography/Heading.js";
|
|
118
|
+
import { useClickOutside as At } from "./hooks/useClickOutside.js";
|
|
119
|
+
import { useEscapeKey as Ct } from "./hooks/useEscapeKey.js";
|
|
120
|
+
import { useMenu as Tt } from "./hooks/useMenu.js";
|
|
119
121
|
export {
|
|
120
122
|
Zo as AccountButton,
|
|
121
123
|
Vo as AccountMenu,
|
|
@@ -124,121 +126,123 @@ export {
|
|
|
124
126
|
Nr as ActionMenu,
|
|
125
127
|
e as AttachmentLink,
|
|
126
128
|
m as AttachmentList,
|
|
127
|
-
|
|
129
|
+
a as Avatar,
|
|
128
130
|
f as AvatarGroup,
|
|
129
131
|
$o as BackButton,
|
|
130
132
|
To as Backdrop,
|
|
131
133
|
n as Badge,
|
|
132
134
|
u as BookmarksList,
|
|
133
|
-
|
|
135
|
+
B as BookmarksListItem,
|
|
134
136
|
S as Button,
|
|
135
|
-
|
|
136
|
-
|
|
137
|
+
D as ButtonBase,
|
|
138
|
+
y as ButtonIcon,
|
|
137
139
|
I as ButtonLabel,
|
|
138
|
-
|
|
140
|
+
Dr as CheckboxIcon,
|
|
139
141
|
A as ComboButton,
|
|
140
142
|
T as ContextMenu,
|
|
141
143
|
F as Dialog,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
144
|
+
N as DialogActions,
|
|
145
|
+
q as DialogActivityLog,
|
|
146
|
+
J as DialogArticleBase,
|
|
147
|
+
V as DialogBase,
|
|
148
|
+
X as DialogBodyBase,
|
|
149
|
+
Z as DialogBorder,
|
|
150
|
+
$ as DialogContent,
|
|
151
|
+
ro as DialogFooter,
|
|
152
|
+
to as DialogHeader,
|
|
153
|
+
po as DialogHeaderBase,
|
|
154
|
+
xo as DialogHeadings,
|
|
155
|
+
io as DialogHistory,
|
|
156
|
+
Ao as DialogLabel,
|
|
154
157
|
O as DialogList,
|
|
155
158
|
Q as DialogListItem,
|
|
156
|
-
N as DialogListItemBase,
|
|
157
159
|
E as DialogMetadata,
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
160
|
+
so as DialogNav,
|
|
161
|
+
lo as DialogSectionBase,
|
|
162
|
+
co as DialogSeenBy,
|
|
163
|
+
Lo as DialogSelect,
|
|
164
|
+
Mo as DialogStatus,
|
|
165
|
+
Io as DialogStatusEnum,
|
|
166
|
+
yo as DialogTitle,
|
|
167
|
+
So as DialogTouchedBy,
|
|
166
168
|
Fo as DrawerBase,
|
|
167
169
|
No as DrawerBody,
|
|
168
170
|
Qo as DrawerButton,
|
|
169
171
|
Eo as DrawerFooter,
|
|
170
172
|
Oo as DrawerHeader,
|
|
171
173
|
qo as DrawerOrDropdown,
|
|
172
|
-
|
|
174
|
+
Co as DropdownBase,
|
|
173
175
|
Jo as Footer,
|
|
174
176
|
Xo as GlobalMenu,
|
|
175
177
|
tr as Header,
|
|
176
|
-
|
|
178
|
+
pr as HeaderBase,
|
|
177
179
|
ir as HeaderButton,
|
|
178
180
|
xr as HeaderLogo,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
+
St as Heading,
|
|
182
|
+
lr as HistoryItem,
|
|
181
183
|
sr as HistoryList,
|
|
182
184
|
cr as Icon,
|
|
183
|
-
|
|
185
|
+
C as IconButton,
|
|
184
186
|
Or as Layout,
|
|
185
187
|
Ar as LayoutBase,
|
|
186
|
-
|
|
188
|
+
Cr as LayoutBody,
|
|
187
189
|
Tr as LayoutContent,
|
|
188
190
|
Fr as LayoutSidebar,
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
re as ListItemAction,
|
|
191
|
+
pe as List,
|
|
192
|
+
te as ListBase,
|
|
193
|
+
re as ListItem,
|
|
193
194
|
qr as ListItemBase,
|
|
194
|
-
Zr as
|
|
195
|
-
|
|
195
|
+
Zr as ListItemControls,
|
|
196
|
+
Jr as ListItemHeader,
|
|
197
|
+
Vr as ListItemLabel,
|
|
198
|
+
Xr as ListItemMedia,
|
|
199
|
+
$r as ListItemSelect,
|
|
196
200
|
rr as LogoutButton,
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
201
|
+
Ce as Menu,
|
|
202
|
+
Se as MenuBase,
|
|
203
|
+
Ie as MenuHeader,
|
|
204
|
+
ce as MenuInputField,
|
|
205
|
+
le as MenuItem,
|
|
206
|
+
xe as MenuItemBase,
|
|
207
|
+
ie as MenuItemLabel,
|
|
208
|
+
se as MenuItemMedia,
|
|
209
|
+
ye as MenuItems,
|
|
210
|
+
ke as MenuList,
|
|
211
|
+
Ae as MenuListItem,
|
|
212
|
+
Le as MenuOption,
|
|
213
|
+
De as MenuSearch,
|
|
214
|
+
Te as MetaBase,
|
|
215
|
+
je as MetaItem,
|
|
216
|
+
Re as MetaItemBase,
|
|
217
|
+
Ke as MetaItemLabel,
|
|
218
|
+
Ge as MetaItemMedia,
|
|
219
|
+
Fe as MetaList,
|
|
220
|
+
Pe as MetaListItem,
|
|
221
|
+
ze as MetaProgress,
|
|
222
|
+
Ue as MetaTimestamp,
|
|
223
|
+
lt as PageBase,
|
|
224
|
+
ct as PageHeader,
|
|
225
|
+
yr as ProgressIcon,
|
|
222
226
|
g as QueryItem,
|
|
223
|
-
|
|
227
|
+
L as QueryLabel,
|
|
224
228
|
Ir as RadioIcon,
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
229
|
+
We as RootProvider,
|
|
230
|
+
Ze as Searchbar,
|
|
231
|
+
Lt as SectionBase,
|
|
232
|
+
It as SectionFooter,
|
|
233
|
+
Dt as SectionHeader,
|
|
234
|
+
$e as Snackbar,
|
|
235
|
+
rt as SnackbarBase,
|
|
236
|
+
pt as SnackbarLabel,
|
|
237
|
+
tt as SnackbarMedia,
|
|
238
|
+
Lr as SvgIcon,
|
|
239
|
+
st as Toolbar,
|
|
240
|
+
xt as ToolbarBase,
|
|
241
|
+
it as ToolbarButton,
|
|
242
|
+
yt as Typography,
|
|
239
243
|
Sr as iconsMap,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
+
At as useClickOutside,
|
|
245
|
+
Ct as useEscapeKey,
|
|
246
|
+
Tt as useMenu,
|
|
247
|
+
Xe as useRootContext
|
|
244
248
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._item_1uvy5_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1uvy5_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1uvy5_13{margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:1rem}._item_1uvy5_1[aria-selected=false] ._link_1uvy5_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1uvy5_46{position:absolute;top:0;right:0;margin:.375rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._action_1lv65_3{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkText_1lv65_10{font-size:.875rem;white-space:nowrap}._linkIcon_1lv65_15{font-size:1.5rem}
|
package/dist/assets/metaItem.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._item_92ojr_1{border:1px;border-radius:2px;color:var(--neutral-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}button._item_92ojr_1:hover,a._item_92ojr_1:hover{color:var(--theme-base-hover)}._label_92ojr_17{font-weight:400;line-height:1}._item_92ojr_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_92ojr_1[data-size=sm]{font-size:1rem}._item_92ojr_1[data-size=md]{font-size:1.125rem}._media_92ojr_39{display:inline-flex;align-items:center;justify-content:center}._item_92ojr_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_92ojr_1[data-variant=outline]{border-color:var(--theme-base-hover);border-style:solid}._item_92ojr_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_92ojr_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_92ojr_1[data-variant=outline],._item_92ojr_1[data-variant=dotted],._item_92ojr_1[data-variant=solid]{padding:0 .25em}._label_92ojr_17[data-variant=outline],._label_92ojr_17[data-variant=dotted],._label_92ojr_17[data-variant=solid]{font-size:.875em;font-weight:500;padding:0 .25em}._item_92ojr_1[data-size=xs]{font-size:.875rem}._media_92ojr_39[data-size=xs],._item_92ojr_1[data-size=sm]{font-size:1rem}._media_92ojr_39[data-size=sm]{font-size:1.25rem}._label_92ojr_17[data-size=sm]{font-size:1rem}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import { DialogSelectProps } from './DialogSelect';
|
|
3
|
-
export type DialogListItemVariant = 'neutral' | 'draft' | 'bin' | 'archive';
|
|
4
|
-
export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
-
export type DialogListItemBaseProps = {
|
|
6
|
-
/** Render as */
|
|
7
|
-
as?: ElementType;
|
|
8
|
-
/** Size */
|
|
9
|
-
size?: DialogListItemSize;
|
|
10
|
-
/** Link */
|
|
11
|
-
href?: string;
|
|
12
|
-
/** Select? Use to support batch operations */
|
|
13
|
-
select?: DialogSelectProps;
|
|
14
|
-
/** Dialog is selected */
|
|
15
|
-
selected?: boolean;
|
|
16
|
-
/** Children */
|
|
17
|
-
children?: ReactNode;
|
|
18
|
-
/** Variant */
|
|
19
|
-
variant?: DialogListItemVariant;
|
|
20
|
-
/** OnClick handler */
|
|
21
|
-
onClick?: () => void;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* Represents a dialog in list view, displaying information such as the title,
|
|
25
|
-
* summary, sender, and receiver.
|
|
26
|
-
* to mark the item as checked/unchecked and can visually indicate if it is unread.
|
|
27
|
-
*/
|
|
28
|
-
export declare const DialogListItemBase: ({ as, size, href, select, selected, children, onClick, }: DialogListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { DialogSelect as _ } from "./DialogSelect.js";
|
|
3
|
-
import '../../assets/DialogListItemBase.css';const d = "_item_1uvy5_1", u = "_link_1uvy5_13", k = "_select_1uvy5_46", t = {
|
|
4
|
-
item: d,
|
|
5
|
-
link: u,
|
|
6
|
-
select: k
|
|
7
|
-
}, y = ({
|
|
8
|
-
as: i = "a",
|
|
9
|
-
size: e,
|
|
10
|
-
href: l,
|
|
11
|
-
select: s,
|
|
12
|
-
selected: c,
|
|
13
|
-
children: n,
|
|
14
|
-
onClick: o
|
|
15
|
-
}) => {
|
|
16
|
-
const m = i || "button";
|
|
17
|
-
return /* @__PURE__ */ r("article", { className: t.item, "data-size": e, "aria-selected": c, children: [
|
|
18
|
-
/* @__PURE__ */ a(m, { className: t.link, "data-size": e, href: l, onClick: o, tabIndex: 0, children: n }),
|
|
19
|
-
s && /* @__PURE__ */ a(_, { className: t.select, ...s })
|
|
20
|
-
] });
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
y as DialogListItemBase
|
|
24
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { DialogTitle as a } from "./DialogTitle.js";
|
|
2
|
-
const e = {
|
|
3
|
-
title: "Dialog/DialogTitle",
|
|
4
|
-
component: a,
|
|
5
|
-
tags: ["autodocs"],
|
|
6
|
-
parameters: {},
|
|
7
|
-
args: {
|
|
8
|
-
children: "Title"
|
|
9
|
-
}
|
|
10
|
-
}, s = {
|
|
11
|
-
args: {}
|
|
12
|
-
}, o = {
|
|
13
|
-
args: {
|
|
14
|
-
variant: "seen"
|
|
15
|
-
}
|
|
16
|
-
}, r = {
|
|
17
|
-
args: {
|
|
18
|
-
variant: "trash"
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
s as Default,
|
|
23
|
-
o as Seen,
|
|
24
|
-
r as Trash,
|
|
25
|
-
e as default
|
|
26
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as n, jsxs as e, Fragment as l } from "react/jsx-runtime";
|
|
2
|
-
import { Badge as m } from "../Badge/Badge.js";
|
|
3
|
-
import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
|
|
4
|
-
import { Icon as _ } from "../Icon/Icon.js";
|
|
5
|
-
import "../Icon/SvgIcon.js";
|
|
6
|
-
import "../../index-L8X2o7IH.js";
|
|
7
|
-
import '../../assets/ListItemAction.css';const p = "_action_1lv65_3", x = "_linkText_1lv65_10", k = "_linkIcon_1lv65_15", t = {
|
|
8
|
-
action: p,
|
|
9
|
-
linkText: x,
|
|
10
|
-
linkIcon: k
|
|
11
|
-
}, h = ({ linkText: o, linkIcon: i, menu: c, badge: s, children: r }) => /* @__PURE__ */ n("div", { className: t.action, children: r || /* @__PURE__ */ e(l, { children: [
|
|
12
|
-
s && /* @__PURE__ */ n(m, { ...s }),
|
|
13
|
-
c && /* @__PURE__ */ n(a, { ...c }),
|
|
14
|
-
o && /* @__PURE__ */ n("span", { className: t.linkText, children: o }),
|
|
15
|
-
i && /* @__PURE__ */ n(_, { name: i, className: t.linkIcon })
|
|
16
|
-
] }) });
|
|
17
|
-
export {
|
|
18
|
-
h as ListItemAction
|
|
19
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "../../index-L8X2o7IH.js";
|
|
3
|
-
import { ListItemAction as t } from "./ListItemAction.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "../Icon/SvgIcon.js";
|
|
6
|
-
const s = {
|
|
7
|
-
title: "List/ListItemAction",
|
|
8
|
-
component: t,
|
|
9
|
-
tags: ["autodocs"],
|
|
10
|
-
parameters: {},
|
|
11
|
-
args: {}
|
|
12
|
-
}, a = {
|
|
13
|
-
args: {
|
|
14
|
-
linkIcon: "chevron-right"
|
|
15
|
-
}
|
|
16
|
-
}, c = {
|
|
17
|
-
args: {
|
|
18
|
-
linkText: "2 dager siden",
|
|
19
|
-
linkIcon: "chevron-right"
|
|
20
|
-
}
|
|
21
|
-
}, m = {
|
|
22
|
-
args: {
|
|
23
|
-
badge: {
|
|
24
|
-
label: "Admin"
|
|
25
|
-
},
|
|
26
|
-
linkIcon: "chevron-down"
|
|
27
|
-
}
|
|
28
|
-
}, l = {
|
|
29
|
-
args: {
|
|
30
|
-
menu: {
|
|
31
|
-
items: [
|
|
32
|
-
{
|
|
33
|
-
label: "Slett alle"
|
|
34
|
-
}
|
|
35
|
-
]
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
m as BadgeAndIcon,
|
|
41
|
-
l as ContextMenu,
|
|
42
|
-
a as Icon,
|
|
43
|
-
c as TextAndIcon,
|
|
44
|
-
s as default
|
|
45
|
-
};
|
|
File without changes
|