@altinn/altinn-components 0.34.0 → 0.35.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 (53) hide show
  1. package/dist/assets/ListItemControls.css +1 -1
  2. package/dist/assets/ListItemHeader.css +1 -1
  3. package/dist/assets/ListItemLabel.css +1 -1
  4. package/dist/assets/ListItemLink.css +1 -1
  5. package/dist/assets/TimelineHeader.css +1 -1
  6. package/dist/assets/UserListItem.css +1 -0
  7. package/dist/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.js +13 -12
  8. package/dist/components/{AccessAreaList → AccessAreaListItem}/index.js +0 -2
  9. package/dist/components/{AccessPackageList → AccessPackageListItem}/AccessPackageListItem.js +29 -15
  10. package/dist/components/{AccessPackageList → AccessPackageListItem}/index.js +0 -2
  11. package/dist/components/Account/AccountListItem.js +17 -17
  12. package/dist/components/List/ListItemControls.js +1 -1
  13. package/dist/components/List/ListItemHeader.js +87 -83
  14. package/dist/components/List/ListItemLabel.js +12 -12
  15. package/dist/components/List/ListItemLink.js +30 -25
  16. package/dist/components/{ResourceList → ResourceListItem}/ResourceListItem.js +8 -7
  17. package/dist/components/ResourceListItem/index.js +4 -0
  18. package/dist/components/Timeline/TimelineHeader.js +6 -6
  19. package/dist/components/Timeline/TimelineIcon.js +18 -11
  20. package/dist/components/UserListItem/UserListItem.js +85 -0
  21. package/dist/components/UserListItem/index.js +4 -0
  22. package/dist/components/index.js +193 -197
  23. package/dist/index.js +159 -163
  24. package/dist/types/lib/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.d.ts +4 -2
  25. package/dist/types/lib/components/AccessAreaListItem/AccessAreaListItem.stories.d.ts +61 -0
  26. package/dist/types/lib/components/{AccessAreaList → AccessAreaListItem}/index.d.ts +0 -1
  27. package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.d.ts +7 -0
  28. package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.stories.d.ts +58 -0
  29. package/dist/types/lib/components/{AccessPackageList → AccessPackageListItem}/index.d.ts +0 -1
  30. package/dist/types/lib/components/Avatar/Avatar.stories.d.ts +0 -3
  31. package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts +1 -0
  32. package/dist/types/lib/components/List/ListItemLink.d.ts +2 -1
  33. package/dist/types/lib/components/{ResourceList → ResourceListItem}/ResourceListItem.d.ts +4 -2
  34. package/dist/types/lib/components/ResourceListItem/ResourceListItem.stories.d.ts +55 -0
  35. package/dist/types/lib/components/ResourceListItem/index.d.ts +1 -0
  36. package/dist/types/lib/components/UserListItem/UserListItem.d.ts +18 -0
  37. package/dist/types/lib/components/UserListItem/UserListItem.stories.d.ts +119 -0
  38. package/dist/types/lib/components/UserListItem/index.d.ts +1 -0
  39. package/dist/types/lib/components/index.d.ts +4 -3
  40. package/package.json +1 -1
  41. package/dist/components/AccessAreaList/AccessAreaList.js +0 -12
  42. package/dist/components/AccessPackageList/AccessPackageList.js +0 -12
  43. package/dist/components/ResourceList/ResourceList.js +0 -12
  44. package/dist/components/ResourceList/index.js +0 -6
  45. package/dist/types/lib/components/AccessAreaList/AccessAreaList.d.ts +0 -7
  46. package/dist/types/lib/components/AccessPackageList/AccessPackageList.d.ts +0 -6
  47. package/dist/types/lib/components/AccessPackageList/AccessPackageList.stories.d.ts +0 -17
  48. package/dist/types/lib/components/AccessPackageList/AccessPackageListItem.d.ts +0 -5
  49. package/dist/types/lib/components/List/ListItem.stories.d.ts +0 -35
  50. package/dist/types/lib/components/ResourceList/ResourceList.d.ts +0 -6
  51. package/dist/types/lib/components/ResourceList/ResourceList.stories.d.ts +0 -34
  52. package/dist/types/lib/components/ResourceList/ResourceListItem.stories.d.ts +0 -27
  53. package/dist/types/lib/components/ResourceList/index.d.ts +0 -2
package/dist/index.js CHANGED
@@ -5,18 +5,18 @@ import { Avatar as f, isAvatarProps as i } from "./components/Avatar/Avatar.js";
5
5
  import { AvatarGroup as n, isAvatarGroupProps as c } from "./components/Avatar/AvatarGroup.js";
6
6
  import { AccountMenu as u } from "./components/Account/AccountMenu.js";
7
7
  import { AccountListItem as D } from "./components/Account/AccountListItem.js";
8
- import { AccountList as g } from "./components/Account/AccountList.js";
8
+ import { AccountList as L } from "./components/Account/AccountList.js";
9
9
  import { AccountNotificationSettings as I } from "./components/Account/AccountNotificationSettings.js";
10
10
  import { Badge as b } from "./components/Badge/Badge.js";
11
11
  import { Banner as M, BannerColorEnum as y } from "./components/Banner/Banner.js";
12
12
  import { BookmarksListItem as k } from "./components/Bookmarks/BookmarksListItem.js";
13
13
  import { EditableBookmark as C } from "./components/Bookmarks/EditableBookmark.js";
14
- import { BookmarksSection as H } from "./components/Bookmarks/BookmarksSection.js";
14
+ import { BookmarksSection as P } from "./components/Bookmarks/BookmarksSection.js";
15
15
  import { ButtonBase as v } from "./components/Button/ButtonBase.js";
16
16
  import { ButtonLabel as E } from "./components/Button/ButtonLabel.js";
17
17
  import { ButtonIcon as O } from "./components/Button/ButtonIcon.js";
18
- import { Button as N } from "./components/Button/Button.js";
19
- import { ComboButton as U } from "./components/Button/ComboButton.js";
18
+ import { Button as U } from "./components/Button/Button.js";
19
+ import { ComboButton as Q } from "./components/Button/ComboButton.js";
20
20
  import { IconButton as j } from "./components/Button/IconButton.js";
21
21
  import { ButtonGroup as K } from "./components/Button/ButtonGroup.js";
22
22
  import { Byline as J } from "./components/Byline/Byline.js";
@@ -31,18 +31,18 @@ import { DialogContact as io } from "./components/Dialog/DialogContact.js";
31
31
  import { DialogHistory as no } from "./components/Dialog/DialogHistory.js";
32
32
  import { DialogHistorySegment as lo } from "./components/Dialog/DialogHistorySegment.js";
33
33
  import { DialogHistoryItem as Do } from "./components/Dialog/DialogHistoryItem.js";
34
- import { DialogList as go } from "./components/Dialog/DialogList.js";
34
+ import { DialogList as Lo } from "./components/Dialog/DialogList.js";
35
35
  import { DialogListGroup as Io } from "./components/Dialog/DialogListGroup.js";
36
36
  import { DialogListItem as bo } from "./components/Dialog/DialogListItem.js";
37
37
  import { DialogMetadata as Mo } from "./components/Dialog/DialogMetadata.js";
38
38
  import { DialogByline as To } from "./components/Dialog/DialogByline.js";
39
39
  import { DialogActions as ho } from "./components/Dialog/DialogActions.js";
40
- import { DialogActivityLog as Po } from "./components/Dialog/DialogActivityLog.js";
40
+ import { DialogActivityLog as Ho } from "./components/Dialog/DialogActivityLog.js";
41
41
  import { DialogSeenBy as Fo } from "./components/Dialog/DialogSeenBy.js";
42
42
  import { DialogSelect as wo } from "./components/Dialog/DialogSelect.js";
43
43
  import { DialogStatus as Go, DialogStatusEnum as Oo } from "./components/Dialog/DialogStatus.js";
44
- import { DialogAttachments as No } from "./components/Dialog/DialogAttachments.js";
45
- import { SeenByLog as Uo } from "./components/Dialog/SeenByLog.js";
44
+ import { DialogAttachments as Uo } from "./components/Dialog/DialogAttachments.js";
45
+ import { SeenByLog as Qo } from "./components/Dialog/SeenByLog.js";
46
46
  import { SeenByLogButton as jo } from "./components/Dialog/SeenByLogButton.js";
47
47
  import { SeenByLogItem as Ko } from "./components/Dialog/SeenByLogItem.js";
48
48
  import { Divider as Jo } from "./components/Divider/Divider.js";
@@ -57,18 +57,18 @@ import { DrawerOrDropdown as ir } from "./components/Dropdown/DrawerOrDropdown.j
57
57
  import { Footer as nr } from "./components/Footer/Footer.js";
58
58
  import { CurrentAccount as lr } from "./components/GlobalMenu/CurrentAccount.js";
59
59
  import { BackButton as dr } from "./components/GlobalMenu/BackButton.js";
60
- import { LogoutButton as Lr } from "./components/GlobalMenu/LogoutButton.js";
60
+ import { LogoutButton as gr } from "./components/GlobalMenu/LogoutButton.js";
61
61
  import { EndUserLabel as Br } from "./components/GlobalMenu/EndUserLabel.js";
62
62
  import { GlobalMenu as Sr } from "./components/GlobalMenu/GlobalMenu.js";
63
63
  import { GlobalMenuButton as Ar } from "./components/GlobalMenu/GlobalMenuButton.js";
64
64
  import { Header as yr } from "./components/Header/Header.js";
65
65
  import { HeaderBase as kr } from "./components/Header/HeaderBase.js";
66
66
  import { HeaderLogo as Cr } from "./components/Header/HeaderLogo.js";
67
- import { HeaderButton as Hr } from "./components/Header/HeaderButton.js";
67
+ import { HeaderButton as Pr } from "./components/Header/HeaderButton.js";
68
68
  import { LocaleButton as vr } from "./components/Header/LocaleButton.js";
69
69
  import { LocaleSwitcher as Er } from "./components/Header/LocaleSwitcher.js";
70
70
  import { Icon as Or, isIconProps as Rr } from "./components/Icon/Icon.js";
71
- import { CheckboxIcon as Qr } from "./components/Icon/CheckboxIcon.js";
71
+ import { CheckboxIcon as Nr } from "./components/Icon/CheckboxIcon.js";
72
72
  import { RadioIcon as Vr } from "./components/Icon/RadioIcon.js";
73
73
  import { ProgressIcon as zr } from "./components/Icon/ProgressIcon.js";
74
74
  import { IconOrAvatar as qr } from "./components/Icon/IconOrAvatar.js";
@@ -84,18 +84,18 @@ import { ListItemBase as se } from "./components/List/ListItemBase.js";
84
84
  import { ListItemLink as ce } from "./components/List/ListItemLink.js";
85
85
  import { ListItemHeader as ue } from "./components/List/ListItemHeader.js";
86
86
  import { ListItemLabel as De } from "./components/List/ListItemLabel.js";
87
- import { ListItemIcon as ge } from "./components/List/ListItemIcon.js";
87
+ import { ListItemIcon as Le } from "./components/List/ListItemIcon.js";
88
88
  import { ListItemControls as Ie } from "./components/List/ListItemControls.js";
89
89
  import { ListItemSelect as be } from "./components/List/ListItemSelect.js";
90
90
  import { ListItem as Me } from "./components/List/ListItem.js";
91
91
  import { List as Te } from "./components/List/List.js";
92
92
  import { MenuItemBase as he } from "./components/Menu/MenuItemBase.js";
93
- import { MenuItemLabel as Pe, getAriaLabelFromTitle as He } from "./components/Menu/MenuItemLabel.js";
93
+ import { MenuItemLabel as He, getAriaLabelFromTitle as Pe } from "./components/Menu/MenuItemLabel.js";
94
94
  import { MenuItemIcon as ve } from "./components/Menu/MenuItemIcon.js";
95
95
  import { MenuItem as Ee } from "./components/Menu/MenuItem.js";
96
96
  import { MenuInputField as Oe } from "./components/Menu/MenuInputField.js";
97
- import { MenuOption as Ne } from "./components/Menu/MenuOption.js";
98
- import { MenuSearch as Ue } from "./components/Menu/MenuSearch.js";
97
+ import { MenuOption as Ue } from "./components/Menu/MenuOption.js";
98
+ import { MenuSearch as Qe } from "./components/Menu/MenuSearch.js";
99
99
  import { MenuHeader as je } from "./components/Menu/MenuHeader.js";
100
100
  import { MenuItems as Ke } from "./components/Menu/MenuItems.js";
101
101
  import { MenuBase as Je, MenuList as We, MenuListItem as Xe } from "./components/Menu/MenuBase.js";
@@ -108,18 +108,18 @@ import { MetaItem as xt } from "./components/Metadata/MetaItem.js";
108
108
  import { MetaProgress as it } from "./components/Metadata/MetaProgress.js";
109
109
  import { MetaTimestamp as nt } from "./components/Metadata/MetaTimestamp.js";
110
110
  import { MetaListItem as lt, Metadata as ut } from "./components/Metadata/Metadata.js";
111
- import { RootProvider as Dt, useRootContext as Lt } from "./components/RootProvider/RootProvider.js";
111
+ import { RootProvider as Dt, useRootContext as gt } from "./components/RootProvider/RootProvider.js";
112
112
  import { SearchItem as Bt } from "./components/Search/SearchItem.js";
113
113
  import { Searchbar as St } from "./components/Searchbar/Searchbar.js";
114
114
  import { SearchbarBase as At } from "./components/Searchbar/SearchbarBase.js";
115
115
  import { SearchbarField as yt } from "./components/Searchbar/SearchbarField.js";
116
116
  import { AutocompleteBase as kt } from "./components/Searchbar/AutocompleteBase.js";
117
117
  import { AutocompleteGroup as Ct } from "./components/Searchbar/AutocompleteGroup.js";
118
- import { Autocomplete as Ht } from "./components/Searchbar/Autocomplete.js";
118
+ import { Autocomplete as Pt } from "./components/Searchbar/Autocomplete.js";
119
119
  import { AutocompleteItem as vt } from "./components/Searchbar/AutocompleteItem.js";
120
120
  import { ScopeListItem as Et } from "./components/Searchbar/ScopeListItem.js";
121
121
  import { SuggestListItem as Ot } from "./components/Searchbar/SuggestListItem.js";
122
- import { QueryItem as Nt, QueryLabel as Qt } from "./components/Searchbar/QueryLabel.js";
122
+ import { QueryItem as Ut, QueryLabel as Nt } from "./components/Searchbar/QueryLabel.js";
123
123
  import { Snackbar as Vt } from "./components/Snackbar/Snackbar.js";
124
124
  import { SnackbarColorEnum as zt, SnackbarItem as Kt } from "./components/Snackbar/SnackbarItem.js";
125
125
  import { SnackbarDuration as Jt, SnackbarProvider as Wt, useSnackbar as Xt } from "./components/Snackbar/useSnackbar.js";
@@ -133,19 +133,19 @@ import { TimelineHeader as im } from "./components/Timeline/TimelineHeader.js";
133
133
  import { TimelineFooter as nm } from "./components/Timeline/TimelineFooter.js";
134
134
  import { TimelineIcon as lm } from "./components/Timeline/TimelineIcon.js";
135
135
  import { TimelineLink as dm } from "./components/Timeline/TimelineLink.js";
136
- import { ToolbarBase as Lm } from "./components/Toolbar/ToolbarBase.js";
136
+ import { ToolbarBase as gm } from "./components/Toolbar/ToolbarBase.js";
137
137
  import { ToolbarButton as Bm } from "./components/Toolbar/ToolbarButton.js";
138
138
  import { Toolbar as Sm } from "./components/Toolbar/Toolbar.js";
139
139
  import { ToolbarSearch as Am } from "./components/Toolbar/ToolbarSearch.js";
140
140
  import { ToolbarFilter as ym } from "./components/Toolbar/ToolbarFilter.js";
141
141
  import { ToolbarDaterange as km } from "./components/Toolbar/ToolbarDaterange.js";
142
142
  import { PageBase as Cm } from "./components/Page/PageBase.js";
143
- import { PageNav as Hm } from "./components/Page/PageNav.js";
143
+ import { PageNav as Pm } from "./components/Page/PageNav.js";
144
144
  import { PageMenu as vm } from "./components/Page/PageMenu.js";
145
145
  import { PageTabs as Em } from "./components/Page/PageTabs.js";
146
146
  import { PageDetails as Om } from "./components/Page/PageDetails.js";
147
- import { Flex as Nm } from "./components/Page/Flex.js";
148
- import { Grid as Um } from "./components/Page/Grid.js";
147
+ import { Flex as Um } from "./components/Page/Flex.js";
148
+ import { Grid as Qm } from "./components/Page/Grid.js";
149
149
  import { Breadcrumbs as jm } from "./components/Page/Breadcrumbs.js";
150
150
  import { BreadcrumbsLink as Km } from "./components/Page/BreadcrumbsLink.js";
151
151
  import { Section as Jm } from "./components/Page/Section.js";
@@ -157,76 +157,72 @@ import { TransmissionType as tp, TransmissionTypeEnum as mp } from "./components
157
157
  import { TransmissionList as ap } from "./components/Transmission/TransmissionList.js";
158
158
  import { Typography as fp } from "./components/Typography/Typography.js";
159
159
  import { Heading as sp } from "./components/Typography/Heading.js";
160
- import { ResourceList as cp } from "./components/ResourceList/ResourceList.js";
161
- import { ResourceListItem as up } from "./components/ResourceList/ResourceListItem.js";
162
- import { AccessAreaListItem as Dp } from "./components/AccessAreaList/AccessAreaListItem.js";
163
- import { AccessAreaList as gp } from "./components/AccessAreaList/AccessAreaList.js";
164
- import { AccessPackageListItem as Ip } from "./components/AccessPackageList/AccessPackageListItem.js";
165
- import { AccessPackageList as bp } from "./components/AccessPackageList/AccessPackageList.js";
166
- import { Field as Mp } from "./components/Forms/Field.js";
167
- import { Fieldset as Tp } from "./components/Forms/Fieldset.js";
168
- import { Legend as hp } from "./components/Forms/Legend.js";
169
- import { Label as Pp } from "./components/Forms/Label.js";
170
- import { Input as Fp } from "./components/Forms/Input.js";
171
- import { Textarea as wp } from "./components/Forms/Textarea.js";
172
- import { Select as Gp } from "./components/Forms/Select.js";
173
- import { Radio as Rp } from "./components/Forms/Radio.js";
174
- import { Checkbox as Qp } from "./components/Forms/Checkbox.js";
175
- import { Switch as Vp } from "./components/Forms/Switch.js";
176
- import { FieldBase as zp } from "./components/Forms/FieldBase.js";
177
- import { TextField as qp } from "./components/Forms/TextField.js";
178
- import { TextareaField as Wp } from "./components/Forms/TextareaField.js";
179
- import { SelectField as Yp } from "./components/Forms/SelectField.js";
180
- import { SearchField as _p } from "./components/Forms/SearchField.js";
181
- import { FieldsetBase as oa } from "./components/Forms/FieldsetBase.js";
182
- import { OptionsBase as ea } from "./components/Forms/OptionsBase.js";
183
- import { RadioOptions as ma } from "./components/Forms/RadioOptions.js";
184
- import { SwitchOptions as aa } from "./components/Forms/SwitchOptions.js";
185
- import { CheckboxOptions as fa } from "./components/Forms/CheckboxOptions.js";
186
- import { SettingsSection as sa } from "./components/Settings/SettingsSection.js";
187
- import { SettingsItem as ca } from "./components/Settings/SettingsItem.js";
188
- import { SettingsList as ua } from "./components/Settings/SettingsList.js";
189
- import { DashboardHeader as Da } from "./components/Dashboard/DashboardHeader.js";
190
- import { DashboardCard as ga } from "./components/Dashboard/DashboardCard.js";
191
- import { DashboardIcon as Ia } from "./components/Dashboard/DashboardIcon.js";
192
- import { ActivityLog as ba } from "./components/ActivityLog/ActivityLog.js";
193
- import { ActivityLogSegment as Ma } from "./components/ActivityLog/ActivityLogSegment.js";
194
- import { ActivityLogItem as Ta } from "./components/ActivityLog/ActivityLogItem.js";
195
- import { ArticleHeader as ha } from "./components/Article/ArticleHeader.js";
196
- import { ArticleContact as Pa } from "./components/Article/ArticleContact.js";
197
- import { Article as Fa } from "./components/Article/Article.js";
198
- import { ModalBase as wa } from "./components/Modal/ModalBase.js";
199
- import { ModalHeader as Ga } from "./components/Modal/ModalHeader.js";
200
- import { ModalBody as Ra } from "./components/Modal/ModalBody.js";
201
- import { Modal as Qa } from "./components/Modal/Modal.js";
202
- import { useClickOutside as Va } from "./hooks/useClickOutside.js";
203
- import { useEscapeKey as za } from "./hooks/useEscapeKey.js";
204
- import { useMenu as qa } from "./hooks/useMenu.js";
205
- import { A as Wa, B as Xa, a as Ya, C as Za, b as _a, c as $a, D as ox, H as rx, L as ex, d as tx, e as mx, P as px, f as ax, g as xx, h as fx, i as ix, S as sx, j as nx, T as cx, u as lx } from "./usePagination-D247OF6_.js";
206
- import { D as dx } from "./index-D3Rt9ate.js";
207
- import { P as Lx } from "./Paragraph-Bm-eoPYv.js";
208
- import { V as Bx } from "./index-CnWc2FNH.js";
160
+ import { ResourceListItem as cp } from "./components/ResourceListItem/ResourceListItem.js";
161
+ import { AccessAreaListItem as up } from "./components/AccessAreaListItem/AccessAreaListItem.js";
162
+ import { AccessPackageListItem as Dp } from "./components/AccessPackageListItem/AccessPackageListItem.js";
163
+ import { UserListItem as Lp } from "./components/UserListItem/UserListItem.js";
164
+ import { Field as Ip } from "./components/Forms/Field.js";
165
+ import { Fieldset as bp } from "./components/Forms/Fieldset.js";
166
+ import { Legend as Mp } from "./components/Forms/Legend.js";
167
+ import { Label as Tp } from "./components/Forms/Label.js";
168
+ import { Input as hp } from "./components/Forms/Input.js";
169
+ import { Textarea as Hp } from "./components/Forms/Textarea.js";
170
+ import { Select as Fp } from "./components/Forms/Select.js";
171
+ import { Radio as wp } from "./components/Forms/Radio.js";
172
+ import { Checkbox as Gp } from "./components/Forms/Checkbox.js";
173
+ import { Switch as Rp } from "./components/Forms/Switch.js";
174
+ import { FieldBase as Np } from "./components/Forms/FieldBase.js";
175
+ import { TextField as Vp } from "./components/Forms/TextField.js";
176
+ import { TextareaField as zp } from "./components/Forms/TextareaField.js";
177
+ import { SelectField as qp } from "./components/Forms/SelectField.js";
178
+ import { SearchField as Wp } from "./components/Forms/SearchField.js";
179
+ import { FieldsetBase as Yp } from "./components/Forms/FieldsetBase.js";
180
+ import { OptionsBase as _p } from "./components/Forms/OptionsBase.js";
181
+ import { RadioOptions as oa } from "./components/Forms/RadioOptions.js";
182
+ import { SwitchOptions as ea } from "./components/Forms/SwitchOptions.js";
183
+ import { CheckboxOptions as ma } from "./components/Forms/CheckboxOptions.js";
184
+ import { SettingsSection as aa } from "./components/Settings/SettingsSection.js";
185
+ import { SettingsItem as fa } from "./components/Settings/SettingsItem.js";
186
+ import { SettingsList as sa } from "./components/Settings/SettingsList.js";
187
+ import { DashboardHeader as ca } from "./components/Dashboard/DashboardHeader.js";
188
+ import { DashboardCard as ua } from "./components/Dashboard/DashboardCard.js";
189
+ import { DashboardIcon as Da } from "./components/Dashboard/DashboardIcon.js";
190
+ import { ActivityLog as La } from "./components/ActivityLog/ActivityLog.js";
191
+ import { ActivityLogSegment as Ia } from "./components/ActivityLog/ActivityLogSegment.js";
192
+ import { ActivityLogItem as ba } from "./components/ActivityLog/ActivityLogItem.js";
193
+ import { ArticleHeader as Ma } from "./components/Article/ArticleHeader.js";
194
+ import { ArticleContact as Ta } from "./components/Article/ArticleContact.js";
195
+ import { Article as ha } from "./components/Article/Article.js";
196
+ import { ModalBase as Ha } from "./components/Modal/ModalBase.js";
197
+ import { ModalHeader as Fa } from "./components/Modal/ModalHeader.js";
198
+ import { ModalBody as wa } from "./components/Modal/ModalBody.js";
199
+ import { Modal as Ga } from "./components/Modal/Modal.js";
200
+ import { useClickOutside as Ra } from "./hooks/useClickOutside.js";
201
+ import { useEscapeKey as Na } from "./hooks/useEscapeKey.js";
202
+ import { useMenu as Va } from "./hooks/useMenu.js";
203
+ import { A as za, B as Ka, a as qa, C as Ja, b as Wa, c as Xa, D as Ya, H as Za, L as _a, d as $a, e as ox, P as rx, f as ex, g as tx, h as mx, i as px, S as ax, j as xx, T as fx, u as ix } from "./usePagination-D247OF6_.js";
204
+ import { D as nx } from "./index-D3Rt9ate.js";
205
+ import { P as lx } from "./Paragraph-Bm-eoPYv.js";
206
+ import { V as dx } from "./index-CnWc2FNH.js";
209
207
  export {
210
- gp as AccessAreaList,
211
- Dp as AccessAreaListItem,
212
- bp as AccessPackageList,
213
- Ip as AccessPackageListItem,
208
+ up as AccessAreaListItem,
209
+ Dp as AccessPackageListItem,
214
210
  $m as AccordionSection,
215
- g as AccountList,
211
+ L as AccountList,
216
212
  D as AccountListItem,
217
213
  u as AccountMenu,
218
214
  I as AccountNotificationSettings,
219
215
  ae as ActionFooter,
220
216
  me as ActionHeader,
221
- ba as ActivityLog,
222
- Ta as ActivityLogItem,
223
- Ma as ActivityLogSegment,
224
- Fa as Article,
225
- Pa as ArticleContact,
226
- ha as ArticleHeader,
217
+ La as ActivityLog,
218
+ ba as ActivityLogItem,
219
+ Ia as ActivityLogSegment,
220
+ ha as Article,
221
+ Ta as ArticleContact,
222
+ Ma as ArticleHeader,
227
223
  m as AttachmentLink,
228
224
  a as AttachmentList,
229
- Ht as Autocomplete,
225
+ Pt as Autocomplete,
230
226
  kt as AutocompleteBase,
231
227
  Ct as AutocompleteGroup,
232
228
  vt as AutocompleteItem,
@@ -238,30 +234,30 @@ export {
238
234
  M as Banner,
239
235
  y as BannerColorEnum,
240
236
  k as BookmarksListItem,
241
- H as BookmarksSection,
237
+ P as BookmarksSection,
242
238
  jm as Breadcrumbs,
243
239
  Km as BreadcrumbsLink,
244
- N as Button,
240
+ U as Button,
245
241
  v as ButtonBase,
246
242
  K as ButtonGroup,
247
243
  O as ButtonIcon,
248
244
  E as ButtonLabel,
249
245
  J as Byline,
250
- Qp as Checkbox,
251
- Qr as CheckboxIcon,
252
- fa as CheckboxOptions,
253
- U as ComboButton,
246
+ Gp as Checkbox,
247
+ Nr as CheckboxIcon,
248
+ ma as CheckboxOptions,
249
+ Q as ComboButton,
254
250
  Zm as ContactButtons,
255
251
  Xm as ContactSection,
256
252
  X as ContextMenu,
257
253
  lr as CurrentAccount,
258
- ga as DashboardCard,
259
- Da as DashboardHeader,
260
- Ia as DashboardIcon,
254
+ ua as DashboardCard,
255
+ ca as DashboardHeader,
256
+ Da as DashboardIcon,
261
257
  Z as Dialog,
262
258
  ho as DialogActions,
263
- Po as DialogActivityLog,
264
- No as DialogAttachments,
259
+ Ho as DialogActivityLog,
260
+ Uo as DialogAttachments,
265
261
  to as DialogBody,
266
262
  To as DialogByline,
267
263
  io as DialogContact,
@@ -270,7 +266,7 @@ export {
270
266
  Do as DialogHistoryItem,
271
267
  lo as DialogHistorySegment,
272
268
  $ as DialogLayout,
273
- go as DialogList,
269
+ Lo as DialogList,
274
270
  Io as DialogListGroup,
275
271
  bo as DialogListItem,
276
272
  Mo as DialogMetadata,
@@ -288,68 +284,68 @@ export {
288
284
  rr as DrawerHeader,
289
285
  ir as DrawerOrDropdown,
290
286
  Xo as DropdownBase,
291
- Wa as DsAlert,
292
- Xa as DsBadge,
293
- Ya as DsButton,
294
- Za as DsCheckbox,
295
- _a as DsChip,
296
- $a as DsCombobox,
297
- dx as DsDetails,
298
- ox as DsDialog,
299
- rx as DsHeading,
300
- ex as DsLink,
301
- tx as DsListItem,
302
- mx as DsListUnordered,
303
- px as DsPagination,
304
- Lx as DsParagraph,
305
- ax as DsPopover,
306
- xx as DsSearch,
307
- fx as DsSkeleton,
308
- ix as DsSpinner,
309
- sx as DsSwitch,
310
- nx as DsTabs,
311
- cx as DsTextfield,
312
- Bx as DsValidationMessage,
287
+ za as DsAlert,
288
+ Ka as DsBadge,
289
+ qa as DsButton,
290
+ Ja as DsCheckbox,
291
+ Wa as DsChip,
292
+ Xa as DsCombobox,
293
+ nx as DsDetails,
294
+ Ya as DsDialog,
295
+ Za as DsHeading,
296
+ _a as DsLink,
297
+ $a as DsListItem,
298
+ ox as DsListUnordered,
299
+ rx as DsPagination,
300
+ lx as DsParagraph,
301
+ ex as DsPopover,
302
+ tx as DsSearch,
303
+ mx as DsSkeleton,
304
+ px as DsSpinner,
305
+ ax as DsSwitch,
306
+ xx as DsTabs,
307
+ fx as DsTextfield,
308
+ dx as DsValidationMessage,
313
309
  C as EditableBookmark,
314
310
  Br as EndUserLabel,
315
- Mp as Field,
316
- zp as FieldBase,
317
- Tp as Fieldset,
318
- oa as FieldsetBase,
319
- Nm as Flex,
311
+ Ip as Field,
312
+ Np as FieldBase,
313
+ bp as Fieldset,
314
+ Yp as FieldsetBase,
315
+ Um as Flex,
320
316
  nr as Footer,
321
317
  Sr as GlobalMenu,
322
318
  Ar as GlobalMenuButton,
323
- Um as Grid,
319
+ Qm as Grid,
324
320
  yr as Header,
325
321
  kr as HeaderBase,
326
- Hr as HeaderButton,
322
+ Pr as HeaderButton,
327
323
  Cr as HeaderLogo,
328
324
  sp as Heading,
329
325
  Or as Icon,
330
326
  j as IconButton,
331
327
  qr as IconOrAvatar,
332
- Fp as Input,
333
- Pp as Label,
328
+ hp as Input,
329
+ Tp as Label,
334
330
  ee as Layout,
335
331
  fe as LayoutAction,
336
332
  Wr as LayoutBase,
337
333
  Yr as LayoutBody,
338
334
  _r as LayoutContent,
339
335
  oe as LayoutSidebar,
340
- hp as Legend,
336
+ Mp as Legend,
341
337
  Te as List,
342
338
  Me as ListItem,
343
339
  se as ListItemBase,
344
340
  Ie as ListItemControls,
345
341
  ue as ListItemHeader,
346
- ge as ListItemIcon,
342
+ Le as ListItemIcon,
347
343
  De as ListItemLabel,
348
344
  ce as ListItemLink,
349
345
  be as ListItemSelect,
350
346
  vr as LocaleButton,
351
347
  Er as LocaleSwitcher,
352
- Lr as LogoutButton,
348
+ gr as LogoutButton,
353
349
  Ze as Menu,
354
350
  Je as MenuBase,
355
351
  je as MenuHeader,
@@ -357,12 +353,12 @@ export {
357
353
  Ee as MenuItem,
358
354
  he as MenuItemBase,
359
355
  ve as MenuItemIcon,
360
- Pe as MenuItemLabel,
356
+ He as MenuItemLabel,
361
357
  Ke as MenuItems,
362
358
  We as MenuList,
363
359
  Xe as MenuListItem,
364
- Ne as MenuOption,
365
- Ue as MenuSearch,
360
+ Ue as MenuOption,
361
+ Qe as MenuSearch,
366
362
  $e as MetaBase,
367
363
  xt as MetaItem,
368
364
  rt as MetaItemBase,
@@ -372,40 +368,39 @@ export {
372
368
  it as MetaProgress,
373
369
  nt as MetaTimestamp,
374
370
  ut as Metadata,
375
- Qa as Modal,
376
- wa as ModalBase,
377
- Ra as ModalBody,
378
- Ga as ModalHeader,
379
- ea as OptionsBase,
371
+ Ga as Modal,
372
+ Ha as ModalBase,
373
+ wa as ModalBody,
374
+ Fa as ModalHeader,
375
+ _p as OptionsBase,
380
376
  Cm as PageBase,
381
377
  Om as PageDetails,
382
378
  vm as PageMenu,
383
- Hm as PageNav,
379
+ Pm as PageNav,
384
380
  Em as PageTabs,
385
381
  zr as ProgressIcon,
386
- Nt as QueryItem,
387
- Qt as QueryLabel,
388
- Rp as Radio,
382
+ Ut as QueryItem,
383
+ Nt as QueryLabel,
384
+ wp as Radio,
389
385
  Vr as RadioIcon,
390
- ma as RadioOptions,
391
- cp as ResourceList,
392
- up as ResourceListItem,
386
+ oa as RadioOptions,
387
+ cp as ResourceListItem,
393
388
  Dt as RootProvider,
394
389
  Et as ScopeListItem,
395
- _p as SearchField,
390
+ Wp as SearchField,
396
391
  Bt as SearchItem,
397
392
  St as Searchbar,
398
393
  At as SearchbarBase,
399
394
  yt as SearchbarField,
400
395
  Jm as Section,
401
- Uo as SeenByLog,
396
+ Qo as SeenByLog,
402
397
  jo as SeenByLogButton,
403
398
  Ko as SeenByLogItem,
404
- Gp as Select,
405
- Yp as SelectField,
406
- ca as SettingsItem,
407
- ua as SettingsList,
408
- sa as SettingsSection,
399
+ Fp as Select,
400
+ qp as SelectField,
401
+ fa as SettingsItem,
402
+ sa as SettingsList,
403
+ aa as SettingsSection,
409
404
  e as SizeEnum,
410
405
  Zt as Skeleton,
411
406
  Vt as Snackbar,
@@ -414,11 +409,11 @@ export {
414
409
  Kt as SnackbarItem,
415
410
  Wt as SnackbarProvider,
416
411
  Ot as SuggestListItem,
417
- Vp as Switch,
418
- aa as SwitchOptions,
419
- qp as TextField,
420
- wp as Textarea,
421
- Wp as TextareaField,
412
+ Rp as Switch,
413
+ ea as SwitchOptions,
414
+ Vp as TextField,
415
+ Hp as Textarea,
416
+ zp as TextareaField,
422
417
  $t as Timeline,
423
418
  tm as TimelineActivity,
424
419
  pm as TimelineBase,
@@ -429,7 +424,7 @@ export {
429
424
  xm as TimelineSection,
430
425
  rm as TimelineSegment,
431
426
  Sm as Toolbar,
432
- Lm as ToolbarBase,
427
+ gm as ToolbarBase,
433
428
  Bm as ToolbarButton,
434
429
  km as ToolbarDaterange,
435
430
  ym as ToolbarFilter,
@@ -439,14 +434,15 @@ export {
439
434
  tp as TransmissionType,
440
435
  mp as TransmissionTypeEnum,
441
436
  fp as Typography,
442
- He as getAriaLabelFromTitle,
437
+ Lp as UserListItem,
438
+ Pe as getAriaLabelFromTitle,
443
439
  c as isAvatarGroupProps,
444
440
  i as isAvatarProps,
445
441
  Rr as isIconProps,
446
- Va as useClickOutside,
447
- lx as useDsPagination,
448
- za as useEscapeKey,
449
- qa as useMenu,
450
- Lt as useRootContext,
442
+ Ra as useClickOutside,
443
+ ix as useDsPagination,
444
+ Na as useEscapeKey,
445
+ Va as useMenu,
446
+ gt as useRootContext,
451
447
  Xt as useSnackbar
452
448
  };
@@ -1,11 +1,13 @@
1
1
  import { Color } from '../../types';
2
2
  import { SvgElement } from '../Icon';
3
3
  import { ListItemProps } from '../List';
4
- interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading'> {
4
+ interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading' | 'shadow' | 'border'> {
5
5
  /** Id of the item */
6
6
  id: string;
7
7
  /** Name of the Access Area */
8
8
  name: string;
9
+ /** The http tag to be used for the title (default is h3) */
10
+ titleAs?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
9
11
  /** Color theme of the Access Area */
10
12
  colorTheme?: Color;
11
13
  /** Optional Badge to display things like the number of packages a user has in the area */
@@ -20,5 +22,5 @@ export type AccessAreaListItemProps = (AccessAreaListItemDefaultProps & {
20
22
  iconUrl: string;
21
23
  icon?: never;
22
24
  });
23
- export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
24
26
  export {};
@@ -0,0 +1,61 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { AccessAreaListItemProps } from './AccessAreaListItem';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
6
+ tags: string[];
7
+ args: {
8
+ id: string;
9
+ size: "md";
10
+ name: string;
11
+ titleAs: "h3";
12
+ iconUrl: string;
13
+ badgeText: string;
14
+ colorTheme: "company";
15
+ loading: false;
16
+ shadow: "sm";
17
+ border: "none";
18
+ };
19
+ argTypes: {
20
+ expanded: {
21
+ control: {
22
+ type: "boolean";
23
+ };
24
+ };
25
+ size: {
26
+ options: string[];
27
+ control: {
28
+ type: "inline-radio";
29
+ };
30
+ };
31
+ colorTheme: {
32
+ options: string[];
33
+ control: {
34
+ type: "select";
35
+ };
36
+ };
37
+ shadow: {
38
+ options: string[];
39
+ control: {
40
+ type: "inline-radio";
41
+ };
42
+ };
43
+ border: {
44
+ options: string[];
45
+ control: {
46
+ type: "select";
47
+ };
48
+ };
49
+ titleAs: {
50
+ options: string[];
51
+ control: {
52
+ type: "select";
53
+ };
54
+ };
55
+ };
56
+ };
57
+ export default meta;
58
+ type Story = StoryObj<typeof meta>;
59
+ export declare const AreaListItemStory: Story;
60
+ export declare const AreaWithPackages: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
61
+ export declare const AllAreas: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1 @@
1
1
  export * from './AccessAreaListItem.tsx';
2
- export * from './AccessAreaList.tsx';
@@ -0,0 +1,7 @@
1
+ import { ListItemProps } from '../List';
2
+ export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border'> {
3
+ id: string;
4
+ name: string;
5
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
6
+ }
7
+ export declare const AccessPackageListItem: ({ as, name, color, titleAs, size, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;