@altinn/altinn-components 0.24.1 → 0.24.4
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/Checkmark-RgzvRNxP.js +25 -0
- package/dist/altinn-ds-overrides.css +5 -0
- package/dist/assets/MenuBase.css +1 -1
- package/dist/assets/MenuItemsVirtual.css +1 -1
- package/dist/components/Dialog/DialogListGroup.js +13 -32
- package/dist/components/DsComponents/index.js +23 -0
- package/dist/components/GlobalMenu/AccountMenu.js +24 -24
- package/dist/components/List/ListItem.js +50 -49
- package/dist/components/Menu/MenuBase.js +10 -10
- package/dist/components/Menu/MenuItemsVirtual.js +66 -605
- package/dist/components/index.js +162 -141
- package/dist/global.css +3 -0
- package/dist/index-DyDqjche.js +541 -0
- package/dist/index.js +179 -158
- package/dist/types/lib/components/Avatar/Examples.stories.d.ts +1 -1
- package/dist/types/lib/components/Avatar/avatar.stories.d.ts +1 -1
- package/dist/types/lib/components/DsComponents/DsComponents.stories.d.ts +23 -0
- package/dist/types/lib/components/DsComponents/index.d.ts +1 -0
- package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +2 -2
- package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +1 -1
- package/dist/types/lib/components/Icon/IconOrAvatar.d.ts +1 -1
- package/dist/types/lib/components/Search/AutocompleteBase.d.ts +1 -1
- package/dist/types/lib/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +9 -9
- package/dist/types/lib/components/index.d.ts +1 -0
- package/dist/usePagination-CBMPUKt_.js +4073 -0
- package/package.json +4 -1
package/dist/index.js
CHANGED
|
@@ -1,319 +1,339 @@
|
|
|
1
1
|
import { SizeEnum as e } from "./types/size.js";
|
|
2
2
|
import { AttachmentLink as m } from "./components/Attachment/AttachmentLink.js";
|
|
3
|
-
import { AttachmentList as
|
|
3
|
+
import { AttachmentList as p } from "./components/Attachment/AttachmentList.js";
|
|
4
4
|
import { Avatar as f } from "./components/Avatar/Avatar.js";
|
|
5
|
-
import { AvatarGroup as
|
|
5
|
+
import { AvatarGroup as i } from "./components/Avatar/AvatarGroup.js";
|
|
6
6
|
import { Badge as c } from "./components/Badge/Badge.js";
|
|
7
7
|
import { BookmarksListItem as l } from "./components/Bookmarks/BookmarksListItem.js";
|
|
8
|
-
import { EditableBookmark as
|
|
9
|
-
import { BookmarksSection as
|
|
10
|
-
import { ButtonBase as
|
|
11
|
-
import { ButtonLabel as
|
|
12
|
-
import { ButtonIcon as
|
|
13
|
-
import { Button as
|
|
8
|
+
import { EditableBookmark as L } from "./components/Bookmarks/EditableBookmark.js";
|
|
9
|
+
import { BookmarksSection as B } from "./components/Bookmarks/BookmarksSection.js";
|
|
10
|
+
import { ButtonBase as d } from "./components/Button/ButtonBase.js";
|
|
11
|
+
import { ButtonLabel as b } from "./components/Button/ButtonLabel.js";
|
|
12
|
+
import { ButtonIcon as A } from "./components/Button/ButtonIcon.js";
|
|
13
|
+
import { Button as y } from "./components/Button/Button.js";
|
|
14
14
|
import { ComboButton as H } from "./components/Button/ComboButton.js";
|
|
15
15
|
import { IconButton as P } from "./components/Button/IconButton.js";
|
|
16
16
|
import { Byline as F } from "./components/Byline/Byline.js";
|
|
17
|
-
import { ContextMenu as
|
|
17
|
+
import { ContextMenu as w } from "./components/ContextMenu/ContextMenu.js";
|
|
18
18
|
import { Dialog as G } from "./components/Dialog/Dialog.js";
|
|
19
19
|
import { DialogLayout as O } from "./components/Dialog/DialogLayout.js";
|
|
20
|
-
import { DialogHeader as
|
|
21
|
-
import { DialogBody as
|
|
22
|
-
import { DialogTabs as
|
|
23
|
-
import { DialogSection as
|
|
20
|
+
import { DialogHeader as j } from "./components/Dialog/DialogHeader.js";
|
|
21
|
+
import { DialogBody as K } from "./components/Dialog/DialogBody.js";
|
|
22
|
+
import { DialogTabs as U } from "./components/Dialog/DialogTabs.js";
|
|
23
|
+
import { DialogSection as J } from "./components/Dialog/DialogSection.js";
|
|
24
24
|
import { DialogContact as W } from "./components/Dialog/DialogContact.js";
|
|
25
25
|
import { DialogHistory as Y } from "./components/Dialog/DialogHistory.js";
|
|
26
26
|
import { DialogHistorySegment as _ } from "./components/Dialog/DialogHistorySegment.js";
|
|
27
27
|
import { DialogHistoryItem as oo } from "./components/Dialog/DialogHistoryItem.js";
|
|
28
28
|
import { DialogList as eo } from "./components/Dialog/DialogList.js";
|
|
29
29
|
import { DialogListGroup as mo } from "./components/Dialog/DialogListGroup.js";
|
|
30
|
-
import { DialogListItem as
|
|
30
|
+
import { DialogListItem as po } from "./components/Dialog/DialogListItem.js";
|
|
31
31
|
import { DialogMetadata as fo } from "./components/Dialog/DialogMetadata.js";
|
|
32
|
-
import { DialogByline as
|
|
32
|
+
import { DialogByline as io } from "./components/Dialog/DialogByline.js";
|
|
33
33
|
import { DialogActions as co } from "./components/Dialog/DialogActions.js";
|
|
34
34
|
import { DialogActivityLog as lo } from "./components/Dialog/DialogActivityLog.js";
|
|
35
|
-
import { DialogSeenBy as
|
|
36
|
-
import { DialogSelect as
|
|
37
|
-
import { DialogStatus as So, DialogStatusEnum as
|
|
38
|
-
import { DialogHeading as
|
|
39
|
-
import { DialogTouchedBy as
|
|
35
|
+
import { DialogSeenBy as Lo } from "./components/Dialog/DialogSeenBy.js";
|
|
36
|
+
import { DialogSelect as Bo } from "./components/Dialog/DialogSelect.js";
|
|
37
|
+
import { DialogStatus as So, DialogStatusEnum as bo } from "./components/Dialog/DialogStatus.js";
|
|
38
|
+
import { DialogHeading as Ao } from "./components/Dialog/DialogHeading.js";
|
|
39
|
+
import { DialogTouchedBy as yo } from "./components/Dialog/DialogTouchedBy.js";
|
|
40
40
|
import { DialogAttachments as Ho } from "./components/Dialog/DialogAttachments.js";
|
|
41
41
|
import { SeenByLog as Po } from "./components/Dialog/SeenByLog.js";
|
|
42
42
|
import { DropdownBase as Fo } from "./components/Dropdown/DropdownBase.js";
|
|
43
|
-
import { Backdrop as
|
|
43
|
+
import { Backdrop as wo } from "./components/Dropdown/Backdrop.js";
|
|
44
44
|
import { DrawerBase as Go } from "./components/Dropdown/DrawerBase.js";
|
|
45
45
|
import { DrawerHeader as Oo } from "./components/Dropdown/DrawerHeader.js";
|
|
46
|
-
import { DrawerFooter as
|
|
47
|
-
import { DrawerButton as
|
|
48
|
-
import { DrawerBody as
|
|
49
|
-
import { DrawerOrDropdown as
|
|
46
|
+
import { DrawerFooter as jo } from "./components/Dropdown/DrawerFooter.js";
|
|
47
|
+
import { DrawerButton as Ko } from "./components/Dropdown/DrawerButton.js";
|
|
48
|
+
import { DrawerBody as Uo } from "./components/Dropdown/DrawerBody.js";
|
|
49
|
+
import { DrawerOrDropdown as Jo } from "./components/Dropdown/DrawerOrDropdown.js";
|
|
50
50
|
import { Footer as Wo } from "./components/Footer/Footer.js";
|
|
51
51
|
import { AccountMenu as Yo } from "./components/GlobalMenu/AccountMenu.js";
|
|
52
52
|
import { GlobalMenu as _o } from "./components/GlobalMenu/GlobalMenu.js";
|
|
53
53
|
import { AccountButton as or } from "./components/GlobalMenu/AccountButton.js";
|
|
54
54
|
import { BackButton as er } from "./components/GlobalMenu/BackButton.js";
|
|
55
55
|
import { LogoutButton as mr } from "./components/GlobalMenu/LogoutButton.js";
|
|
56
|
-
import { Header as
|
|
56
|
+
import { Header as pr } from "./components/Header/Header.js";
|
|
57
57
|
import { HeaderBase as fr } from "./components/Header/HeaderBase.js";
|
|
58
|
-
import { HeaderLogo as
|
|
58
|
+
import { HeaderLogo as ir } from "./components/Header/HeaderLogo.js";
|
|
59
59
|
import { HeaderButton as cr } from "./components/Header/HeaderButton.js";
|
|
60
60
|
import { LocaleButton as lr } from "./components/Header/LocaleButton.js";
|
|
61
|
-
import { LocaleSwitcher as
|
|
62
|
-
import { Icon as
|
|
63
|
-
import { CheckboxIcon as
|
|
64
|
-
import { RadioIcon as
|
|
65
|
-
import { ProgressIcon as
|
|
66
|
-
import { IconOrAvatar as
|
|
61
|
+
import { LocaleSwitcher as Lr } from "./components/Header/LocaleSwitcher.js";
|
|
62
|
+
import { Icon as Br } from "./components/Icon/Icon.js";
|
|
63
|
+
import { CheckboxIcon as dr } from "./components/Icon/CheckboxIcon.js";
|
|
64
|
+
import { RadioIcon as br } from "./components/Icon/RadioIcon.js";
|
|
65
|
+
import { ProgressIcon as Ar } from "./components/Icon/ProgressIcon.js";
|
|
66
|
+
import { IconOrAvatar as yr } from "./components/Icon/IconOrAvatar.js";
|
|
67
67
|
import { LayoutBase as Hr } from "./components/Layout/LayoutBase.js";
|
|
68
68
|
import { LayoutBody as Pr } from "./components/Layout/LayoutBody.js";
|
|
69
69
|
import { LayoutContent as Fr } from "./components/Layout/LayoutContent.js";
|
|
70
|
-
import { LayoutSidebar as
|
|
70
|
+
import { LayoutSidebar as wr } from "./components/Layout/LayoutSidebar.js";
|
|
71
71
|
import { Layout as Gr } from "./components/Layout/Layout.js";
|
|
72
72
|
import { ActionHeader as Or } from "./components/LayoutAction/ActionHeader.js";
|
|
73
|
-
import { ActionFooter as
|
|
74
|
-
import { LayoutAction as
|
|
75
|
-
import { ListItemBase as
|
|
76
|
-
import { ListItemLink as
|
|
73
|
+
import { ActionFooter as jr } from "./components/LayoutAction/ActionFooter.js";
|
|
74
|
+
import { LayoutAction as Kr } from "./components/LayoutAction/LayoutAction.js";
|
|
75
|
+
import { ListItemBase as Ur } from "./components/List/ListItemBase.js";
|
|
76
|
+
import { ListItemLink as Jr } from "./components/List/ListItemLink.js";
|
|
77
77
|
import { ListItemHeader as Wr } from "./components/List/ListItemHeader.js";
|
|
78
78
|
import { ListItemLabel as Yr } from "./components/List/ListItemLabel.js";
|
|
79
79
|
import { ListItemIcon as _r } from "./components/List/ListItemIcon.js";
|
|
80
80
|
import { ListItemControls as oe } from "./components/List/ListItemControls.js";
|
|
81
81
|
import { ListItemSelect as ee } from "./components/List/ListItemSelect.js";
|
|
82
82
|
import { ListItem as me } from "./components/List/ListItem.js";
|
|
83
|
-
import { ListBase as
|
|
83
|
+
import { ListBase as pe } from "./components/List/ListBase.js";
|
|
84
84
|
import { List as fe } from "./components/List/List.js";
|
|
85
|
-
import { MenuItemBase as
|
|
85
|
+
import { MenuItemBase as ie } from "./components/Menu/MenuItemBase.js";
|
|
86
86
|
import { MenuItemLabel as ce } from "./components/Menu/MenuItemLabel.js";
|
|
87
87
|
import { MenuItemIcon as le } from "./components/Menu/MenuItemIcon.js";
|
|
88
|
-
import { MenuItem as
|
|
89
|
-
import { MenuInputField as
|
|
90
|
-
import { MenuOption as
|
|
91
|
-
import { MenuSearch as
|
|
92
|
-
import { MenuHeader as
|
|
93
|
-
import { MenuItems as
|
|
88
|
+
import { MenuItem as Le } from "./components/Menu/MenuItem.js";
|
|
89
|
+
import { MenuInputField as Be } from "./components/Menu/MenuInputField.js";
|
|
90
|
+
import { MenuOption as de } from "./components/Menu/MenuOption.js";
|
|
91
|
+
import { MenuSearch as be } from "./components/Menu/MenuSearch.js";
|
|
92
|
+
import { MenuHeader as Ae } from "./components/Menu/MenuHeader.js";
|
|
93
|
+
import { MenuItems as ye } from "./components/Menu/MenuItems.js";
|
|
94
94
|
import { MenuBase as He, MenuList as he, MenuListItem as Pe } from "./components/Menu/MenuBase.js";
|
|
95
95
|
import { Menu as Fe } from "./components/Menu/Menu.js";
|
|
96
|
-
import { MetaBase as
|
|
96
|
+
import { MetaBase as we } from "./components/Meta/MetaBase.js";
|
|
97
97
|
import { MetaList as Ge, MetaListItem as Re } from "./components/Meta/MetaList.js";
|
|
98
98
|
import { MetaItemBase as Qe } from "./components/Meta/MetaItemBase.js";
|
|
99
|
-
import { MetaItemMedia as
|
|
100
|
-
import { MetaItemLabel as
|
|
101
|
-
import { MetaItem as
|
|
99
|
+
import { MetaItemMedia as ze } from "./components/Meta/MetaItemMedia.js";
|
|
100
|
+
import { MetaItemLabel as Ne } from "./components/Meta/MetaItemLabel.js";
|
|
101
|
+
import { MetaItem as qe } from "./components/Meta/MetaItem.js";
|
|
102
102
|
import { MetaProgress as Ve } from "./components/Meta/MetaProgress.js";
|
|
103
103
|
import { MetaTimestamp as Xe } from "./components/Meta/MetaTimestamp.js";
|
|
104
104
|
import { RootProvider as Ze, useRootContext as _e } from "./components/RootProvider/RootProvider.js";
|
|
105
105
|
import { Searchbar as ot } from "./components/Search/Searchbar.js";
|
|
106
106
|
import { SearchbarBase as et } from "./components/Search/SearchbarBase.js";
|
|
107
107
|
import { SearchField as mt } from "./components/Search/SearchField.js";
|
|
108
|
-
import { AutocompleteBase as
|
|
108
|
+
import { AutocompleteBase as pt } from "./components/Search/AutocompleteBase.js";
|
|
109
109
|
import { AutocompleteGroup as ft } from "./components/Search/AutocompleteGroup.js";
|
|
110
|
-
import { Autocomplete as
|
|
110
|
+
import { Autocomplete as it } from "./components/Search/Autocomplete.js";
|
|
111
111
|
import { AutocompleteItem as ct } from "./components/Search/AutocompleteItem.js";
|
|
112
112
|
import { ScopeListItem as lt } from "./components/Search/ScopeListItem.js";
|
|
113
|
-
import { SuggestListItem as
|
|
114
|
-
import { QueryItem as
|
|
113
|
+
import { SuggestListItem as Lt } from "./components/Search/SuggestListItem.js";
|
|
114
|
+
import { QueryItem as Bt, QueryLabel as It } from "./components/Search/QueryLabel.js";
|
|
115
115
|
import { Snackbar as St } from "./components/Snackbar/Snackbar.js";
|
|
116
|
-
import { SnackbarColorEnum as
|
|
117
|
-
import { SnackbarDuration as
|
|
116
|
+
import { SnackbarColorEnum as Mt, SnackbarItem as At } from "./components/Snackbar/SnackbarItem.js";
|
|
117
|
+
import { SnackbarDuration as yt, SnackbarProvider as Tt, useSnackbar as Ht } from "./components/Snackbar/useSnackbar.js";
|
|
118
118
|
import { Skeleton as Pt } from "./components/Skeleton/Skeleton.js";
|
|
119
119
|
import { Timeline as Ft } from "./components/Timeline/Timeline.js";
|
|
120
|
-
import { TimelineSegment as
|
|
120
|
+
import { TimelineSegment as wt } from "./components/Timeline/TimelineSegment.js";
|
|
121
121
|
import { TimelineActivity as Gt } from "./components/Timeline/TimelineActivity.js";
|
|
122
122
|
import { TimelineBase as Ot } from "./components/Timeline/TimelineBase.js";
|
|
123
|
-
import { TimelineSection as
|
|
124
|
-
import { TimelineHeader as
|
|
125
|
-
import { TimelineFooter as
|
|
126
|
-
import { TimelineLink as
|
|
123
|
+
import { TimelineSection as jt } from "./components/Timeline/TimelineSection.js";
|
|
124
|
+
import { TimelineHeader as Kt } from "./components/Timeline/TimelineHeader.js";
|
|
125
|
+
import { TimelineFooter as Ut } from "./components/Timeline/TimelineFooter.js";
|
|
126
|
+
import { TimelineLink as Jt } from "./components/Timeline/TimelineLink.js";
|
|
127
127
|
import { ToolbarBase as Wt } from "./components/Toolbar/ToolbarBase.js";
|
|
128
128
|
import { ToolbarButton as Yt } from "./components/Toolbar/ToolbarButton.js";
|
|
129
129
|
import { Toolbar as _t } from "./components/Toolbar/Toolbar.js";
|
|
130
130
|
import { ToolbarSearch as om } from "./components/Toolbar/ToolbarSearch.js";
|
|
131
131
|
import { ToolbarFilter as em } from "./components/Toolbar/ToolbarFilter.js";
|
|
132
132
|
import { ToolbarDaterange as mm } from "./components/Toolbar/ToolbarDaterange.js";
|
|
133
|
-
import { PageBase as
|
|
133
|
+
import { PageBase as pm } from "./components/Page/PageBase.js";
|
|
134
134
|
import { PageNav as fm } from "./components/Page/PageNav.js";
|
|
135
|
-
import { PageMenu as
|
|
135
|
+
import { PageMenu as im } from "./components/Page/PageMenu.js";
|
|
136
136
|
import { PageTabs as cm } from "./components/Page/PageTabs.js";
|
|
137
137
|
import { PageHeader as lm } from "./components/Page/PageHeader.js";
|
|
138
|
-
import { Article as
|
|
139
|
-
import { Section as
|
|
140
|
-
import { Flex as
|
|
141
|
-
import { Grid as
|
|
142
|
-
import { Breadcrumbs as
|
|
143
|
-
import { BreadcrumbsLink as
|
|
138
|
+
import { Article as Lm } from "./components/Page/Article.js";
|
|
139
|
+
import { Section as Bm } from "./components/Page/Section.js";
|
|
140
|
+
import { Flex as dm } from "./components/Page/Flex.js";
|
|
141
|
+
import { Grid as bm } from "./components/Page/Grid.js";
|
|
142
|
+
import { Breadcrumbs as Am } from "./components/Page/Breadcrumbs.js";
|
|
143
|
+
import { BreadcrumbsLink as ym } from "./components/Page/BreadcrumbsLink.js";
|
|
144
144
|
import { ContactSection as Hm } from "./components/Page/ContactSection.js";
|
|
145
145
|
import { Transmission as Pm } from "./components/Transmission/Transmission.js";
|
|
146
146
|
import { TransmissionList as Fm } from "./components/Transmission/TransmissionList.js";
|
|
147
|
-
import { Typography as
|
|
147
|
+
import { Typography as wm } from "./components/Typography/Typography.js";
|
|
148
148
|
import { Heading as Gm } from "./components/Typography/Heading.js";
|
|
149
149
|
import { ResourceList as Om } from "./components/ResourceList/ResourceList.js";
|
|
150
|
-
import { ResourceListItem as
|
|
151
|
-
import { AccessAreaListItem as
|
|
152
|
-
import { AccessAreaList as
|
|
153
|
-
import { AccessPackageListItem as
|
|
150
|
+
import { ResourceListItem as jm } from "./components/ResourceList/ResourceListItem.js";
|
|
151
|
+
import { AccessAreaListItem as Km } from "./components/AccessAreaList/AccessAreaListItem.js";
|
|
152
|
+
import { AccessAreaList as Um } from "./components/AccessAreaList/AccessAreaList.js";
|
|
153
|
+
import { AccessPackageListItem as Jm } from "./components/AccessPackageList/AccessPackageListItem.js";
|
|
154
154
|
import { AccessPackageList as Wm } from "./components/AccessPackageList/AccessPackageList.js";
|
|
155
155
|
import { FieldBase as Ym } from "./components/TextField/FieldBase.js";
|
|
156
156
|
import { InputBase as _m } from "./components/TextField/InputBase.js";
|
|
157
|
-
import { TextField as
|
|
158
|
-
import { useClickOutside as
|
|
159
|
-
import { useEscapeKey as
|
|
160
|
-
import { useMenu as
|
|
157
|
+
import { TextField as oa } from "./components/TextField/TextField.js";
|
|
158
|
+
import { useClickOutside as ea } from "./hooks/useClickOutside.js";
|
|
159
|
+
import { useEscapeKey as ma } from "./hooks/useEscapeKey.js";
|
|
160
|
+
import { useMenu as pa } from "./hooks/useMenu.js";
|
|
161
|
+
import { A as fa, B as sa, a as ia, C as na, b as ca, c as ua, D as la, d as Da, H as La, L as ga, e as Ba, f as Ia, P as da, g as Sa, h as ba, S as Ma, i as Aa, j as ka, T as ya, u as Ta } from "./usePagination-CBMPUKt_.js";
|
|
161
162
|
export {
|
|
162
|
-
|
|
163
|
-
|
|
163
|
+
Um as AccessAreaList,
|
|
164
|
+
Km as AccessAreaListItem,
|
|
164
165
|
Wm as AccessPackageList,
|
|
165
|
-
|
|
166
|
+
Jm as AccessPackageListItem,
|
|
166
167
|
or as AccountButton,
|
|
167
168
|
Yo as AccountMenu,
|
|
168
|
-
|
|
169
|
+
jr as ActionFooter,
|
|
169
170
|
Or as ActionHeader,
|
|
170
|
-
|
|
171
|
+
Lm as Article,
|
|
171
172
|
m as AttachmentLink,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
p as AttachmentList,
|
|
174
|
+
it as Autocomplete,
|
|
175
|
+
pt as AutocompleteBase,
|
|
175
176
|
ft as AutocompleteGroup,
|
|
176
177
|
ct as AutocompleteItem,
|
|
177
178
|
f as Avatar,
|
|
178
|
-
|
|
179
|
+
i as AvatarGroup,
|
|
179
180
|
er as BackButton,
|
|
180
|
-
|
|
181
|
+
wo as Backdrop,
|
|
181
182
|
c as Badge,
|
|
182
183
|
l as BookmarksListItem,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
184
|
+
B as BookmarksSection,
|
|
185
|
+
Am as Breadcrumbs,
|
|
186
|
+
ym as BreadcrumbsLink,
|
|
187
|
+
y as Button,
|
|
188
|
+
d as ButtonBase,
|
|
189
|
+
A as ButtonIcon,
|
|
190
|
+
b as ButtonLabel,
|
|
190
191
|
F as Byline,
|
|
191
|
-
|
|
192
|
+
dr as CheckboxIcon,
|
|
192
193
|
H as ComboButton,
|
|
193
194
|
Hm as ContactSection,
|
|
194
|
-
|
|
195
|
+
w as ContextMenu,
|
|
195
196
|
G as Dialog,
|
|
196
197
|
co as DialogActions,
|
|
197
198
|
lo as DialogActivityLog,
|
|
198
199
|
Ho as DialogAttachments,
|
|
199
|
-
|
|
200
|
-
|
|
200
|
+
K as DialogBody,
|
|
201
|
+
io as DialogByline,
|
|
201
202
|
W as DialogContact,
|
|
202
|
-
|
|
203
|
-
|
|
203
|
+
j as DialogHeader,
|
|
204
|
+
Ao as DialogHeading,
|
|
204
205
|
Y as DialogHistory,
|
|
205
206
|
oo as DialogHistoryItem,
|
|
206
207
|
_ as DialogHistorySegment,
|
|
207
208
|
O as DialogLayout,
|
|
208
209
|
eo as DialogList,
|
|
209
210
|
mo as DialogListGroup,
|
|
210
|
-
|
|
211
|
+
po as DialogListItem,
|
|
211
212
|
fo as DialogMetadata,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
213
|
+
J as DialogSection,
|
|
214
|
+
Lo as DialogSeenBy,
|
|
215
|
+
Bo as DialogSelect,
|
|
215
216
|
So as DialogStatus,
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
217
|
+
bo as DialogStatusEnum,
|
|
218
|
+
U as DialogTabs,
|
|
219
|
+
yo as DialogTouchedBy,
|
|
219
220
|
Go as DrawerBase,
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
221
|
+
Uo as DrawerBody,
|
|
222
|
+
Ko as DrawerButton,
|
|
223
|
+
jo as DrawerFooter,
|
|
223
224
|
Oo as DrawerHeader,
|
|
224
|
-
|
|
225
|
+
Jo as DrawerOrDropdown,
|
|
225
226
|
Fo as DropdownBase,
|
|
226
|
-
|
|
227
|
+
fa as DsAlert,
|
|
228
|
+
sa as DsBadge,
|
|
229
|
+
ia as DsButton,
|
|
230
|
+
na as DsCheckbox,
|
|
231
|
+
ca as DsChip,
|
|
232
|
+
ua as DsCombobox,
|
|
233
|
+
la as DsDetails,
|
|
234
|
+
Da as DsDialog,
|
|
235
|
+
La as DsHeading,
|
|
236
|
+
ga as DsLink,
|
|
237
|
+
Ba as DsListItem,
|
|
238
|
+
Ia as DsListUnordered,
|
|
239
|
+
da as DsPagination,
|
|
240
|
+
Sa as DsParagraph,
|
|
241
|
+
ba as DsPopover,
|
|
242
|
+
Ma as DsSearch,
|
|
243
|
+
Aa as DsSkeleton,
|
|
244
|
+
ka as DsSpinner,
|
|
245
|
+
ya as DsTabs,
|
|
246
|
+
L as EditableBookmark,
|
|
227
247
|
Ym as FieldBase,
|
|
228
|
-
|
|
248
|
+
dm as Flex,
|
|
229
249
|
Wo as Footer,
|
|
230
250
|
_o as GlobalMenu,
|
|
231
|
-
|
|
232
|
-
|
|
251
|
+
bm as Grid,
|
|
252
|
+
pr as Header,
|
|
233
253
|
fr as HeaderBase,
|
|
234
254
|
cr as HeaderButton,
|
|
235
|
-
|
|
255
|
+
ir as HeaderLogo,
|
|
236
256
|
Gm as Heading,
|
|
237
|
-
|
|
257
|
+
Br as Icon,
|
|
238
258
|
P as IconButton,
|
|
239
|
-
|
|
259
|
+
yr as IconOrAvatar,
|
|
240
260
|
_m as InputBase,
|
|
241
261
|
Gr as Layout,
|
|
242
|
-
|
|
262
|
+
Kr as LayoutAction,
|
|
243
263
|
Hr as LayoutBase,
|
|
244
264
|
Pr as LayoutBody,
|
|
245
265
|
Fr as LayoutContent,
|
|
246
|
-
|
|
266
|
+
wr as LayoutSidebar,
|
|
247
267
|
fe as List,
|
|
248
|
-
|
|
268
|
+
pe as ListBase,
|
|
249
269
|
me as ListItem,
|
|
250
|
-
|
|
270
|
+
Ur as ListItemBase,
|
|
251
271
|
oe as ListItemControls,
|
|
252
272
|
Wr as ListItemHeader,
|
|
253
273
|
_r as ListItemIcon,
|
|
254
274
|
Yr as ListItemLabel,
|
|
255
|
-
|
|
275
|
+
Jr as ListItemLink,
|
|
256
276
|
ee as ListItemSelect,
|
|
257
277
|
lr as LocaleButton,
|
|
258
|
-
|
|
278
|
+
Lr as LocaleSwitcher,
|
|
259
279
|
mr as LogoutButton,
|
|
260
280
|
Fe as Menu,
|
|
261
281
|
He as MenuBase,
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
282
|
+
Ae as MenuHeader,
|
|
283
|
+
Be as MenuInputField,
|
|
284
|
+
Le as MenuItem,
|
|
285
|
+
ie as MenuItemBase,
|
|
266
286
|
le as MenuItemIcon,
|
|
267
287
|
ce as MenuItemLabel,
|
|
268
|
-
|
|
288
|
+
ye as MenuItems,
|
|
269
289
|
he as MenuList,
|
|
270
290
|
Pe as MenuListItem,
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
291
|
+
de as MenuOption,
|
|
292
|
+
be as MenuSearch,
|
|
293
|
+
we as MetaBase,
|
|
294
|
+
qe as MetaItem,
|
|
275
295
|
Qe as MetaItemBase,
|
|
276
|
-
|
|
277
|
-
|
|
296
|
+
Ne as MetaItemLabel,
|
|
297
|
+
ze as MetaItemMedia,
|
|
278
298
|
Ge as MetaList,
|
|
279
299
|
Re as MetaListItem,
|
|
280
300
|
Ve as MetaProgress,
|
|
281
301
|
Xe as MetaTimestamp,
|
|
282
|
-
|
|
302
|
+
pm as PageBase,
|
|
283
303
|
lm as PageHeader,
|
|
284
|
-
|
|
304
|
+
im as PageMenu,
|
|
285
305
|
fm as PageNav,
|
|
286
306
|
cm as PageTabs,
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
307
|
+
Ar as ProgressIcon,
|
|
308
|
+
Bt as QueryItem,
|
|
309
|
+
It as QueryLabel,
|
|
310
|
+
br as RadioIcon,
|
|
291
311
|
Om as ResourceList,
|
|
292
|
-
|
|
312
|
+
jm as ResourceListItem,
|
|
293
313
|
Ze as RootProvider,
|
|
294
314
|
lt as ScopeListItem,
|
|
295
315
|
mt as SearchField,
|
|
296
316
|
ot as Searchbar,
|
|
297
317
|
et as SearchbarBase,
|
|
298
|
-
|
|
318
|
+
Bm as Section,
|
|
299
319
|
Po as SeenByLog,
|
|
300
320
|
e as SizeEnum,
|
|
301
321
|
Pt as Skeleton,
|
|
302
322
|
St as Snackbar,
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
323
|
+
Mt as SnackbarColorEnum,
|
|
324
|
+
yt as SnackbarDuration,
|
|
325
|
+
At as SnackbarItem,
|
|
306
326
|
Tt as SnackbarProvider,
|
|
307
|
-
|
|
308
|
-
|
|
327
|
+
Lt as SuggestListItem,
|
|
328
|
+
oa as TextField,
|
|
309
329
|
Ft as Timeline,
|
|
310
330
|
Gt as TimelineActivity,
|
|
311
331
|
Ot as TimelineBase,
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
332
|
+
Ut as TimelineFooter,
|
|
333
|
+
Kt as TimelineHeader,
|
|
334
|
+
Jt as TimelineLink,
|
|
335
|
+
jt as TimelineSection,
|
|
336
|
+
wt as TimelineSegment,
|
|
317
337
|
_t as Toolbar,
|
|
318
338
|
Wt as ToolbarBase,
|
|
319
339
|
Yt as ToolbarButton,
|
|
@@ -322,10 +342,11 @@ export {
|
|
|
322
342
|
om as ToolbarSearch,
|
|
323
343
|
Pm as Transmission,
|
|
324
344
|
Fm as TransmissionList,
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
345
|
+
wm as Typography,
|
|
346
|
+
ea as useClickOutside,
|
|
347
|
+
Ta as useDsPagination,
|
|
348
|
+
ma as useEscapeKey,
|
|
349
|
+
pa as useMenu,
|
|
329
350
|
_e as useRootContext,
|
|
330
351
|
Ht as useSnackbar
|
|
331
352
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) =>
|
|
3
|
+
component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => React.ReactElement;
|
|
4
4
|
parameters: {};
|
|
5
5
|
args: {};
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) =>
|
|
4
|
+
component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => React.ReactElement;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj;
|
|
8
|
+
export declare const Alert: Story;
|
|
9
|
+
export declare const Button: Story;
|
|
10
|
+
export declare const Heading: Story;
|
|
11
|
+
export declare const Paragraph: Story;
|
|
12
|
+
export declare const Badge: Story;
|
|
13
|
+
export declare const Spinner: Story;
|
|
14
|
+
export declare const Checkbox: Story;
|
|
15
|
+
export declare const Chip: Story;
|
|
16
|
+
export declare const Details: Story;
|
|
17
|
+
export declare const Dialog: Story;
|
|
18
|
+
export declare const Link: Story;
|
|
19
|
+
export declare const Pagination: Story;
|
|
20
|
+
export declare const Popover: Story;
|
|
21
|
+
export declare const Search: Story;
|
|
22
|
+
export declare const Skeleton: Story;
|
|
23
|
+
export declare const Tabs: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert as DsAlert, type AlertProps as DsAlertProps, Badge as DsBadge, Button as DsButton, type ButtonProps as DsButtonProps, Checkbox as DsCheckbox, Chip as DsChip, Combobox as DsCombobox, Details as DsDetails, Dialog as DsDialog, Heading as DsHeading, Link as DsLink, ListItem as DsListItem, type ListItemProps as DsListItemProps, ListUnordered as DsListUnordered, type ListUnorderedProps as DsListUnorderedProps, Pagination as DsPagination, usePagination as useDsPagination, type PaginationProps as DsPaginationProps, Paragraph as DsParagraph, type ParagraphProps as DsParagraphProps, Popover as DsPopover, type PopoverProps as DsPopoverProps, Search as DsSearch, Skeleton as DsSkeleton, Spinner as DsSpinner, Tabs as DsTabs, } from '@digdir/designsystemet-react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BadgeProps } from '../
|
|
1
|
+
import { AvatarProps, BadgeProps } from '../';
|
|
2
2
|
import { MenuItemGroups, MenuSearchProps } from '../Menu';
|
|
3
3
|
export interface AccountSearchProps extends MenuSearchProps {
|
|
4
4
|
getResultsLabel?: (hits: number) => string;
|
|
@@ -10,7 +10,7 @@ export interface AccountMenuItem {
|
|
|
10
10
|
id: string;
|
|
11
11
|
groupId?: string;
|
|
12
12
|
selected?: boolean;
|
|
13
|
-
|
|
13
|
+
items?: AvatarProps[];
|
|
14
14
|
badge?: BadgeProps | undefined;
|
|
15
15
|
alertBadge?: BadgeProps | undefined;
|
|
16
16
|
}
|
|
@@ -9,4 +9,4 @@ export interface IconOrAvatarProps {
|
|
|
9
9
|
avatarGroup?: AvatarGroupProps;
|
|
10
10
|
badge?: BadgeProps | undefined;
|
|
11
11
|
}
|
|
12
|
-
export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean |
|
|
12
|
+
export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
@@ -5,4 +5,4 @@ export interface AutocompleteBaseProps {
|
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
7
7
|
}
|
|
8
|
-
export declare const AutocompleteBase:
|
|
8
|
+
export declare const AutocompleteBase: React.ForwardRefExoticComponent<Omit<AutocompleteBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -8,5 +8,5 @@ interface SkeletonProps {
|
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
|
-
export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean |
|
|
11
|
+
export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
12
12
|
export {};
|