@altinn/altinn-components 0.14.2 → 0.15.0
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/README.md +16 -4
- package/dist/altinn-theme.css +3 -0
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/AvatarGroup.css +1 -1
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/ButtonLabel.css +1 -1
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/Grid.css +1 -1
- package/dist/assets/Icon.css +1 -1
- package/dist/assets/LayoutBody.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemControls.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/ListItemLink.css +1 -1
- package/dist/assets/ListItemSelect.css +1 -1
- package/dist/assets/MenuItemBase.css +1 -1
- package/dist/assets/MenuItemIcon.css +1 -0
- package/dist/assets/MenuItemLabel.css +1 -1
- package/dist/assets/PageTabs.css +1 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.js +29 -32
- package/dist/components/AccessPackageList/AccessPackageListItem.js +7 -7
- package/dist/components/Attachment/AttachmentLink.js +14 -10
- package/dist/components/Autocomplete/AutocompleteItem.js +20 -11
- package/dist/components/Avatar/Avatar.js +27 -27
- package/dist/components/Avatar/AvatarGroup.js +17 -16
- package/dist/components/Badge/Badge.js +5 -12
- package/dist/components/Button/Button.js +29 -27
- package/dist/components/Button/ButtonIcon.js +9 -5
- package/dist/components/Button/ButtonLabel.js +4 -4
- package/dist/components/Dialog/Dialog.js +3 -3
- package/dist/components/Dialog/DialogAttachments.js +1 -1
- package/dist/components/Dialog/DialogContent.js +1 -1
- package/dist/components/Dialog/DialogHistoryItem.js +1 -1
- package/dist/components/Dialog/DialogListGroup.js +1 -1
- package/dist/components/Dialog/DialogListItem.js +80 -72
- package/dist/components/Dialog/DialogSection.js +1 -1
- package/dist/components/Dialog/DraftDialog.js +1 -1
- package/dist/components/GlobalMenu/AccountButton.js +4 -4
- package/dist/components/GlobalMenu/AccountMenu.js +27 -16
- package/dist/components/GlobalMenu/BackButton.js +2 -2
- package/dist/components/GlobalMenu/GlobalMenu.js +21 -21
- package/dist/components/GlobalMenu/GlobalMenuBase.js +9 -9
- package/dist/components/Header/HeaderButton.js +21 -17
- package/dist/components/Icon/Icon.js +10 -9
- package/dist/components/Icon/IconOrAvatar.js +27 -0
- package/dist/components/Icon/index.js +8 -6
- package/dist/components/Layout/LayoutBody.js +1 -1
- package/dist/components/LayoutAction/ActionHeader.js +1 -1
- package/dist/components/List/ListBase.js +3 -3
- package/dist/components/List/ListItem.js +90 -51
- package/dist/components/List/ListItemBase.js +63 -29
- package/dist/components/List/ListItemControls.js +8 -17
- package/dist/components/List/ListItemHeader.js +85 -59
- package/dist/components/List/ListItemIcon.js +25 -0
- package/dist/components/List/ListItemLabel.js +6 -6
- package/dist/components/List/ListItemLink.js +29 -27
- package/dist/components/List/ListItemSelect.js +11 -11
- package/dist/components/List/index.js +8 -8
- package/dist/components/Menu/Menu.js +18 -16
- package/dist/components/Menu/MenuBase.js +6 -6
- package/dist/components/Menu/MenuItem.js +64 -51
- package/dist/components/Menu/MenuItemBase.js +26 -26
- package/dist/components/Menu/MenuItemIcon.js +27 -0
- package/dist/components/Menu/MenuItemLabel.js +7 -7
- package/dist/components/Menu/MenuItems.js +32 -29
- package/dist/components/Menu/MenuOption.js +3 -3
- package/dist/components/Menu/index.js +14 -14
- package/dist/components/Meta/MetaItemMedia.js +13 -8
- package/dist/components/Page/Flex.js +14 -14
- package/dist/components/Page/Grid.js +1 -1
- package/dist/components/Page/PageHeader.js +33 -12
- package/dist/components/Page/PageMenu.js +5 -5
- package/dist/components/Page/PageTabs.js +16 -0
- package/dist/components/Page/index.js +14 -12
- package/dist/components/RootProvider/RootProvider.js +3 -3
- package/dist/components/Searchbar/SearchField.js +19 -16
- package/dist/components/Toolbar/Toolbar.js +7 -7
- package/dist/components/Transmission/TransmissionItem.js +1 -1
- package/dist/components/index.js +181 -177
- package/dist/{globalMenu-XcVgsnCz.js → globalMenu-C6osDiF4.js} +1 -0
- package/dist/index.js +181 -177
- package/dist/types/lib/components/AccessPackageList/AccessPackageList.d.ts +1 -1
- package/dist/types/lib/components/Avatar/AvatarGroup.stories.d.ts +6 -2
- package/dist/types/lib/components/Avatar/avatar.stories.d.ts +3 -1
- package/dist/types/lib/components/Badge/Badge.d.ts +4 -4
- package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/types/lib/components/Button/Button.d.ts +2 -1
- package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
- package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +3 -23
- package/dist/types/lib/components/Icon/Icon.d.ts +3 -3
- package/dist/types/lib/components/Icon/IconOrAvatar.d.ts +12 -0
- package/dist/types/lib/components/Icon/index.d.ts +1 -0
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +0 -1
- package/dist/types/lib/components/LayoutAction/LayoutAction.stories.d.ts +3 -15
- package/dist/types/lib/components/List/List.d.ts +1 -1
- package/dist/types/lib/components/List/ListBase.d.ts +8 -4
- package/dist/types/lib/components/{Header/HeaderLogo.stories.d.ts → List/ListBase.stories.d.ts} +4 -2
- package/dist/types/lib/components/List/ListItem.d.ts +5 -10
- package/dist/types/lib/components/List/ListItem.stories.d.ts +14 -9
- package/dist/types/lib/components/List/ListItemBase.d.ts +8 -2
- package/dist/types/lib/components/List/ListItemControls.d.ts +1 -8
- package/dist/types/lib/components/List/ListItemHeader.d.ts +5 -15
- package/dist/types/lib/components/List/ListItemIcon.d.ts +13 -0
- package/dist/types/lib/components/List/ListItemLink.d.ts +2 -1
- package/dist/types/lib/components/List/MultilevelList.stories.d.ts +5 -0
- package/dist/types/lib/components/List/Specimens.stories.d.ts +13 -0
- package/dist/types/lib/components/List/index.d.ts +1 -1
- package/dist/types/lib/components/Menu/Menu.d.ts +1 -1
- package/dist/types/lib/components/Menu/Menu.stories.d.ts +4 -27
- package/dist/types/lib/components/Menu/MenuBase.d.ts +4 -3
- package/dist/types/lib/components/Menu/MenuItem.d.ts +7 -7
- package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
- package/dist/types/lib/components/Menu/MenuItemIcon.d.ts +8 -0
- package/dist/types/lib/components/Menu/MenuItems.d.ts +6 -4
- package/dist/types/lib/components/Menu/Patterns.stories.d.ts +72 -0
- package/dist/types/lib/components/Menu/index.d.ts +1 -1
- package/dist/types/lib/components/Page/PageHeader.d.ts +7 -2
- package/dist/types/lib/components/Page/PageHeader.stories.d.ts +1 -1
- package/dist/types/lib/components/Page/PageMenu.stories.d.ts +3 -15
- package/dist/types/lib/components/Page/PageTabs.d.ts +8 -0
- package/dist/types/lib/components/Page/index.d.ts +1 -0
- package/dist/types/lib/types/color.d.ts +1 -1
- package/package.json +27 -26
- package/dist/assets/ListItemMedia.css +0 -1
- package/dist/assets/MenuItemMedia.css +0 -1
- package/dist/components/List/ListItemMedia.js +0 -39
- package/dist/components/Menu/MenuItemMedia.js +0 -50
- package/dist/types/lib/components/Layout/LayoutBase.stories.d.ts +0 -11
- package/dist/types/lib/components/Layout/LayoutBody.stories.d.ts +0 -11
- package/dist/types/lib/components/Layout/LayoutContent.stories.d.ts +0 -11
- package/dist/types/lib/components/Layout/LayoutSidebar.stories.d.ts +0 -11
- package/dist/types/lib/components/List/ListItemHeader.stories.d.ts +0 -23
- package/dist/types/lib/components/List/ListItemMedia.d.ts +0 -13
- package/dist/types/lib/components/Menu/MenuItem.stories.d.ts +0 -25
- package/dist/types/lib/components/Menu/MenuItemMedia.d.ts +0 -14
package/dist/index.js
CHANGED
|
@@ -5,15 +5,15 @@ import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
|
|
|
5
5
|
import { AutocompleteItem as n } from "./components/Autocomplete/AutocompleteItem.js";
|
|
6
6
|
import { ScopeListItem as u } from "./components/Autocomplete/ScopeListItem.js";
|
|
7
7
|
import { Avatar as l } from "./components/Avatar/Avatar.js";
|
|
8
|
-
import { AvatarGroup as
|
|
9
|
-
import { Badge as
|
|
10
|
-
import { BookmarksListItem as
|
|
8
|
+
import { AvatarGroup as I } from "./components/Avatar/AvatarGroup.js";
|
|
9
|
+
import { Badge as B } from "./components/Badge/Badge.js";
|
|
10
|
+
import { BookmarksListItem as d } from "./components/Bookmarks/BookmarksListItem.js";
|
|
11
11
|
import { QueryItem as b, QueryLabel as S } from "./components/Bookmarks/QueryLabel.js";
|
|
12
12
|
import { BookmarksSection as k } from "./components/Bookmarks/BookmarksSection.js";
|
|
13
13
|
import { ButtonBase as T } from "./components/Button/ButtonBase.js";
|
|
14
14
|
import { ButtonLabel as P } from "./components/Button/ButtonLabel.js";
|
|
15
15
|
import { ButtonIcon as C } from "./components/Button/ButtonIcon.js";
|
|
16
|
-
import { Button as
|
|
16
|
+
import { Button as w } from "./components/Button/Button.js";
|
|
17
17
|
import { ComboButton as R } from "./components/Button/ComboButton.js";
|
|
18
18
|
import { IconButton as G } from "./components/Button/IconButton.js";
|
|
19
19
|
import { Byline as Q } from "./components/Byline/Byline.js";
|
|
@@ -31,15 +31,15 @@ import { DialogSection as ao } from "./components/Dialog/DialogSection.js";
|
|
|
31
31
|
import { DialogSeenBy as io } from "./components/Dialog/DialogSeenBy.js";
|
|
32
32
|
import { DialogSelect as so } from "./components/Dialog/DialogSelect.js";
|
|
33
33
|
import { DialogStatus as co, DialogStatusEnum as lo } from "./components/Dialog/DialogStatus.js";
|
|
34
|
-
import { DialogHeading as
|
|
35
|
-
import { DialogTouchedBy as
|
|
34
|
+
import { DialogHeading as Io } from "./components/Dialog/DialogHeading.js";
|
|
35
|
+
import { DialogTouchedBy as Bo } from "./components/Dialog/DialogTouchedBy.js";
|
|
36
36
|
import { DialogLabel as Mo } from "./components/Dialog/DialogLabel.js";
|
|
37
37
|
import { DialogAttachments as So } from "./components/Dialog/DialogAttachments.js";
|
|
38
38
|
import { DialogTransmissions as ko } from "./components/Dialog/DialogTransmissions.js";
|
|
39
39
|
import { DialogTimeline as To } from "./components/Dialog/DialogTimeline.js";
|
|
40
40
|
import { DialogTimelineItem as Po } from "./components/Dialog/DialogTimelineItem.js";
|
|
41
41
|
import { DialogHistory as Co } from "./components/Dialog/DialogHistory.js";
|
|
42
|
-
import { DialogHistoryItem as
|
|
42
|
+
import { DialogHistoryItem as wo } from "./components/Dialog/DialogHistoryItem.js";
|
|
43
43
|
import { DropdownBase as Ro } from "./components/Dropdown/DropdownBase.js";
|
|
44
44
|
import { Backdrop as Go } from "./components/Dropdown/Backdrop.js";
|
|
45
45
|
import { DrawerBase as Qo } from "./components/Dropdown/DrawerBase.js";
|
|
@@ -59,113 +59,115 @@ import { HeaderBase as sr } from "./components/Header/HeaderBase.js";
|
|
|
59
59
|
import { HeaderLogo as cr } from "./components/Header/HeaderLogo.js";
|
|
60
60
|
import { HeaderButton as Lr } from "./components/Header/HeaderButton.js";
|
|
61
61
|
import { Icon as gr } from "./components/Icon/Icon.js";
|
|
62
|
-
import { SvgIcon as
|
|
62
|
+
import { SvgIcon as Dr } from "./components/Icon/SvgIcon.js";
|
|
63
63
|
import { CheckboxIcon as Mr } from "./components/Icon/CheckboxIcon.js";
|
|
64
64
|
import { RadioIcon as Sr } from "./components/Icon/RadioIcon.js";
|
|
65
65
|
import { ProgressIcon as kr } from "./components/Icon/ProgressIcon.js";
|
|
66
66
|
import { iconsMap as Tr } from "./components/Icon/iconsMap.js";
|
|
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 {
|
|
67
|
+
import { IconOrAvatar as Pr } from "./components/Icon/IconOrAvatar.js";
|
|
68
|
+
import { LayoutBase as Cr } from "./components/Layout/LayoutBase.js";
|
|
69
|
+
import { LayoutBody as wr } from "./components/Layout/LayoutBody.js";
|
|
70
|
+
import { LayoutContent as Rr } from "./components/Layout/LayoutContent.js";
|
|
71
|
+
import { LayoutSidebar as Gr } from "./components/Layout/LayoutSidebar.js";
|
|
72
|
+
import { Layout as Qr } from "./components/Layout/Layout.js";
|
|
73
|
+
import { ActionHeader as Kr } from "./components/LayoutAction/ActionHeader.js";
|
|
74
|
+
import { ActionFooter as jr } from "./components/LayoutAction/ActionFooter.js";
|
|
75
|
+
import { LayoutAction as Jr } from "./components/LayoutAction/LayoutAction.js";
|
|
76
|
+
import { ListItemBase as Vr } from "./components/List/ListItemBase.js";
|
|
77
|
+
import { ListItemLink as Xr } from "./components/List/ListItemLink.js";
|
|
78
|
+
import { ListItemHeader as Zr } from "./components/List/ListItemHeader.js";
|
|
79
|
+
import { ListItemLabel as $r } from "./components/List/ListItemLabel.js";
|
|
80
|
+
import { ListItemIcon as re } from "./components/List/ListItemIcon.js";
|
|
81
|
+
import { ListItemControls as te } from "./components/List/ListItemControls.js";
|
|
82
|
+
import { ListItemSelect as pe } from "./components/List/ListItemSelect.js";
|
|
83
|
+
import { ListItem as ae } from "./components/List/ListItem.js";
|
|
84
|
+
import { ListBase as ie } from "./components/List/ListBase.js";
|
|
85
|
+
import { List as se } from "./components/List/List.js";
|
|
86
|
+
import { MenuItemBase as ce } from "./components/Menu/MenuItemBase.js";
|
|
87
|
+
import { MenuItemLabel as Le } from "./components/Menu/MenuItemLabel.js";
|
|
88
|
+
import { MenuItemIcon as ge } from "./components/Menu/MenuItemIcon.js";
|
|
89
|
+
import { MenuItem as De } from "./components/Menu/MenuItem.js";
|
|
90
|
+
import { MenuInputField as Me } from "./components/Menu/MenuInputField.js";
|
|
91
|
+
import { MenuOption as Se } from "./components/Menu/MenuOption.js";
|
|
92
|
+
import { MenuSearch as ke } from "./components/Menu/MenuSearch.js";
|
|
93
|
+
import { MenuHeader as Te } from "./components/Menu/MenuHeader.js";
|
|
94
|
+
import { MenuItems as Pe } from "./components/Menu/MenuItems.js";
|
|
95
|
+
import { MenuBase as Ce, MenuList as ve, MenuListItem as we } from "./components/Menu/MenuBase.js";
|
|
96
|
+
import { Menu as Re } from "./components/Menu/Menu.js";
|
|
97
|
+
import { MetaBase as Ge } from "./components/Meta/MetaBase.js";
|
|
98
|
+
import { MetaList as Qe, MetaListItem as ze } from "./components/Meta/MetaList.js";
|
|
99
|
+
import { MetaItemBase as Ne } from "./components/Meta/MetaItemBase.js";
|
|
100
|
+
import { MetaItemMedia as qe } from "./components/Meta/MetaItemMedia.js";
|
|
101
|
+
import { MetaItemLabel as Ue } from "./components/Meta/MetaItemLabel.js";
|
|
102
|
+
import { MetaItem as We } from "./components/Meta/MetaItem.js";
|
|
103
|
+
import { MetaProgress as Ye } from "./components/Meta/MetaProgress.js";
|
|
104
|
+
import { MetaTimestamp as _e } from "./components/Meta/MetaTimestamp.js";
|
|
105
|
+
import { RootProvider as ot, useRootContext as rt } from "./components/RootProvider/RootProvider.js";
|
|
106
|
+
import { Searchbar as tt } from "./components/Searchbar/Searchbar.js";
|
|
107
|
+
import { Snackbar as pt } from "./components/Snackbar/Snackbar.js";
|
|
108
|
+
import { SnackbarColorEnum as at, SnackbarItem as ft } from "./components/Snackbar/SnackbarItem.js";
|
|
109
|
+
import { SnackbarDuration as nt, SnackbarProvider as st, useSnackbar as ut } from "./components/Snackbar/useSnackbar.js";
|
|
110
|
+
import { Skeleton as lt } from "./components/Skeleton/Skeleton.js";
|
|
111
|
+
import { TimelineBase as It } from "./components/Timeline/TimelineBase.js";
|
|
111
112
|
import { TimelineSection as Bt } from "./components/Timeline/TimelineSection.js";
|
|
112
|
-
import { Timeline as
|
|
113
|
-
import { ToolbarBase as
|
|
114
|
-
import { ToolbarButton as
|
|
115
|
-
import { Toolbar as
|
|
116
|
-
import { ToolbarSearch as
|
|
117
|
-
import { ToolbarFilter as
|
|
118
|
-
import { ToolbarDaterange as
|
|
119
|
-
import { PageBase as
|
|
120
|
-
import { PageNav as
|
|
121
|
-
import { PageMenu as
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
139
|
-
import {
|
|
140
|
-
import {
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
113
|
+
import { Timeline as dt } from "./components/Timeline/Timeline.js";
|
|
114
|
+
import { ToolbarBase as bt } from "./components/Toolbar/ToolbarBase.js";
|
|
115
|
+
import { ToolbarButton as At } from "./components/Toolbar/ToolbarButton.js";
|
|
116
|
+
import { Toolbar as yt } from "./components/Toolbar/Toolbar.js";
|
|
117
|
+
import { ToolbarSearch as Ht } from "./components/Toolbar/ToolbarSearch.js";
|
|
118
|
+
import { ToolbarFilter as ht } from "./components/Toolbar/ToolbarFilter.js";
|
|
119
|
+
import { ToolbarDaterange as vt } from "./components/Toolbar/ToolbarDaterange.js";
|
|
120
|
+
import { PageBase as Ft } from "./components/Page/PageBase.js";
|
|
121
|
+
import { PageNav as Et } from "./components/Page/PageNav.js";
|
|
122
|
+
import { PageMenu as Ot } from "./components/Page/PageMenu.js";
|
|
123
|
+
import { PageTabs as zt } from "./components/Page/PageTabs.js";
|
|
124
|
+
import { PageHeader as Nt } from "./components/Page/PageHeader.js";
|
|
125
|
+
import { Article as qt } from "./components/Page/Article.js";
|
|
126
|
+
import { Section as Ut } from "./components/Page/Section.js";
|
|
127
|
+
import { Flex as Wt } from "./components/Page/Flex.js";
|
|
128
|
+
import { Grid as Yt } from "./components/Page/Grid.js";
|
|
129
|
+
import { Breadcrumbs as _t } from "./components/Page/Breadcrumbs.js";
|
|
130
|
+
import { BreadcrumbsLink as om } from "./components/Page/BreadcrumbsLink.js";
|
|
131
|
+
import { TransmissionItem as em } from "./components/Transmission/TransmissionItem.js";
|
|
132
|
+
import { TransmissionList as mm } from "./components/Transmission/TransmissionList.js";
|
|
133
|
+
import { Typography as xm } from "./components/Typography/Typography.js";
|
|
134
|
+
import { Heading as fm } from "./components/Typography/Heading.js";
|
|
135
|
+
import { ResourceList as nm } from "./components/ResourceList/ResourceList.js";
|
|
136
|
+
import { ResourceListItem as um } from "./components/ResourceList/ResourceListItem.js";
|
|
137
|
+
import { AccessAreaListItem as lm } from "./components/AccessAreaList/AccessAreaListItem.js";
|
|
138
|
+
import { AccessAreaList as Im } from "./components/AccessAreaList/AccessAreaList.js";
|
|
139
|
+
import { AccessPackageListItem as Bm } from "./components/AccessPackageList/AccessPackageListItem.js";
|
|
140
|
+
import { AccessPackageList as dm } from "./components/AccessPackageList/AccessPackageList.js";
|
|
141
|
+
import { FieldBase as bm } from "./components/TextField/FieldBase.js";
|
|
142
|
+
import { InputBase as Am } from "./components/TextField/InputBase.js";
|
|
143
|
+
import { TextField as ym } from "./components/TextField/TextField.js";
|
|
144
|
+
import { useClickOutside as Hm } from "./hooks/useClickOutside.js";
|
|
145
|
+
import { useEscapeKey as hm } from "./hooks/useEscapeKey.js";
|
|
146
|
+
import { useMenu as vm } from "./hooks/useMenu.js";
|
|
145
147
|
export {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
Im as AccessAreaList,
|
|
149
|
+
lm as AccessAreaListItem,
|
|
150
|
+
dm as AccessPackageList,
|
|
151
|
+
Bm as AccessPackageListItem,
|
|
150
152
|
tr as AccountButton,
|
|
151
153
|
$o as AccountMenu,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
154
|
+
jr as ActionFooter,
|
|
155
|
+
Kr as ActionHeader,
|
|
156
|
+
qt as Article,
|
|
155
157
|
m as AttachmentLink,
|
|
156
158
|
x as AttachmentList,
|
|
157
159
|
f as Autocomplete,
|
|
158
160
|
n as AutocompleteItem,
|
|
159
161
|
l as Avatar,
|
|
160
|
-
|
|
162
|
+
I as AvatarGroup,
|
|
161
163
|
pr as BackButton,
|
|
162
164
|
Go as Backdrop,
|
|
163
|
-
|
|
164
|
-
|
|
165
|
+
B as Badge,
|
|
166
|
+
d as BookmarksListItem,
|
|
165
167
|
k as BookmarksSection,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
168
|
+
_t as Breadcrumbs,
|
|
169
|
+
om as BreadcrumbsLink,
|
|
170
|
+
w as Button,
|
|
169
171
|
T as ButtonBase,
|
|
170
172
|
C as ButtonIcon,
|
|
171
173
|
P as ButtonLabel,
|
|
@@ -179,9 +181,9 @@ export {
|
|
|
179
181
|
So as DialogAttachments,
|
|
180
182
|
$ as DialogByline,
|
|
181
183
|
po as DialogContent,
|
|
182
|
-
|
|
184
|
+
Io as DialogHeading,
|
|
183
185
|
Co as DialogHistory,
|
|
184
|
-
|
|
186
|
+
wo as DialogHistoryItem,
|
|
185
187
|
Mo as DialogLabel,
|
|
186
188
|
J as DialogList,
|
|
187
189
|
V as DialogListGroup,
|
|
@@ -194,7 +196,7 @@ export {
|
|
|
194
196
|
lo as DialogStatusEnum,
|
|
195
197
|
To as DialogTimeline,
|
|
196
198
|
Po as DialogTimelineItem,
|
|
197
|
-
|
|
199
|
+
Bo as DialogTouchedBy,
|
|
198
200
|
ko as DialogTransmissions,
|
|
199
201
|
Qo as DrawerBase,
|
|
200
202
|
Vo as DrawerBody,
|
|
@@ -203,97 +205,99 @@ export {
|
|
|
203
205
|
Ko as DrawerHeader,
|
|
204
206
|
Xo as DrawerOrDropdown,
|
|
205
207
|
Ro as DropdownBase,
|
|
206
|
-
|
|
207
|
-
|
|
208
|
+
bm as FieldBase,
|
|
209
|
+
Wt as Flex,
|
|
208
210
|
Zo as Footer,
|
|
209
211
|
rr as GlobalMenu,
|
|
210
|
-
|
|
212
|
+
Yt as Grid,
|
|
211
213
|
ir as Header,
|
|
212
214
|
sr as HeaderBase,
|
|
213
215
|
Lr as HeaderButton,
|
|
214
216
|
cr as HeaderLogo,
|
|
215
|
-
|
|
217
|
+
fm as Heading,
|
|
216
218
|
gr as Icon,
|
|
217
219
|
G as IconButton,
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
Cr as
|
|
223
|
-
|
|
224
|
-
Rr as
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
Zr as
|
|
232
|
-
|
|
233
|
-
$r as
|
|
234
|
-
|
|
220
|
+
Pr as IconOrAvatar,
|
|
221
|
+
Am as InputBase,
|
|
222
|
+
Qr as Layout,
|
|
223
|
+
Jr as LayoutAction,
|
|
224
|
+
Cr as LayoutBase,
|
|
225
|
+
wr as LayoutBody,
|
|
226
|
+
Rr as LayoutContent,
|
|
227
|
+
Gr as LayoutSidebar,
|
|
228
|
+
se as List,
|
|
229
|
+
ie as ListBase,
|
|
230
|
+
ae as ListItem,
|
|
231
|
+
Vr as ListItemBase,
|
|
232
|
+
te as ListItemControls,
|
|
233
|
+
Zr as ListItemHeader,
|
|
234
|
+
re as ListItemIcon,
|
|
235
|
+
$r as ListItemLabel,
|
|
236
|
+
Xr as ListItemLink,
|
|
237
|
+
pe as ListItemSelect,
|
|
235
238
|
ar as LogoutButton,
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
Le as
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
239
|
+
Re as Menu,
|
|
240
|
+
Ce as MenuBase,
|
|
241
|
+
Te as MenuHeader,
|
|
242
|
+
Me as MenuInputField,
|
|
243
|
+
De as MenuItem,
|
|
244
|
+
ce as MenuItemBase,
|
|
245
|
+
ge as MenuItemIcon,
|
|
246
|
+
Le as MenuItemLabel,
|
|
247
|
+
Pe as MenuItems,
|
|
248
|
+
ve as MenuList,
|
|
249
|
+
we as MenuListItem,
|
|
250
|
+
Se as MenuOption,
|
|
251
|
+
ke as MenuSearch,
|
|
252
|
+
Ge as MetaBase,
|
|
253
|
+
We as MetaItem,
|
|
254
|
+
Ne as MetaItemBase,
|
|
255
|
+
Ue as MetaItemLabel,
|
|
256
|
+
qe as MetaItemMedia,
|
|
257
|
+
Qe as MetaList,
|
|
258
|
+
ze as MetaListItem,
|
|
259
|
+
Ye as MetaProgress,
|
|
260
|
+
_e as MetaTimestamp,
|
|
261
|
+
Ft as PageBase,
|
|
262
|
+
Nt as PageHeader,
|
|
263
|
+
Ot as PageMenu,
|
|
264
|
+
Et as PageNav,
|
|
265
|
+
zt as PageTabs,
|
|
262
266
|
kr as ProgressIcon,
|
|
263
267
|
b as QueryItem,
|
|
264
268
|
S as QueryLabel,
|
|
265
269
|
Sr as RadioIcon,
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
270
|
+
nm as ResourceList,
|
|
271
|
+
um as ResourceListItem,
|
|
272
|
+
ot as RootProvider,
|
|
269
273
|
u as ScopeListItem,
|
|
270
|
-
|
|
271
|
-
|
|
274
|
+
tt as Searchbar,
|
|
275
|
+
Ut as Section,
|
|
272
276
|
e as SizeEnum,
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
277
|
+
lt as Skeleton,
|
|
278
|
+
pt as Snackbar,
|
|
279
|
+
at as SnackbarColorEnum,
|
|
280
|
+
nt as SnackbarDuration,
|
|
281
|
+
ft as SnackbarItem,
|
|
282
|
+
st as SnackbarProvider,
|
|
283
|
+
Dr as SvgIcon,
|
|
284
|
+
ym as TextField,
|
|
285
|
+
dt as Timeline,
|
|
286
|
+
It as TimelineBase,
|
|
283
287
|
Bt as TimelineSection,
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
288
|
+
yt as Toolbar,
|
|
289
|
+
bt as ToolbarBase,
|
|
290
|
+
At as ToolbarButton,
|
|
291
|
+
vt as ToolbarDaterange,
|
|
292
|
+
ht as ToolbarFilter,
|
|
293
|
+
Ht as ToolbarSearch,
|
|
294
|
+
em as TransmissionItem,
|
|
295
|
+
mm as TransmissionList,
|
|
296
|
+
xm as Typography,
|
|
293
297
|
Tr as iconsMap,
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
298
|
+
Hm as useClickOutside,
|
|
299
|
+
hm as useEscapeKey,
|
|
300
|
+
vm as useMenu,
|
|
301
|
+
rt as useRootContext,
|
|
302
|
+
ut as useSnackbar
|
|
299
303
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ListBaseProps } from '../List';
|
|
2
2
|
import { AccessPackageListItemProps } from './AccessPackageListItem';
|
|
3
|
-
export interface AccessPackageListProps extends Pick<ListBaseProps, 'spacing'
|
|
3
|
+
export interface AccessPackageListProps extends Pick<ListBaseProps, 'spacing'> {
|
|
4
4
|
items: AccessPackageListItemProps[];
|
|
5
5
|
}
|
|
6
6
|
export declare const AccessPackageList: ({ items, spacing, ...props }: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { AvatarGroupProps } from '..';
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
|
-
component: ({ items, maxItemsCount, defaultType, size, className, }:
|
|
5
|
+
component: ({ items, maxItemsCount, defaultType, size, className, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
tags: string[];
|
|
6
|
-
parameters: {
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
7
10
|
args: {};
|
|
8
11
|
};
|
|
9
12
|
export default meta;
|
|
@@ -11,3 +14,4 @@ type Story = StoryObj<typeof meta>;
|
|
|
11
14
|
export declare const People: Story;
|
|
12
15
|
export declare const Companies: Story;
|
|
13
16
|
export declare const CompanyAndPerson: Story;
|
|
17
|
+
export declare const MaxItemsCount: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,9 @@ declare const meta: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
|
-
parameters: {
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
7
9
|
args: {
|
|
8
10
|
name: string;
|
|
9
11
|
type: "person";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { Color } from '..';
|
|
2
|
+
import { Color, Theme } from '..';
|
|
3
3
|
export type BadgeColor = Color;
|
|
4
|
-
export type
|
|
4
|
+
export type BadgeTheme = Theme;
|
|
5
5
|
export type BadgeSize = 'sm' | 'xs';
|
|
6
6
|
export interface BadgeProps {
|
|
7
7
|
label?: string | number;
|
|
8
8
|
color?: BadgeColor;
|
|
9
|
-
|
|
9
|
+
theme?: BadgeTheme;
|
|
10
10
|
size?: BadgeSize;
|
|
11
11
|
className?: string;
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
}
|
|
14
|
-
export declare const Badge: ({ label, color,
|
|
14
|
+
export declare const Badge: ({ label, color, theme, size, className, children }: BadgeProps) => 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: ({ label, color,
|
|
4
|
+
component: ({ label, color, theme, size, className, children }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {};
|
|
7
7
|
args: {
|
|
@@ -4,6 +4,7 @@ export interface ButtonProps extends Partial<ButtonBaseProps> {
|
|
|
4
4
|
icon?: IconName;
|
|
5
5
|
reverse?: boolean;
|
|
6
6
|
loading?: boolean;
|
|
7
|
+
loadingText?: string;
|
|
7
8
|
label?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ...rest }: ButtonProps) => 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: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
component: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {};
|
|
7
7
|
args: {
|
|
@@ -6,32 +6,12 @@ declare const meta: {
|
|
|
6
6
|
parameters: {};
|
|
7
7
|
args: {
|
|
8
8
|
placement: "left";
|
|
9
|
-
items:
|
|
9
|
+
items: {
|
|
10
10
|
id: string;
|
|
11
11
|
groupId: string;
|
|
12
|
-
icon:
|
|
12
|
+
icon: string;
|
|
13
13
|
title: string;
|
|
14
|
-
}
|
|
15
|
-
id: string;
|
|
16
|
-
groupId: string;
|
|
17
|
-
icon: "eye-closed";
|
|
18
|
-
title: string;
|
|
19
|
-
} | {
|
|
20
|
-
id: string;
|
|
21
|
-
groupId: string;
|
|
22
|
-
icon: "archive";
|
|
23
|
-
title: string;
|
|
24
|
-
} | {
|
|
25
|
-
id: string;
|
|
26
|
-
groupId: string;
|
|
27
|
-
icon: "trash";
|
|
28
|
-
title: string;
|
|
29
|
-
} | {
|
|
30
|
-
id: string;
|
|
31
|
-
groupId: string;
|
|
32
|
-
icon: "clock-dashed";
|
|
33
|
-
title: string;
|
|
34
|
-
})[];
|
|
14
|
+
}[];
|
|
35
15
|
};
|
|
36
16
|
};
|
|
37
17
|
export default meta;
|
|
@@ -3,13 +3,13 @@ export type IconVariant = 'solid' | 'outline';
|
|
|
3
3
|
export type IconSize = Size | undefined;
|
|
4
4
|
export type IconColor = Color;
|
|
5
5
|
export type IconTheme = Theme;
|
|
6
|
-
interface IconProps {
|
|
6
|
+
export interface IconProps {
|
|
7
7
|
name: IconName;
|
|
8
|
+
loading?: boolean;
|
|
8
9
|
size?: IconSize;
|
|
9
10
|
color?: IconColor;
|
|
10
11
|
theme?: IconTheme;
|
|
11
12
|
variant?: IconVariant;
|
|
12
13
|
className?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const Icon: ({ name, size, color, theme, variant, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
15
|
+
export declare const Icon: ({ loading, name, size, color, theme, variant, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { AvatarGroupProps, AvatarProps, BadgeProps, IconName, IconProps, IconTheme } from '..';
|
|
3
|
+
export type IconOrAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export interface IconOrAvatarProps {
|
|
5
|
+
size?: IconOrAvatarSize;
|
|
6
|
+
icon?: IconProps | IconName | ReactNode;
|
|
7
|
+
iconTheme?: IconTheme;
|
|
8
|
+
avatar?: AvatarProps;
|
|
9
|
+
avatarGroup?: AvatarGroupProps;
|
|
10
|
+
badge?: BadgeProps | undefined;
|
|
11
|
+
}
|
|
12
|
+
export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
|