@altinn/altinn-components 0.20.2 → 0.21.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/ArrowUp-Cn3ai5t6.js +25 -0
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ProgressIcon.css +1 -1
- package/dist/assets/TimelineBase.css +1 -1
- package/dist/assets/TimelineLink.css +1 -0
- package/dist/components/Button/ButtonBase.js +10 -10
- package/dist/components/Button/ButtonIcon.js +6 -6
- package/dist/components/Byline/Byline.js +12 -11
- package/dist/components/Dialog/DialogHeading.js +7 -7
- package/dist/components/Dialog/DialogHistory.js +37 -54
- package/dist/components/Dialog/DialogListItem.js +19 -19
- package/dist/components/Dialog/DialogMetadata.js +1 -1
- package/dist/components/Dialog/index.js +21 -23
- package/dist/components/Icon/ProgressIcon.js +4 -4
- package/dist/components/List/ListItemLabel.js +16 -9
- package/dist/components/Timeline/Timeline.js +2 -2
- package/dist/components/Timeline/TimelineBase.js +25 -23
- package/dist/components/Timeline/TimelineFooter.js +5 -5
- package/dist/components/Timeline/TimelineHeader.js +9 -9
- package/dist/components/Timeline/TimelineLink.js +39 -0
- package/dist/components/Timeline/TimelineSection.js +16 -15
- package/dist/components/Timeline/TimelineSegment.js +12 -12
- package/dist/components/Timeline/index.js +2 -0
- package/dist/components/Transmission/Transmission.js +36 -33
- package/dist/components/Transmission/TransmissionTimeline.js +22 -0
- package/dist/components/Transmission/TransmissionTimelineSegment.js +63 -0
- package/dist/components/Transmission/index.js +7 -3
- package/dist/components/index.js +207 -203
- package/dist/index.js +221 -217
- package/dist/types/lib/components/Button/ButtonBase.d.ts +1 -1
- package/dist/types/lib/components/Button/ButtonIcon.d.ts +3 -2
- package/dist/types/lib/components/Byline/Byline.d.ts +1 -1
- package/dist/types/lib/components/Byline/Byline.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogHeading.d.ts +4 -4
- package/dist/types/lib/components/Dialog/DialogListItem.d.ts +6 -4
- package/dist/types/lib/components/Dialog/index.d.ts +0 -1
- package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
- package/dist/types/lib/components/Page/Flex.d.ts +2 -3
- package/dist/types/lib/components/Timeline/TimelineBase.d.ts +5 -4
- package/dist/types/lib/components/Timeline/TimelineLink.d.ts +9 -0
- package/dist/types/lib/components/Timeline/TimelineSection.d.ts +3 -2
- package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts +1 -1
- package/dist/types/lib/components/Timeline/TimelineSegment.d.ts +3 -3
- package/dist/types/lib/components/Timeline/index.d.ts +1 -0
- package/dist/types/lib/components/Transmission/Transmission.d.ts +2 -6
- package/dist/types/lib/components/Transmission/TransmissionTimeline.d.ts +10 -0
- package/dist/types/lib/components/Transmission/TransmissionTimeline.stories.d.ts +74 -0
- package/dist/types/lib/components/Transmission/TransmissionTimelineSegment.d.ts +14 -0
- package/dist/types/lib/components/Transmission/index.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components/Dialog/DialogLabel.js +0 -21
- package/dist/types/lib/components/Dialog/DialogLabel.d.ts +0 -13
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { SizeEnum as e } from "./types/size.js";
|
|
2
2
|
import { AttachmentLink as m } from "./components/Attachment/AttachmentLink.js";
|
|
3
3
|
import { AttachmentList as x } from "./components/Attachment/AttachmentList.js";
|
|
4
|
-
import { Avatar as
|
|
4
|
+
import { Avatar as a } from "./components/Avatar/Avatar.js";
|
|
5
5
|
import { AvatarGroup as n } 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
8
|
import { EditableBookmark as B } from "./components/Bookmarks/EditableBookmark.js";
|
|
9
9
|
import { BookmarksSection as I } from "./components/Bookmarks/BookmarksSection.js";
|
|
10
10
|
import { ButtonBase as D } from "./components/Button/ButtonBase.js";
|
|
11
|
-
import { ButtonLabel as
|
|
11
|
+
import { ButtonLabel as S } from "./components/Button/ButtonLabel.js";
|
|
12
12
|
import { ButtonIcon as A } from "./components/Button/ButtonIcon.js";
|
|
13
13
|
import { Button as k } from "./components/Button/Button.js";
|
|
14
14
|
import { ComboButton as H } from "./components/Button/ComboButton.js";
|
|
@@ -28,96 +28,96 @@ import { DialogActivityLog as oo } from "./components/Dialog/DialogActivityLog.j
|
|
|
28
28
|
import { DialogSection as eo } from "./components/Dialog/DialogSection.js";
|
|
29
29
|
import { DialogSeenBy as mo } from "./components/Dialog/DialogSeenBy.js";
|
|
30
30
|
import { DialogSelect as xo } from "./components/Dialog/DialogSelect.js";
|
|
31
|
-
import { DialogStatus as
|
|
31
|
+
import { DialogStatus as ao, DialogStatusEnum as io } from "./components/Dialog/DialogStatus.js";
|
|
32
32
|
import { DialogHeading as so } from "./components/Dialog/DialogHeading.js";
|
|
33
33
|
import { DialogTouchedBy as uo } from "./components/Dialog/DialogTouchedBy.js";
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
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 {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
34
|
+
import { DialogAttachments as Lo } from "./components/Dialog/DialogAttachments.js";
|
|
35
|
+
import { DialogHistory as go } from "./components/Dialog/DialogHistory.js";
|
|
36
|
+
import { DialogActivity as Do } from "./components/Dialog/DialogActivity.js";
|
|
37
|
+
import { SeenByLog as So } from "./components/Dialog/SeenByLog.js";
|
|
38
|
+
import { DropdownBase as Ao } from "./components/Dropdown/DropdownBase.js";
|
|
39
|
+
import { Backdrop as ko } from "./components/Dropdown/Backdrop.js";
|
|
40
|
+
import { DrawerBase as Ho } from "./components/Dropdown/DrawerBase.js";
|
|
41
|
+
import { DrawerHeader as Po } from "./components/Dropdown/DrawerHeader.js";
|
|
42
|
+
import { DrawerFooter as vo } from "./components/Dropdown/DrawerFooter.js";
|
|
43
|
+
import { DrawerButton as wo } from "./components/Dropdown/DrawerButton.js";
|
|
44
|
+
import { DrawerBody as Go } from "./components/Dropdown/DrawerBody.js";
|
|
45
|
+
import { DrawerOrDropdown as Oo } from "./components/Dropdown/DrawerOrDropdown.js";
|
|
46
|
+
import { Footer as zo } from "./components/Footer/Footer.js";
|
|
47
|
+
import { AccountMenu as No } from "./components/GlobalMenu/AccountMenu.js";
|
|
48
|
+
import { GlobalMenu as qo } from "./components/GlobalMenu/GlobalMenu.js";
|
|
49
|
+
import { AccountButton as Uo } from "./components/GlobalMenu/AccountButton.js";
|
|
50
|
+
import { BackButton as Wo } from "./components/GlobalMenu/BackButton.js";
|
|
51
|
+
import { LogoutButton as Yo } from "./components/GlobalMenu/LogoutButton.js";
|
|
52
|
+
import { Header as _o } from "./components/Header/Header.js";
|
|
53
|
+
import { HeaderBase as or } from "./components/Header/HeaderBase.js";
|
|
54
|
+
import { HeaderLogo as er } from "./components/Header/HeaderLogo.js";
|
|
55
|
+
import { HeaderButton as mr } from "./components/Header/HeaderButton.js";
|
|
56
|
+
import { Icon as xr } from "./components/Icon/Icon.js";
|
|
57
|
+
import { CheckboxIcon as ar } from "./components/Icon/CheckboxIcon.js";
|
|
58
|
+
import { RadioIcon as nr } from "./components/Icon/RadioIcon.js";
|
|
59
|
+
import { ProgressIcon as cr } from "./components/Icon/ProgressIcon.js";
|
|
60
|
+
import { IconOrAvatar as lr } from "./components/Icon/IconOrAvatar.js";
|
|
61
|
+
import { LayoutBase as Br } from "./components/Layout/LayoutBase.js";
|
|
62
|
+
import { LayoutBody as Ir } from "./components/Layout/LayoutBody.js";
|
|
63
|
+
import { LayoutContent as Dr } from "./components/Layout/LayoutContent.js";
|
|
64
|
+
import { LayoutSidebar as Sr } from "./components/Layout/LayoutSidebar.js";
|
|
65
|
+
import { Layout as Ar } from "./components/Layout/Layout.js";
|
|
66
|
+
import { ActionHeader as kr } from "./components/LayoutAction/ActionHeader.js";
|
|
67
|
+
import { ActionFooter as Hr } from "./components/LayoutAction/ActionFooter.js";
|
|
68
|
+
import { LayoutAction as Pr } from "./components/LayoutAction/LayoutAction.js";
|
|
69
|
+
import { L as vr } from "./ListItemBase-DuTOUOfv.js";
|
|
70
|
+
import { ListItemLink as wr } from "./components/List/ListItemLink.js";
|
|
71
|
+
import { ListItemHeader as Gr } from "./components/List/ListItemHeader.js";
|
|
72
|
+
import { ListItemLabel as Or } from "./components/List/ListItemLabel.js";
|
|
73
|
+
import { ListItemIcon as zr } from "./components/List/ListItemIcon.js";
|
|
74
|
+
import { ListItemControls as Nr } from "./components/List/ListItemControls.js";
|
|
75
|
+
import { ListItemSelect as qr } from "./components/List/ListItemSelect.js";
|
|
76
|
+
import { ListItem as Ur } from "./components/List/ListItem.js";
|
|
77
|
+
import { ListBase as Wr } from "./components/List/ListBase.js";
|
|
78
|
+
import { List as Yr } from "./components/List/List.js";
|
|
79
|
+
import { MenuItemBase as _r } from "./components/Menu/MenuItemBase.js";
|
|
80
|
+
import { MenuItemLabel as oe } from "./components/Menu/MenuItemLabel.js";
|
|
81
|
+
import { MenuItemIcon as ee } from "./components/Menu/MenuItemIcon.js";
|
|
82
|
+
import { MenuItem as me } from "./components/Menu/MenuItem.js";
|
|
83
|
+
import { MenuInputField as xe } from "./components/Menu/MenuInputField.js";
|
|
84
|
+
import { MenuOption as ae } from "./components/Menu/MenuOption.js";
|
|
85
|
+
import { MenuSearch as ne } from "./components/Menu/MenuSearch.js";
|
|
86
|
+
import { MenuHeader as ce } from "./components/Menu/MenuHeader.js";
|
|
87
|
+
import { MenuItems as le } from "./components/Menu/MenuItems.js";
|
|
88
|
+
import { MenuBase as Be, MenuList as ge, MenuListItem as Ie } from "./components/Menu/MenuBase.js";
|
|
89
|
+
import { Menu as De } from "./components/Menu/Menu.js";
|
|
90
|
+
import { MetaBase as Se } from "./components/Meta/MetaBase.js";
|
|
91
|
+
import { MetaList as Ae, MetaListItem as Te } from "./components/Meta/MetaList.js";
|
|
92
|
+
import { MetaItemBase as ye } from "./components/Meta/MetaItemBase.js";
|
|
93
|
+
import { MetaItemMedia as he } from "./components/Meta/MetaItemMedia.js";
|
|
94
|
+
import { MetaItemLabel as Fe } from "./components/Meta/MetaItemLabel.js";
|
|
95
|
+
import { MetaItem as Ce } from "./components/Meta/MetaItem.js";
|
|
96
|
+
import { MetaProgress as Ee } from "./components/Meta/MetaProgress.js";
|
|
97
|
+
import { MetaTimestamp as Re } from "./components/Meta/MetaTimestamp.js";
|
|
98
|
+
import { RootProvider as Qe, useRootContext as ze } from "./components/RootProvider/RootProvider.js";
|
|
99
|
+
import { Searchbar as Ne } from "./components/Search/Searchbar.js";
|
|
100
|
+
import { SearchbarBase as qe } from "./components/Search/SearchbarBase.js";
|
|
101
|
+
import { SearchField as Ue } from "./components/Search/SearchField.js";
|
|
102
|
+
import { AutocompleteBase as We } from "./components/Search/AutocompleteBase.js";
|
|
103
|
+
import { AutocompleteGroup as Ye } from "./components/Search/AutocompleteGroup.js";
|
|
104
|
+
import { Autocomplete as _e } from "./components/Search/Autocomplete.js";
|
|
105
|
+
import { AutocompleteItem as ot } from "./components/Search/AutocompleteItem.js";
|
|
106
|
+
import { ScopeListItem as et } from "./components/Search/ScopeListItem.js";
|
|
107
|
+
import { SuggestListItem as mt } from "./components/Search/SuggestListItem.js";
|
|
108
|
+
import { QueryItem as xt, QueryLabel as ft } from "./components/Search/QueryLabel.js";
|
|
109
|
+
import { Snackbar as it } from "./components/Snackbar/Snackbar.js";
|
|
110
|
+
import { SnackbarColorEnum as st, SnackbarItem as ct } from "./components/Snackbar/SnackbarItem.js";
|
|
111
|
+
import { SnackbarDuration as lt, SnackbarProvider as Lt, useSnackbar as Bt } from "./components/Snackbar/useSnackbar.js";
|
|
112
|
+
import { Skeleton as It } from "./components/Skeleton/Skeleton.js";
|
|
113
|
+
import { Timeline as Dt } from "./components/Timeline/Timeline.js";
|
|
114
|
+
import { TimelineSegment as St } from "./components/Timeline/TimelineSegment.js";
|
|
115
|
+
import { TimelineActivity as At } from "./components/Timeline/TimelineActivity.js";
|
|
116
|
+
import { TimelineBase as kt } from "./components/Timeline/TimelineBase.js";
|
|
117
|
+
import { TimelineSection as Ht } from "./components/Timeline/TimelineSection.js";
|
|
118
|
+
import { TimelineHeader as Pt } from "./components/Timeline/TimelineHeader.js";
|
|
119
|
+
import { TimelineFooter as vt } from "./components/Timeline/TimelineFooter.js";
|
|
120
|
+
import { TimelineLink as wt } from "./components/Timeline/TimelineLink.js";
|
|
121
121
|
import { ToolbarBase as Gt } from "./components/Toolbar/ToolbarBase.js";
|
|
122
122
|
import { ToolbarButton as Ot } from "./components/Toolbar/ToolbarButton.js";
|
|
123
123
|
import { Toolbar as zt } from "./components/Toolbar/Toolbar.js";
|
|
@@ -131,47 +131,49 @@ import { PageTabs as om } from "./components/Page/PageTabs.js";
|
|
|
131
131
|
import { PageHeader as em } from "./components/Page/PageHeader.js";
|
|
132
132
|
import { Article as mm } from "./components/Page/Article.js";
|
|
133
133
|
import { Section as xm } from "./components/Page/Section.js";
|
|
134
|
-
import { Flex as
|
|
134
|
+
import { Flex as am } from "./components/Page/Flex.js";
|
|
135
135
|
import { Grid as nm } from "./components/Page/Grid.js";
|
|
136
136
|
import { Breadcrumbs as cm } from "./components/Page/Breadcrumbs.js";
|
|
137
137
|
import { BreadcrumbsLink as lm } from "./components/Page/BreadcrumbsLink.js";
|
|
138
138
|
import { ContactSection as Bm } from "./components/Page/ContactSection.js";
|
|
139
139
|
import { Transmission as Im } from "./components/Transmission/Transmission.js";
|
|
140
140
|
import { TransmissionList as Dm } from "./components/Transmission/TransmissionList.js";
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
145
|
-
import {
|
|
146
|
-
import {
|
|
147
|
-
import {
|
|
148
|
-
import {
|
|
149
|
-
import {
|
|
150
|
-
import {
|
|
151
|
-
import {
|
|
152
|
-
import {
|
|
153
|
-
import {
|
|
154
|
-
import {
|
|
141
|
+
import { TransmissionTimeline as Sm } from "./components/Transmission/TransmissionTimeline.js";
|
|
142
|
+
import { TransmissionTimelineSegment as Am } from "./components/Transmission/TransmissionTimelineSegment.js";
|
|
143
|
+
import { Typography as km } from "./components/Typography/Typography.js";
|
|
144
|
+
import { Heading as Hm } from "./components/Typography/Heading.js";
|
|
145
|
+
import { ResourceList as Pm } from "./components/ResourceList/ResourceList.js";
|
|
146
|
+
import { ResourceListItem as vm } from "./components/ResourceList/ResourceListItem.js";
|
|
147
|
+
import { AccessAreaListItem as wm } from "./components/AccessAreaList/AccessAreaListItem.js";
|
|
148
|
+
import { AccessAreaList as Gm } from "./components/AccessAreaList/AccessAreaList.js";
|
|
149
|
+
import { AccessPackageListItem as Om } from "./components/AccessPackageList/AccessPackageListItem.js";
|
|
150
|
+
import { AccessPackageList as zm } from "./components/AccessPackageList/AccessPackageList.js";
|
|
151
|
+
import { FieldBase as Nm } from "./components/TextField/FieldBase.js";
|
|
152
|
+
import { InputBase as qm } from "./components/TextField/InputBase.js";
|
|
153
|
+
import { TextField as Um } from "./components/TextField/TextField.js";
|
|
154
|
+
import { useClickOutside as Wm } from "./hooks/useClickOutside.js";
|
|
155
|
+
import { useEscapeKey as Ym } from "./hooks/useEscapeKey.js";
|
|
156
|
+
import { useMenu as _m } from "./hooks/useMenu.js";
|
|
155
157
|
export {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
158
|
+
Gm as AccessAreaList,
|
|
159
|
+
wm as AccessAreaListItem,
|
|
160
|
+
zm as AccessPackageList,
|
|
161
|
+
Om as AccessPackageListItem,
|
|
162
|
+
Uo as AccountButton,
|
|
163
|
+
No as AccountMenu,
|
|
164
|
+
Hr as ActionFooter,
|
|
165
|
+
kr as ActionHeader,
|
|
164
166
|
mm as Article,
|
|
165
167
|
m as AttachmentLink,
|
|
166
168
|
x as AttachmentList,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
169
|
+
_e as Autocomplete,
|
|
170
|
+
We as AutocompleteBase,
|
|
171
|
+
Ye as AutocompleteGroup,
|
|
172
|
+
ot as AutocompleteItem,
|
|
173
|
+
a as Avatar,
|
|
172
174
|
n as AvatarGroup,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
+
Wo as BackButton,
|
|
176
|
+
ko as Backdrop,
|
|
175
177
|
c as Badge,
|
|
176
178
|
l as BookmarksListItem,
|
|
177
179
|
I as BookmarksSection,
|
|
@@ -180,23 +182,22 @@ export {
|
|
|
180
182
|
k as Button,
|
|
181
183
|
D as ButtonBase,
|
|
182
184
|
A as ButtonIcon,
|
|
183
|
-
|
|
185
|
+
S as ButtonLabel,
|
|
184
186
|
v as Byline,
|
|
185
|
-
|
|
187
|
+
ar as CheckboxIcon,
|
|
186
188
|
H as ComboButton,
|
|
187
189
|
Bm as ContactSection,
|
|
188
190
|
w as ContextMenu,
|
|
189
191
|
G as Dialog,
|
|
190
192
|
_ as DialogActions,
|
|
191
|
-
|
|
193
|
+
Do as DialogActivity,
|
|
192
194
|
oo as DialogActivityLog,
|
|
193
|
-
|
|
195
|
+
Lo as DialogAttachments,
|
|
194
196
|
z as DialogBody,
|
|
195
197
|
Y as DialogByline,
|
|
196
198
|
O as DialogHeader,
|
|
197
199
|
so as DialogHeading,
|
|
198
|
-
|
|
199
|
-
Lo as DialogLabel,
|
|
200
|
+
go as DialogHistory,
|
|
200
201
|
N as DialogList,
|
|
201
202
|
q as DialogListGroup,
|
|
202
203
|
U as DialogListItem,
|
|
@@ -204,104 +205,105 @@ export {
|
|
|
204
205
|
eo as DialogSection,
|
|
205
206
|
mo as DialogSeenBy,
|
|
206
207
|
xo as DialogSelect,
|
|
207
|
-
|
|
208
|
+
ao as DialogStatus,
|
|
208
209
|
io as DialogStatusEnum,
|
|
209
210
|
uo as DialogTouchedBy,
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
211
|
+
Ho as DrawerBase,
|
|
212
|
+
Go as DrawerBody,
|
|
213
|
+
wo as DrawerButton,
|
|
214
|
+
vo as DrawerFooter,
|
|
215
|
+
Po as DrawerHeader,
|
|
216
|
+
Oo as DrawerOrDropdown,
|
|
217
|
+
Ao as DropdownBase,
|
|
217
218
|
B as EditableBookmark,
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
219
|
+
Nm as FieldBase,
|
|
220
|
+
am as Flex,
|
|
221
|
+
zo as Footer,
|
|
222
|
+
qo as GlobalMenu,
|
|
222
223
|
nm as Grid,
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
224
|
+
_o as Header,
|
|
225
|
+
or as HeaderBase,
|
|
226
|
+
mr as HeaderButton,
|
|
227
|
+
er as HeaderLogo,
|
|
228
|
+
Hm as Heading,
|
|
229
|
+
xr as Icon,
|
|
229
230
|
P as IconButton,
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
231
|
+
lr as IconOrAvatar,
|
|
232
|
+
qm as InputBase,
|
|
233
|
+
Ar as Layout,
|
|
234
|
+
Pr as LayoutAction,
|
|
235
|
+
Br as LayoutBase,
|
|
236
|
+
Ir as LayoutBody,
|
|
237
|
+
Dr as LayoutContent,
|
|
238
|
+
Sr as LayoutSidebar,
|
|
239
|
+
Yr as List,
|
|
240
|
+
Wr as ListBase,
|
|
241
|
+
Ur as ListItem,
|
|
242
|
+
vr as ListItemBase,
|
|
243
|
+
Nr as ListItemControls,
|
|
244
|
+
Gr as ListItemHeader,
|
|
245
|
+
zr as ListItemIcon,
|
|
246
|
+
Or as ListItemLabel,
|
|
247
|
+
wr as ListItemLink,
|
|
248
|
+
qr as ListItemSelect,
|
|
249
|
+
Yo as LogoutButton,
|
|
250
|
+
De as Menu,
|
|
251
|
+
Be as MenuBase,
|
|
252
|
+
ce as MenuHeader,
|
|
253
|
+
xe as MenuInputField,
|
|
254
|
+
me as MenuItem,
|
|
255
|
+
_r as MenuItemBase,
|
|
256
|
+
ee as MenuItemIcon,
|
|
257
|
+
oe as MenuItemLabel,
|
|
258
|
+
le as MenuItems,
|
|
259
|
+
ge as MenuList,
|
|
260
|
+
Ie as MenuListItem,
|
|
261
|
+
ae as MenuOption,
|
|
262
|
+
ne as MenuSearch,
|
|
263
|
+
Se as MetaBase,
|
|
264
|
+
Ce as MetaItem,
|
|
265
|
+
ye as MetaItemBase,
|
|
266
|
+
Fe as MetaItemLabel,
|
|
267
|
+
he as MetaItemMedia,
|
|
268
|
+
Ae as MetaList,
|
|
268
269
|
Te as MetaListItem,
|
|
269
|
-
|
|
270
|
-
|
|
270
|
+
Ee as MetaProgress,
|
|
271
|
+
Re as MetaTimestamp,
|
|
271
272
|
Wt as PageBase,
|
|
272
273
|
em as PageHeader,
|
|
273
274
|
_t as PageMenu,
|
|
274
275
|
Yt as PageNav,
|
|
275
276
|
om as PageTabs,
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
277
|
+
cr as ProgressIcon,
|
|
278
|
+
xt as QueryItem,
|
|
279
|
+
ft as QueryLabel,
|
|
280
|
+
nr as RadioIcon,
|
|
281
|
+
Pm as ResourceList,
|
|
282
|
+
vm as ResourceListItem,
|
|
283
|
+
Qe as RootProvider,
|
|
284
|
+
et as ScopeListItem,
|
|
285
|
+
Ue as SearchField,
|
|
286
|
+
Ne as Searchbar,
|
|
287
|
+
qe as SearchbarBase,
|
|
287
288
|
xm as Section,
|
|
288
|
-
|
|
289
|
+
So as SeenByLog,
|
|
289
290
|
e as SizeEnum,
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
291
|
+
It as Skeleton,
|
|
292
|
+
it as Snackbar,
|
|
293
|
+
st as SnackbarColorEnum,
|
|
294
|
+
lt as SnackbarDuration,
|
|
295
|
+
ct as SnackbarItem,
|
|
296
|
+
Lt as SnackbarProvider,
|
|
297
|
+
mt as SuggestListItem,
|
|
298
|
+
Um as TextField,
|
|
299
|
+
Dt as Timeline,
|
|
300
|
+
At as TimelineActivity,
|
|
301
|
+
kt as TimelineBase,
|
|
302
|
+
vt as TimelineFooter,
|
|
303
|
+
Pt as TimelineHeader,
|
|
304
|
+
wt as TimelineLink,
|
|
305
|
+
Ht as TimelineSection,
|
|
306
|
+
St as TimelineSegment,
|
|
305
307
|
zt as Toolbar,
|
|
306
308
|
Gt as ToolbarBase,
|
|
307
309
|
Ot as ToolbarButton,
|
|
@@ -310,10 +312,12 @@ export {
|
|
|
310
312
|
Nt as ToolbarSearch,
|
|
311
313
|
Im as Transmission,
|
|
312
314
|
Dm as TransmissionList,
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
Wm as
|
|
317
|
-
|
|
318
|
-
|
|
315
|
+
Sm as TransmissionTimeline,
|
|
316
|
+
Am as TransmissionTimelineSegment,
|
|
317
|
+
km as Typography,
|
|
318
|
+
Wm as useClickOutside,
|
|
319
|
+
Ym as useEscapeKey,
|
|
320
|
+
_m as useMenu,
|
|
321
|
+
ze as useRootContext,
|
|
322
|
+
Bt as useSnackbar
|
|
319
323
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { Color } from '..';
|
|
3
|
-
export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text';
|
|
3
|
+
export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text' | 'link';
|
|
4
4
|
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
|
|
5
5
|
export type ButtonColor = Color | 'inherit';
|
|
6
6
|
export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
@@ -2,7 +2,8 @@ import { SvgElement } from '../Icon';
|
|
|
2
2
|
import { ButtonSize } from './ButtonBase';
|
|
3
3
|
export interface ButtonIconProps {
|
|
4
4
|
icon: SvgElement;
|
|
5
|
-
iconAltText?: string;
|
|
6
5
|
size: ButtonSize;
|
|
6
|
+
iconAltText?: string;
|
|
7
|
+
className?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const ButtonIcon: ({ size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const ButtonIcon: ({ className, size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,4 +13,4 @@ export interface BylineProps {
|
|
|
13
13
|
children?: ReactNode;
|
|
14
14
|
}
|
|
15
15
|
/** Byline, possible avatar/avatarGroup, name and more info */
|
|
16
|
-
export declare const Byline: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, }: BylineProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Byline: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, ...props }: BylineProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, }: import('./Byline').BylineProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
component: ({ loading, color, size, avatar, avatarGroup, datetime, children, as, ...props }: import('./Byline').BylineProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {};
|
|
7
7
|
args: {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { DialogListItemSize, DialogListItemState } from '..';
|
|
2
|
+
import { BadgeProps, DialogListItemSize, DialogListItemState } from '..';
|
|
3
3
|
export type DialogHeadingProps = {
|
|
4
4
|
loading?: boolean;
|
|
5
5
|
/** Size */
|
|
6
6
|
size?: DialogListItemSize;
|
|
7
7
|
/** Type */
|
|
8
8
|
state?: DialogListItemState;
|
|
9
|
-
/**
|
|
10
|
-
|
|
9
|
+
/** Badge */
|
|
10
|
+
badge?: BadgeProps;
|
|
11
11
|
/** Variant */
|
|
12
12
|
seen?: boolean;
|
|
13
13
|
/** Dialog title */
|
|
@@ -16,4 +16,4 @@ export type DialogHeadingProps = {
|
|
|
16
16
|
/**
|
|
17
17
|
* Dialog heading
|
|
18
18
|
*/
|
|
19
|
-
export declare const DialogHeading: ({ loading, size, seen, state,
|
|
19
|
+
export declare const DialogHeading: ({ loading, size, seen, state, badge, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AvatarProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps, ListItemSelectProps } from '..';
|
|
1
|
+
import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps, ListItemSelectProps } from '..';
|
|
2
2
|
export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
3
3
|
export type DialogListItemState = 'normal' | 'trashed' | 'archived';
|
|
4
4
|
export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
|
|
@@ -47,8 +47,8 @@ export interface DialogListItemProps extends ListItemProps {
|
|
|
47
47
|
trashedAtLabel?: string;
|
|
48
48
|
/** Tab index */
|
|
49
49
|
tabIndex?: number;
|
|
50
|
-
/** Custom
|
|
51
|
-
|
|
50
|
+
/** Custom badge */
|
|
51
|
+
badge?: BadgeProps;
|
|
52
52
|
/** Dialog has been seen */
|
|
53
53
|
seen?: boolean;
|
|
54
54
|
/** Dialog is seen by the user */
|
|
@@ -61,10 +61,12 @@ export interface DialogListItemProps extends ListItemProps {
|
|
|
61
61
|
groupId?: string;
|
|
62
62
|
/** Theme */
|
|
63
63
|
theme?: DialogListItemTheme;
|
|
64
|
+
/** Color */
|
|
65
|
+
color?: Color;
|
|
64
66
|
}
|
|
65
67
|
/**
|
|
66
68
|
* Represents a dialog in list view, displaying information such as the title,
|
|
67
69
|
* summary, sender, and receiver.
|
|
68
70
|
* to mark the item as checked/unchecked and can visually indicate if it is unread.
|
|
69
71
|
*/
|
|
70
|
-
export declare const DialogListItem: ({ size, state, loading, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel,
|
|
72
|
+
export declare const DialogListItem: ({ size, state, loading, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
|