@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.
Files changed (92) hide show
  1. package/dist/assets/AutocompleteBase.css +1 -1
  2. package/dist/assets/AutocompleteGroup.css +1 -1
  3. package/dist/assets/DialogBorder.css +1 -1
  4. package/dist/assets/DialogHeaderBase.css +1 -1
  5. package/dist/assets/DialogHeadings.css +1 -1
  6. package/dist/assets/DialogListItem.css +1 -1
  7. package/dist/assets/DialogTitle.css +1 -1
  8. package/dist/assets/ListItemBase.css +1 -1
  9. package/dist/assets/ListItemControls.css +1 -0
  10. package/dist/assets/ListItemHeader.css +1 -0
  11. package/dist/assets/ListItemLabel.css +1 -1
  12. package/dist/assets/ListItemMedia.css +1 -1
  13. package/dist/assets/ListItemSelect.css +1 -0
  14. package/dist/assets/MetaItemBase.css +1 -0
  15. package/dist/assets/MetaItemLabel.css +1 -0
  16. package/dist/assets/MetaItemMedia.css +1 -0
  17. package/dist/components/Bookmarks/BookmarksList.d.ts +1 -1
  18. package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -13
  19. package/dist/components/Bookmarks/BookmarksListItem.js +5 -10
  20. package/dist/components/Button/Button.js +2 -2
  21. package/dist/components/Button/Buttons.stories.js +2 -2
  22. package/dist/components/ContextMenu/ContextMenu.d.ts +2 -1
  23. package/dist/components/ContextMenu/ContextMenu.js +19 -8
  24. package/dist/components/ContextMenu/ContextMenuBase.d.ts +2 -1
  25. package/dist/components/ContextMenu/ContextMenuBase.js +19 -18
  26. package/dist/components/Dialog/Dialog.stories.js +30 -20
  27. package/dist/components/Dialog/DialogBase.d.ts +2 -0
  28. package/dist/components/Dialog/DialogBorder.d.ts +1 -1
  29. package/dist/components/Dialog/DialogBorder.js +5 -5
  30. package/dist/components/Dialog/DialogContent.stories.js +1 -1
  31. package/dist/components/Dialog/DialogGroup.js +5 -5
  32. package/dist/components/Dialog/DialogHeader.d.ts +1 -1
  33. package/dist/components/Dialog/DialogHeader.js +6 -6
  34. package/dist/components/Dialog/DialogHeaderBase.d.ts +3 -1
  35. package/dist/components/Dialog/DialogHeaderBase.js +3 -3
  36. package/dist/components/Dialog/DialogHeadings.d.ts +2 -3
  37. package/dist/components/Dialog/DialogHeadings.js +24 -26
  38. package/dist/components/Dialog/DialogLabel.d.ts +13 -0
  39. package/dist/components/Dialog/DialogLabel.js +17 -0
  40. package/dist/components/Dialog/DialogListItem.d.ts +17 -5
  41. package/dist/components/Dialog/DialogListItem.js +86 -70
  42. package/dist/components/Dialog/DialogListItem.stories.js +117 -68
  43. package/dist/components/Dialog/DialogMetadata.d.ts +9 -1
  44. package/dist/components/Dialog/DialogMetadata.js +25 -21
  45. package/dist/components/Dialog/DialogNav.js +16 -16
  46. package/dist/components/Dialog/DialogTitle.d.ts +7 -9
  47. package/dist/components/Dialog/DialogTitle.js +9 -10
  48. package/dist/components/Dialog/Examples.stories.js +31 -0
  49. package/dist/components/Dialog/index.d.ts +1 -1
  50. package/dist/components/Dialog/index.js +41 -41
  51. package/dist/components/List/ListItem.d.ts +5 -25
  52. package/dist/components/List/ListItem.js +41 -20
  53. package/dist/components/List/ListItem.stories.js +79 -45
  54. package/dist/components/List/ListItemBase.d.ts +8 -10
  55. package/dist/components/List/ListItemBase.js +52 -46
  56. package/dist/components/List/{ListItemAction.d.ts → ListItemControls.d.ts} +3 -3
  57. package/dist/components/List/ListItemControls.js +19 -0
  58. package/dist/components/List/ListItemHeader.d.ts +8 -0
  59. package/dist/components/List/ListItemHeader.js +8 -0
  60. package/dist/components/List/ListItemLabel.js +7 -7
  61. package/dist/components/List/ListItemMedia.js +7 -7
  62. package/dist/components/List/ListItemSelect.d.ts +12 -0
  63. package/dist/components/List/ListItemSelect.js +15 -0
  64. package/dist/components/List/index.d.ts +5 -3
  65. package/dist/components/List/index.js +16 -12
  66. package/dist/components/Meta/MetaItemBase.d.ts +1 -1
  67. package/dist/components/Meta/MetaItemBase.js +21 -20
  68. package/dist/components/Meta/MetaItemLabel.js +5 -4
  69. package/dist/components/Meta/MetaItemMedia.js +9 -8
  70. package/dist/components/Page/PageNav.js +7 -7
  71. package/dist/components/Searchbar/Autocomplete.stories.js +241 -13
  72. package/dist/components/Searchbar/AutocompleteBase.js +5 -5
  73. package/dist/components/Searchbar/AutocompleteGroup.js +9 -12
  74. package/dist/components/Searchbar/AutocompleteItem.d.ts +23 -11
  75. package/dist/components/Searchbar/AutocompleteItem.js +21 -8
  76. package/dist/components/Searchbar/ScopeListItem.d.ts +12 -0
  77. package/dist/components/Searchbar/ScopeListItem.js +12 -0
  78. package/dist/components/Toolbar/ToolbarButton.js +2 -1
  79. package/dist/components/index.js +153 -149
  80. package/dist/hooks/useMenu.js +19 -19
  81. package/dist/index.js +163 -159
  82. package/package.json +1 -1
  83. package/dist/assets/DialogListItemBase.css +0 -1
  84. package/dist/assets/ListItemAction.css +0 -1
  85. package/dist/assets/metaItem.css +0 -1
  86. package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
  87. package/dist/components/Dialog/DialogListItemBase.js +0 -24
  88. package/dist/components/Dialog/DialogTitle.stories.js +0 -26
  89. package/dist/components/List/ListItemAction.js +0 -19
  90. package/dist/components/List/ListItemAction.stories.js +0 -45
  91. package/dist/metaItem.module-CfNiX769.js +0 -8
  92. /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 p } from "./components/Avatar/Avatar.js";
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 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";
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 b } from "./components/Button/ButtonIcon.js";
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 h } from "./components/Button/IconButton.js";
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 { DialogListItemBase as N } from "./components/Dialog/DialogListItemBase.js";
21
- import { DialogActions as q } from "./components/Dialog/DialogActions.js";
22
- import { DialogActivityLog as J } from "./components/Dialog/DialogActivityLog.js";
23
- import { DialogArticleBase as V } from "./components/Dialog/DialogArticleBase.js";
24
- import { DialogBase as X } from "./components/Dialog/DialogBase.js";
25
- import { DialogBodyBase as Z } from "./components/Dialog/DialogBodyBase.js";
26
- import { DialogBorder as $ } from "./components/Dialog/DialogBorder.js";
27
- import { DialogContent as ro } from "./components/Dialog/DialogContent.js";
28
- import { DialogFooter as to } from "./components/Dialog/DialogFooter.js";
29
- import { DialogHeader as ao } from "./components/Dialog/DialogHeader.js";
30
- import { DialogHeaderBase as xo } from "./components/Dialog/DialogHeaderBase.js";
31
- import { DialogHeadings as io } from "./components/Dialog/DialogHeadings.js";
32
- import { DialogHistory as so } from "./components/Dialog/DialogHistory.js";
33
- import { DialogNav as Bo } from "./components/Dialog/DialogNav.js";
34
- import { DialogSectionBase as co } from "./components/Dialog/DialogSectionBase.js";
35
- import { DialogSeenBy as Do } from "./components/Dialog/DialogSeenBy.js";
36
- import { DialogSelect as Mo } from "./components/Dialog/DialogSelect.js";
37
- import { DialogStatus as yo, DialogStatusEnum as bo } from "./components/Dialog/DialogStatus.js";
38
- import { DialogTitle as So } from "./components/Dialog/DialogTitle.js";
39
- import { DialogTouchedBy as Ao } from "./components/Dialog/DialogTouchedBy.js";
40
- import { DropdownBase as ho } from "./components/Dropdown/DropdownBase.js";
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 ar } from "./components/Header/HeaderBase.js";
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 Br } from "./components/History/HistoryItem.js";
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 Dr } from "./components/Icon/SvgIcon.js";
62
- import { CheckboxIcon as Mr } from "./components/Icon/CheckboxIcon.js";
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 br } from "./components/Icon/ProgressIcon.js";
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 hr } from "./components/Layout/LayoutBody.js";
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 { 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";
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
- p as Avatar,
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
- l as BookmarksListItem,
135
+ B as BookmarksListItem,
134
136
  S as Button,
135
- M as ButtonBase,
136
- b as ButtonIcon,
137
+ D as ButtonBase,
138
+ y as ButtonIcon,
137
139
  I as ButtonLabel,
138
- Mr as CheckboxIcon,
140
+ Dr as CheckboxIcon,
139
141
  A as ComboButton,
140
142
  T as ContextMenu,
141
143
  F as Dialog,
142
- q as DialogActions,
143
- J as DialogActivityLog,
144
- V as DialogArticleBase,
145
- X as DialogBase,
146
- Z as DialogBodyBase,
147
- $ as DialogBorder,
148
- ro as DialogContent,
149
- to as DialogFooter,
150
- ao as DialogHeader,
151
- xo as DialogHeaderBase,
152
- io as DialogHeadings,
153
- so as DialogHistory,
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
- Bo as DialogNav,
159
- co as DialogSectionBase,
160
- Do as DialogSeenBy,
161
- Mo as DialogSelect,
162
- yo as DialogStatus,
163
- bo as DialogStatusEnum,
164
- So as DialogTitle,
165
- Ao as DialogTouchedBy,
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
- ho as DropdownBase,
174
+ Co as DropdownBase,
173
175
  Jo as Footer,
174
176
  Xo as GlobalMenu,
175
177
  tr as Header,
176
- ar as HeaderBase,
178
+ pr as HeaderBase,
177
179
  ir as HeaderButton,
178
180
  xr as HeaderLogo,
179
- It as Heading,
180
- Br as HistoryItem,
181
+ St as Heading,
182
+ lr as HistoryItem,
181
183
  sr as HistoryList,
182
184
  cr as Icon,
183
- h as IconButton,
185
+ C as IconButton,
184
186
  Or as Layout,
185
187
  Ar as LayoutBase,
186
- hr as LayoutBody,
188
+ Cr as LayoutBody,
187
189
  Tr as LayoutContent,
188
190
  Fr as LayoutSidebar,
189
- Xr as List,
190
- Vr as ListBase,
191
- Jr as ListItem,
192
- re as ListItemAction,
191
+ pe as List,
192
+ te as ListBase,
193
+ re as ListItem,
193
194
  qr as ListItemBase,
194
- Zr as ListItemLabel,
195
- $r as ListItemMedia,
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
- 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,
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
- D as QueryLabel,
227
+ L as QueryLabel,
224
228
  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,
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
- bt as useClickOutside,
241
- St as useEscapeKey,
242
- At as useMenu,
243
- Je as useRootContext
244
+ At as useClickOutside,
245
+ Ct as useEscapeKey,
246
+ Tt as useMenu,
247
+ Xe as useRootContext
244
248
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.6.12",
3
+ "version": "0.7.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [
@@ -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}
@@ -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
- };
@@ -1,8 +0,0 @@
1
- import './assets/metaItem.css';const e = "_item_92ojr_1", t = "_label_92ojr_17", _ = "_media_92ojr_39", o = {
2
- item: e,
3
- label: t,
4
- media: _
5
- };
6
- export {
7
- o as s
8
- };