@altinn/altinn-components 0.6.10 → 0.6.12

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.
Files changed (31) hide show
  1. package/README.md +1 -12
  2. package/dist/assets/Footer.css +1 -0
  3. package/dist/assets/FooterBase.css +1 -1
  4. package/dist/assets/ListItemAction.css +1 -0
  5. package/dist/assets/ListItemBase.css +1 -1
  6. package/dist/components/Footer/Footer.d.ts +2 -1
  7. package/dist/components/Footer/Footer.js +14 -9
  8. package/dist/components/Footer/Footer.stories.js +6 -3
  9. package/dist/components/Footer/FooterBase.js +5 -5
  10. package/dist/components/GlobalMenu/GlobalMenu.js +5 -5
  11. package/dist/components/GlobalMenu/index.d.ts +3 -0
  12. package/dist/components/GlobalMenu/index.js +8 -2
  13. package/dist/components/Header/Header.d.ts +4 -3
  14. package/dist/components/Header/Header.js +29 -29
  15. package/dist/components/Layout/Layout.stories.js +26 -25
  16. package/dist/components/LayoutAction/ActionFooter.d.ts +1 -1
  17. package/dist/components/List/ListItem.d.ts +15 -6
  18. package/dist/components/List/ListItem.js +18 -19
  19. package/dist/components/List/ListItem.stories.js +146 -118
  20. package/dist/components/List/ListItemAction.d.ts +13 -0
  21. package/dist/components/List/ListItemAction.js +19 -0
  22. package/dist/components/List/ListItemAction.stories.js +45 -0
  23. package/dist/components/List/ListItemBase.d.ts +3 -1
  24. package/dist/components/List/ListItemBase.js +44 -48
  25. package/dist/components/List/index.d.ts +1 -0
  26. package/dist/components/List/index.js +6 -4
  27. package/dist/components/Menu/MenuItemBase.js +25 -25
  28. package/dist/components/Searchbar/AutocompleteItem.js +3 -2
  29. package/dist/components/index.js +151 -143
  30. package/dist/index.js +152 -144
  31. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -4,9 +4,9 @@ import { Avatar as p } 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 B } from "./components/Bookmarks/BookmarksListItem.js";
8
- import { QueryItem as c, QueryLabel as D } from "./components/Bookmarks/QueryLabel.js";
9
- import { ButtonBase as d } from "./components/Button/ButtonBase.js";
7
+ import { BookmarksListItem as l } from "./components/Bookmarks/BookmarksListItem.js";
8
+ import { QueryItem as g, QueryLabel as D } from "./components/Bookmarks/QueryLabel.js";
9
+ import { ButtonBase as M } from "./components/Button/ButtonBase.js";
10
10
  import { ButtonLabel as I } from "./components/Button/ButtonLabel.js";
11
11
  import { ButtonIcon as b } from "./components/Button/ButtonIcon.js";
12
12
  import { Button as S } from "./components/Button/Button.js";
@@ -30,10 +30,10 @@ import { DialogHeader as ao } from "./components/Dialog/DialogHeader.js";
30
30
  import { DialogHeaderBase as xo } from "./components/Dialog/DialogHeaderBase.js";
31
31
  import { DialogHeadings as io } from "./components/Dialog/DialogHeadings.js";
32
32
  import { DialogHistory as so } from "./components/Dialog/DialogHistory.js";
33
- import { DialogNav as lo } from "./components/Dialog/DialogNav.js";
34
- import { DialogSectionBase as go } from "./components/Dialog/DialogSectionBase.js";
33
+ import { DialogNav as Bo } from "./components/Dialog/DialogNav.js";
34
+ import { DialogSectionBase as co } from "./components/Dialog/DialogSectionBase.js";
35
35
  import { DialogSeenBy as Do } from "./components/Dialog/DialogSeenBy.js";
36
- import { DialogSelect as Lo } from "./components/Dialog/DialogSelect.js";
36
+ import { DialogSelect as Mo } from "./components/Dialog/DialogSelect.js";
37
37
  import { DialogStatus as yo, DialogStatusEnum as bo } from "./components/Dialog/DialogStatus.js";
38
38
  import { DialogTitle as So } from "./components/Dialog/DialogTitle.js";
39
39
  import { DialogTouchedBy as Ao } from "./components/Dialog/DialogTouchedBy.js";
@@ -48,88 +48,94 @@ import { DrawerOrDropdown as qo } from "./components/Dropdown/DrawerOrDropdown.j
48
48
  import { Footer as Jo } from "./components/Footer/Footer.js";
49
49
  import { AccountMenu as Vo } from "./components/GlobalMenu/AccountMenu.js";
50
50
  import { GlobalMenu as Xo } from "./components/GlobalMenu/GlobalMenu.js";
51
- import { Header as Zo } from "./components/Header/Header.js";
52
- import { HeaderBase as $o } from "./components/Header/HeaderBase.js";
53
- import { HeaderLogo as rr } from "./components/Header/HeaderLogo.js";
54
- import { HeaderButton as tr } from "./components/Header/HeaderButton.js";
55
- import { HistoryList as ar } from "./components/History/HistoryList.js";
56
- import { HistoryItem as xr } from "./components/History/HistoryItem.js";
57
- import { Icon as ir } from "./components/Icon/Icon.js";
58
- import { SvgIcon as sr } from "./components/Icon/SvgIcon.js";
59
- import { CheckboxIcon as lr } from "./components/Icon/CheckboxIcon.js";
60
- import { RadioIcon as gr } from "./components/Icon/RadioIcon.js";
61
- import { ProgressIcon as Dr } from "./components/Icon/ProgressIcon.js";
62
- import { iconsMap as dr } from "./components/Icon/iconsMap.js";
63
- import { LayoutBase as Ir } from "./components/Layout/LayoutBase.js";
64
- import { LayoutBody as br } from "./components/Layout/LayoutBody.js";
65
- import { LayoutContent as Sr } from "./components/Layout/LayoutContent.js";
66
- import { LayoutSidebar as Ar } from "./components/Layout/LayoutSidebar.js";
67
- import { Layout as hr } from "./components/Layout/Layout.js";
68
- import { ActionHeader as Tr } from "./components/LayoutAction/ActionHeader.js";
69
- import { ActionFooter as Fr } from "./components/LayoutAction/ActionFooter.js";
70
- import { ActionMenu as Or } from "./components/LayoutAction/ActionMenu.js";
71
- import { ListItemBase as Er } from "./components/List/ListItemBase.js";
72
- import { ListItem as Qr } from "./components/List/ListItem.js";
73
- import { ListBase as Nr } from "./components/List/ListBase.js";
74
- import { List as qr } from "./components/List/List.js";
75
- import { ListItemLabel as Jr } from "./components/List/ListItemLabel.js";
76
- import { ListItemMedia as Vr } from "./components/List/ListItemMedia.js";
77
- import { MenuItemBase as Xr } from "./components/Menu/MenuItemBase.js";
78
- import { MenuItemLabel as Zr } from "./components/Menu/MenuItemLabel.js";
79
- import { MenuItemMedia as $r } from "./components/Menu/MenuItemMedia.js";
80
- import { MenuItem as re } from "./components/Menu/MenuItem.js";
81
- import { MenuInputField as te } from "./components/Menu/MenuInputField.js";
82
- import { MenuOption as ae } from "./components/Menu/MenuOption.js";
83
- import { MenuSearch as xe } from "./components/Menu/MenuSearch.js";
84
- import { MenuHeader as ie } from "./components/Menu/MenuHeader.js";
85
- import { MenuItems as se } from "./components/Menu/MenuItems.js";
86
- import { MenuBase as le, MenuList as Be, MenuListItem as ge } from "./components/Menu/MenuBase.js";
87
- import { Menu as De } from "./components/Menu/Menu.js";
88
- import { MetaBase as de } from "./components/Meta/MetaBase.js";
89
- import { MetaList as Ie, MetaListItem as ye } from "./components/Meta/MetaList.js";
90
- import { MetaItemBase as He } from "./components/Meta/MetaItemBase.js";
91
- import { MetaItemMedia as ke } from "./components/Meta/MetaItemMedia.js";
92
- import { MetaItemLabel as we } from "./components/Meta/MetaItemLabel.js";
93
- import { MetaItem as Ce } from "./components/Meta/MetaItem.js";
94
- import { MetaProgress as ve } from "./components/Meta/MetaProgress.js";
95
- import { MetaTimestamp as Pe } from "./components/Meta/MetaTimestamp.js";
96
- import { RootProvider as Re, useRootContext as Ee } from "./components/RootProvider/RootProvider.js";
97
- import { Searchbar as Qe } from "./components/Searchbar/Searchbar.js";
98
- import { Snackbar as Ne } from "./components/Snackbar/Snackbar.js";
99
- import { SnackbarBase as qe } from "./components/Snackbar/SnackbarBase.js";
100
- import { SnackbarMedia as Je } from "./components/Snackbar/SnackbarMedia.js";
101
- import { SnackbarLabel as Ve } from "./components/Snackbar/SnackbarLabel.js";
102
- import { ToolbarBase as Xe } from "./components/Toolbar/ToolbarBase.js";
103
- import { ToolbarButton as Ze } from "./components/Toolbar/ToolbarButton.js";
104
- import { Toolbar as $e } from "./components/Toolbar/Toolbar.js";
105
- import { PageBase as rt } from "./components/Page/PageBase.js";
106
- import { PageHeader as tt } from "./components/Page/PageHeader.js";
107
- import { SectionBase as at } from "./components/Page/SectionBase.js";
108
- import { SectionHeader as xt } from "./components/Page/SectionHeader.js";
109
- import { SectionFooter as it } from "./components/Page/SectionFooter.js";
110
- import { Typography as st } from "./components/Typography/Typography.js";
111
- import { Heading as lt } from "./components/Typography/Heading.js";
112
- import { useClickOutside as gt } from "./hooks/useClickOutside.js";
113
- import { useEscapeKey as Dt } from "./hooks/useEscapeKey.js";
114
- import { useMenu as dt } from "./hooks/useMenu.js";
51
+ import { AccountButton as Zo } from "./components/GlobalMenu/AccountButton.js";
52
+ import { BackButton as $o } from "./components/GlobalMenu/BackButton.js";
53
+ import { LogoutButton as rr } from "./components/GlobalMenu/LogoutButton.js";
54
+ import { Header as tr } from "./components/Header/Header.js";
55
+ import { HeaderBase as ar } from "./components/Header/HeaderBase.js";
56
+ import { HeaderLogo as xr } from "./components/Header/HeaderLogo.js";
57
+ import { HeaderButton as ir } from "./components/Header/HeaderButton.js";
58
+ import { HistoryList as sr } from "./components/History/HistoryList.js";
59
+ import { HistoryItem as Br } from "./components/History/HistoryItem.js";
60
+ import { Icon as cr } from "./components/Icon/Icon.js";
61
+ import { SvgIcon as Dr } from "./components/Icon/SvgIcon.js";
62
+ import { CheckboxIcon as Mr } from "./components/Icon/CheckboxIcon.js";
63
+ import { RadioIcon as Ir } from "./components/Icon/RadioIcon.js";
64
+ import { ProgressIcon as br } from "./components/Icon/ProgressIcon.js";
65
+ import { iconsMap as Sr } from "./components/Icon/iconsMap.js";
66
+ import { LayoutBase as Ar } from "./components/Layout/LayoutBase.js";
67
+ import { LayoutBody as hr } from "./components/Layout/LayoutBody.js";
68
+ import { LayoutContent as Tr } from "./components/Layout/LayoutContent.js";
69
+ import { LayoutSidebar as Fr } from "./components/Layout/LayoutSidebar.js";
70
+ import { Layout as Or } from "./components/Layout/Layout.js";
71
+ import { ActionHeader as Er } from "./components/LayoutAction/ActionHeader.js";
72
+ import { ActionFooter as Qr } from "./components/LayoutAction/ActionFooter.js";
73
+ import { ActionMenu as Nr } from "./components/LayoutAction/ActionMenu.js";
74
+ import { ListItemBase as qr } from "./components/List/ListItemBase.js";
75
+ import { ListItem as Jr } from "./components/List/ListItem.js";
76
+ import { ListBase as Vr } from "./components/List/ListBase.js";
77
+ import { List as Xr } from "./components/List/List.js";
78
+ import { ListItemLabel as Zr } from "./components/List/ListItemLabel.js";
79
+ import { ListItemMedia as $r } from "./components/List/ListItemMedia.js";
80
+ import { ListItemAction as re } from "./components/List/ListItemAction.js";
81
+ import { MenuItemBase as te } from "./components/Menu/MenuItemBase.js";
82
+ import { MenuItemLabel as ae } from "./components/Menu/MenuItemLabel.js";
83
+ import { MenuItemMedia as xe } from "./components/Menu/MenuItemMedia.js";
84
+ import { MenuItem as ie } from "./components/Menu/MenuItem.js";
85
+ import { MenuInputField as se } from "./components/Menu/MenuInputField.js";
86
+ import { MenuOption as Be } from "./components/Menu/MenuOption.js";
87
+ import { MenuSearch as ce } from "./components/Menu/MenuSearch.js";
88
+ import { MenuHeader as De } from "./components/Menu/MenuHeader.js";
89
+ import { MenuItems as Me } from "./components/Menu/MenuItems.js";
90
+ import { MenuBase as Ie, MenuList as ye, MenuListItem as be } from "./components/Menu/MenuBase.js";
91
+ import { Menu as Se } from "./components/Menu/Menu.js";
92
+ import { MetaBase as Ae } from "./components/Meta/MetaBase.js";
93
+ import { MetaList as he, MetaListItem as Ce } from "./components/Meta/MetaList.js";
94
+ import { MetaItemBase as ve } from "./components/Meta/MetaItemBase.js";
95
+ import { MetaItemMedia as Pe } from "./components/Meta/MetaItemMedia.js";
96
+ import { MetaItemLabel as Re } from "./components/Meta/MetaItemLabel.js";
97
+ import { MetaItem as Ge } from "./components/Meta/MetaItem.js";
98
+ import { MetaProgress as Ke } from "./components/Meta/MetaProgress.js";
99
+ import { MetaTimestamp as je } from "./components/Meta/MetaTimestamp.js";
100
+ import { RootProvider as ze, useRootContext as Je } from "./components/RootProvider/RootProvider.js";
101
+ import { Searchbar as Ve } from "./components/Searchbar/Searchbar.js";
102
+ import { Snackbar as Xe } from "./components/Snackbar/Snackbar.js";
103
+ import { SnackbarBase as Ze } from "./components/Snackbar/SnackbarBase.js";
104
+ import { SnackbarMedia as $e } from "./components/Snackbar/SnackbarMedia.js";
105
+ import { SnackbarLabel as rt } from "./components/Snackbar/SnackbarLabel.js";
106
+ import { ToolbarBase as tt } from "./components/Toolbar/ToolbarBase.js";
107
+ import { ToolbarButton as at } from "./components/Toolbar/ToolbarButton.js";
108
+ import { Toolbar as xt } from "./components/Toolbar/Toolbar.js";
109
+ import { PageBase as it } from "./components/Page/PageBase.js";
110
+ import { PageHeader as st } from "./components/Page/PageHeader.js";
111
+ import { SectionBase as Bt } from "./components/Page/SectionBase.js";
112
+ import { SectionHeader as ct } from "./components/Page/SectionHeader.js";
113
+ import { SectionFooter as Dt } from "./components/Page/SectionFooter.js";
114
+ import { Typography as Mt } from "./components/Typography/Typography.js";
115
+ import { Heading as It } from "./components/Typography/Heading.js";
116
+ import { useClickOutside as bt } from "./hooks/useClickOutside.js";
117
+ import { useEscapeKey as St } from "./hooks/useEscapeKey.js";
118
+ import { useMenu as At } from "./hooks/useMenu.js";
115
119
  export {
120
+ Zo as AccountButton,
116
121
  Vo as AccountMenu,
117
- Fr as ActionFooter,
118
- Tr as ActionHeader,
119
- Or as ActionMenu,
122
+ Qr as ActionFooter,
123
+ Er as ActionHeader,
124
+ Nr as ActionMenu,
120
125
  e as AttachmentLink,
121
126
  m as AttachmentList,
122
127
  p as Avatar,
123
128
  f as AvatarGroup,
129
+ $o as BackButton,
124
130
  To as Backdrop,
125
131
  n as Badge,
126
132
  u as BookmarksList,
127
- B as BookmarksListItem,
133
+ l as BookmarksListItem,
128
134
  S as Button,
129
- d as ButtonBase,
135
+ M as ButtonBase,
130
136
  b as ButtonIcon,
131
137
  I as ButtonLabel,
132
- lr as CheckboxIcon,
138
+ Mr as CheckboxIcon,
133
139
  A as ComboButton,
134
140
  T as ContextMenu,
135
141
  F as Dialog,
@@ -149,10 +155,10 @@ export {
149
155
  Q as DialogListItem,
150
156
  N as DialogListItemBase,
151
157
  E as DialogMetadata,
152
- lo as DialogNav,
153
- go as DialogSectionBase,
158
+ Bo as DialogNav,
159
+ co as DialogSectionBase,
154
160
  Do as DialogSeenBy,
155
- Lo as DialogSelect,
161
+ Mo as DialogSelect,
156
162
  yo as DialogStatus,
157
163
  bo as DialogStatusEnum,
158
164
  So as DialogTitle,
@@ -166,71 +172,73 @@ export {
166
172
  ho as DropdownBase,
167
173
  Jo as Footer,
168
174
  Xo as GlobalMenu,
169
- Zo as Header,
170
- $o as HeaderBase,
171
- tr as HeaderButton,
172
- rr as HeaderLogo,
173
- lt as Heading,
174
- xr as HistoryItem,
175
- ar as HistoryList,
176
- ir as Icon,
175
+ tr as Header,
176
+ ar as HeaderBase,
177
+ ir as HeaderButton,
178
+ xr as HeaderLogo,
179
+ It as Heading,
180
+ Br as HistoryItem,
181
+ sr as HistoryList,
182
+ cr as Icon,
177
183
  h as IconButton,
178
- hr as Layout,
179
- Ir as LayoutBase,
180
- br as LayoutBody,
181
- Sr as LayoutContent,
182
- Ar as LayoutSidebar,
183
- qr as List,
184
- Nr as ListBase,
185
- Qr as ListItem,
186
- Er as ListItemBase,
187
- Jr as ListItemLabel,
188
- Vr as ListItemMedia,
189
- De as Menu,
190
- le as MenuBase,
191
- ie as MenuHeader,
192
- te as MenuInputField,
193
- re as MenuItem,
194
- Xr as MenuItemBase,
195
- Zr as MenuItemLabel,
196
- $r as MenuItemMedia,
197
- se as MenuItems,
198
- Be as MenuList,
199
- ge as MenuListItem,
200
- ae as MenuOption,
201
- xe as MenuSearch,
202
- de as MetaBase,
203
- Ce as MetaItem,
204
- He as MetaItemBase,
205
- we as MetaItemLabel,
206
- ke as MetaItemMedia,
207
- Ie as MetaList,
208
- ye as MetaListItem,
209
- ve as MetaProgress,
210
- Pe as MetaTimestamp,
211
- rt as PageBase,
212
- tt as PageHeader,
213
- Dr as ProgressIcon,
214
- c as QueryItem,
184
+ Or as Layout,
185
+ Ar as LayoutBase,
186
+ hr as LayoutBody,
187
+ Tr as LayoutContent,
188
+ Fr as LayoutSidebar,
189
+ Xr as List,
190
+ Vr as ListBase,
191
+ Jr as ListItem,
192
+ re as ListItemAction,
193
+ qr as ListItemBase,
194
+ Zr as ListItemLabel,
195
+ $r as ListItemMedia,
196
+ rr as LogoutButton,
197
+ Se as Menu,
198
+ Ie as MenuBase,
199
+ De as MenuHeader,
200
+ se as MenuInputField,
201
+ ie as MenuItem,
202
+ te as MenuItemBase,
203
+ ae as MenuItemLabel,
204
+ xe as MenuItemMedia,
205
+ Me as MenuItems,
206
+ ye as MenuList,
207
+ be as MenuListItem,
208
+ Be as MenuOption,
209
+ ce as MenuSearch,
210
+ Ae as MetaBase,
211
+ Ge as MetaItem,
212
+ ve as MetaItemBase,
213
+ Re as MetaItemLabel,
214
+ Pe as MetaItemMedia,
215
+ he as MetaList,
216
+ Ce as MetaListItem,
217
+ Ke as MetaProgress,
218
+ je as MetaTimestamp,
219
+ it as PageBase,
220
+ st as PageHeader,
221
+ br as ProgressIcon,
222
+ g as QueryItem,
215
223
  D as QueryLabel,
216
- gr as RadioIcon,
217
- Re as RootProvider,
218
- Qe as Searchbar,
219
- at as SectionBase,
220
- it as SectionFooter,
221
- xt as SectionHeader,
222
- Ne as Snackbar,
223
- qe as SnackbarBase,
224
- Ve as SnackbarLabel,
225
- Je as SnackbarMedia,
226
- sr as SvgIcon,
227
- $e as Toolbar,
228
- Xe as ToolbarBase,
229
- Ze as ToolbarButton,
230
- st as Typography,
231
- dr as iconsMap,
232
- gt as useClickOutside,
233
- Dt as useEscapeKey,
234
- dt as useMenu,
235
- Ee as useRootContext
224
+ Ir as RadioIcon,
225
+ ze as RootProvider,
226
+ Ve as Searchbar,
227
+ Bt as SectionBase,
228
+ Dt as SectionFooter,
229
+ ct as SectionHeader,
230
+ Xe as Snackbar,
231
+ Ze as SnackbarBase,
232
+ rt as SnackbarLabel,
233
+ $e as SnackbarMedia,
234
+ Dr as SvgIcon,
235
+ xt as Toolbar,
236
+ tt as ToolbarBase,
237
+ at as ToolbarButton,
238
+ Mt as Typography,
239
+ Sr as iconsMap,
240
+ bt as useClickOutside,
241
+ St as useEscapeKey,
242
+ At as useMenu,
243
+ Je as useRootContext
236
244
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.6.10",
3
+ "version": "0.6.12",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [