@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.
Files changed (135) hide show
  1. package/README.md +16 -4
  2. package/dist/altinn-theme.css +3 -0
  3. package/dist/assets/Avatar.css +1 -1
  4. package/dist/assets/AvatarGroup.css +1 -1
  5. package/dist/assets/Badge.css +1 -1
  6. package/dist/assets/ButtonLabel.css +1 -1
  7. package/dist/assets/Flex.css +1 -1
  8. package/dist/assets/Grid.css +1 -1
  9. package/dist/assets/Icon.css +1 -1
  10. package/dist/assets/LayoutBody.css +1 -1
  11. package/dist/assets/ListItemBase.css +1 -1
  12. package/dist/assets/ListItemControls.css +1 -1
  13. package/dist/assets/ListItemHeader.css +1 -1
  14. package/dist/assets/ListItemLink.css +1 -1
  15. package/dist/assets/ListItemSelect.css +1 -1
  16. package/dist/assets/MenuItemBase.css +1 -1
  17. package/dist/assets/MenuItemIcon.css +1 -0
  18. package/dist/assets/MenuItemLabel.css +1 -1
  19. package/dist/assets/PageTabs.css +1 -0
  20. package/dist/components/AccessAreaList/AccessAreaListItem.js +29 -32
  21. package/dist/components/AccessPackageList/AccessPackageListItem.js +7 -7
  22. package/dist/components/Attachment/AttachmentLink.js +14 -10
  23. package/dist/components/Autocomplete/AutocompleteItem.js +20 -11
  24. package/dist/components/Avatar/Avatar.js +27 -27
  25. package/dist/components/Avatar/AvatarGroup.js +17 -16
  26. package/dist/components/Badge/Badge.js +5 -12
  27. package/dist/components/Button/Button.js +29 -27
  28. package/dist/components/Button/ButtonIcon.js +9 -5
  29. package/dist/components/Button/ButtonLabel.js +4 -4
  30. package/dist/components/Dialog/Dialog.js +3 -3
  31. package/dist/components/Dialog/DialogAttachments.js +1 -1
  32. package/dist/components/Dialog/DialogContent.js +1 -1
  33. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  34. package/dist/components/Dialog/DialogListGroup.js +1 -1
  35. package/dist/components/Dialog/DialogListItem.js +80 -72
  36. package/dist/components/Dialog/DialogSection.js +1 -1
  37. package/dist/components/Dialog/DraftDialog.js +1 -1
  38. package/dist/components/GlobalMenu/AccountButton.js +4 -4
  39. package/dist/components/GlobalMenu/AccountMenu.js +27 -16
  40. package/dist/components/GlobalMenu/BackButton.js +2 -2
  41. package/dist/components/GlobalMenu/GlobalMenu.js +21 -21
  42. package/dist/components/GlobalMenu/GlobalMenuBase.js +9 -9
  43. package/dist/components/Header/HeaderButton.js +21 -17
  44. package/dist/components/Icon/Icon.js +10 -9
  45. package/dist/components/Icon/IconOrAvatar.js +27 -0
  46. package/dist/components/Icon/index.js +8 -6
  47. package/dist/components/Layout/LayoutBody.js +1 -1
  48. package/dist/components/LayoutAction/ActionHeader.js +1 -1
  49. package/dist/components/List/ListBase.js +3 -3
  50. package/dist/components/List/ListItem.js +90 -51
  51. package/dist/components/List/ListItemBase.js +63 -29
  52. package/dist/components/List/ListItemControls.js +8 -17
  53. package/dist/components/List/ListItemHeader.js +85 -59
  54. package/dist/components/List/ListItemIcon.js +25 -0
  55. package/dist/components/List/ListItemLabel.js +6 -6
  56. package/dist/components/List/ListItemLink.js +29 -27
  57. package/dist/components/List/ListItemSelect.js +11 -11
  58. package/dist/components/List/index.js +8 -8
  59. package/dist/components/Menu/Menu.js +18 -16
  60. package/dist/components/Menu/MenuBase.js +6 -6
  61. package/dist/components/Menu/MenuItem.js +64 -51
  62. package/dist/components/Menu/MenuItemBase.js +26 -26
  63. package/dist/components/Menu/MenuItemIcon.js +27 -0
  64. package/dist/components/Menu/MenuItemLabel.js +7 -7
  65. package/dist/components/Menu/MenuItems.js +32 -29
  66. package/dist/components/Menu/MenuOption.js +3 -3
  67. package/dist/components/Menu/index.js +14 -14
  68. package/dist/components/Meta/MetaItemMedia.js +13 -8
  69. package/dist/components/Page/Flex.js +14 -14
  70. package/dist/components/Page/Grid.js +1 -1
  71. package/dist/components/Page/PageHeader.js +33 -12
  72. package/dist/components/Page/PageMenu.js +5 -5
  73. package/dist/components/Page/PageTabs.js +16 -0
  74. package/dist/components/Page/index.js +14 -12
  75. package/dist/components/RootProvider/RootProvider.js +3 -3
  76. package/dist/components/Searchbar/SearchField.js +19 -16
  77. package/dist/components/Toolbar/Toolbar.js +7 -7
  78. package/dist/components/Transmission/TransmissionItem.js +1 -1
  79. package/dist/components/index.js +181 -177
  80. package/dist/{globalMenu-XcVgsnCz.js → globalMenu-C6osDiF4.js} +1 -0
  81. package/dist/index.js +181 -177
  82. package/dist/types/lib/components/AccessPackageList/AccessPackageList.d.ts +1 -1
  83. package/dist/types/lib/components/Avatar/AvatarGroup.stories.d.ts +6 -2
  84. package/dist/types/lib/components/Avatar/avatar.stories.d.ts +3 -1
  85. package/dist/types/lib/components/Badge/Badge.d.ts +4 -4
  86. package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
  87. package/dist/types/lib/components/Button/Button.d.ts +2 -1
  88. package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
  89. package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +3 -23
  90. package/dist/types/lib/components/Icon/Icon.d.ts +3 -3
  91. package/dist/types/lib/components/Icon/IconOrAvatar.d.ts +12 -0
  92. package/dist/types/lib/components/Icon/index.d.ts +1 -0
  93. package/dist/types/lib/components/Layout/Layout.stories.d.ts +0 -1
  94. package/dist/types/lib/components/LayoutAction/LayoutAction.stories.d.ts +3 -15
  95. package/dist/types/lib/components/List/List.d.ts +1 -1
  96. package/dist/types/lib/components/List/ListBase.d.ts +8 -4
  97. package/dist/types/lib/components/{Header/HeaderLogo.stories.d.ts → List/ListBase.stories.d.ts} +4 -2
  98. package/dist/types/lib/components/List/ListItem.d.ts +5 -10
  99. package/dist/types/lib/components/List/ListItem.stories.d.ts +14 -9
  100. package/dist/types/lib/components/List/ListItemBase.d.ts +8 -2
  101. package/dist/types/lib/components/List/ListItemControls.d.ts +1 -8
  102. package/dist/types/lib/components/List/ListItemHeader.d.ts +5 -15
  103. package/dist/types/lib/components/List/ListItemIcon.d.ts +13 -0
  104. package/dist/types/lib/components/List/ListItemLink.d.ts +2 -1
  105. package/dist/types/lib/components/List/MultilevelList.stories.d.ts +5 -0
  106. package/dist/types/lib/components/List/Specimens.stories.d.ts +13 -0
  107. package/dist/types/lib/components/List/index.d.ts +1 -1
  108. package/dist/types/lib/components/Menu/Menu.d.ts +1 -1
  109. package/dist/types/lib/components/Menu/Menu.stories.d.ts +4 -27
  110. package/dist/types/lib/components/Menu/MenuBase.d.ts +4 -3
  111. package/dist/types/lib/components/Menu/MenuItem.d.ts +7 -7
  112. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
  113. package/dist/types/lib/components/Menu/MenuItemIcon.d.ts +8 -0
  114. package/dist/types/lib/components/Menu/MenuItems.d.ts +6 -4
  115. package/dist/types/lib/components/Menu/Patterns.stories.d.ts +72 -0
  116. package/dist/types/lib/components/Menu/index.d.ts +1 -1
  117. package/dist/types/lib/components/Page/PageHeader.d.ts +7 -2
  118. package/dist/types/lib/components/Page/PageHeader.stories.d.ts +1 -1
  119. package/dist/types/lib/components/Page/PageMenu.stories.d.ts +3 -15
  120. package/dist/types/lib/components/Page/PageTabs.d.ts +8 -0
  121. package/dist/types/lib/components/Page/index.d.ts +1 -0
  122. package/dist/types/lib/types/color.d.ts +1 -1
  123. package/package.json +27 -26
  124. package/dist/assets/ListItemMedia.css +0 -1
  125. package/dist/assets/MenuItemMedia.css +0 -1
  126. package/dist/components/List/ListItemMedia.js +0 -39
  127. package/dist/components/Menu/MenuItemMedia.js +0 -50
  128. package/dist/types/lib/components/Layout/LayoutBase.stories.d.ts +0 -11
  129. package/dist/types/lib/components/Layout/LayoutBody.stories.d.ts +0 -11
  130. package/dist/types/lib/components/Layout/LayoutContent.stories.d.ts +0 -11
  131. package/dist/types/lib/components/Layout/LayoutSidebar.stories.d.ts +0 -11
  132. package/dist/types/lib/components/List/ListItemHeader.stories.d.ts +0 -23
  133. package/dist/types/lib/components/List/ListItemMedia.d.ts +0 -13
  134. package/dist/types/lib/components/Menu/MenuItem.stories.d.ts +0 -25
  135. 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 B } from "./components/Avatar/AvatarGroup.js";
9
- import { Badge as I } from "./components/Badge/Badge.js";
10
- import { BookmarksListItem as D } from "./components/Bookmarks/BookmarksListItem.js";
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 F } from "./components/Button/Button.js";
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 Bo } from "./components/Dialog/DialogHeading.js";
35
- import { DialogTouchedBy as Io } from "./components/Dialog/DialogTouchedBy.js";
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 Fo } from "./components/Dialog/DialogHistoryItem.js";
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 dr } from "./components/Icon/SvgIcon.js";
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 { LayoutBase as Pr } from "./components/Layout/LayoutBase.js";
68
- import { LayoutBody as Cr } from "./components/Layout/LayoutBody.js";
69
- import { LayoutContent as Fr } from "./components/Layout/LayoutContent.js";
70
- import { LayoutSidebar as Rr } from "./components/Layout/LayoutSidebar.js";
71
- import { Layout as Gr } from "./components/Layout/Layout.js";
72
- import { ActionHeader as Qr } from "./components/LayoutAction/ActionHeader.js";
73
- import { ActionFooter as Kr } from "./components/LayoutAction/ActionFooter.js";
74
- import { LayoutAction as jr } from "./components/LayoutAction/LayoutAction.js";
75
- import { ListItemBase as Jr } from "./components/List/ListItemBase.js";
76
- import { ListItemLink as Vr } from "./components/List/ListItemLink.js";
77
- import { ListItemHeader as Xr } from "./components/List/ListItemHeader.js";
78
- import { ListItemLabel as Zr } from "./components/List/ListItemLabel.js";
79
- import { ListItemMedia as $r } from "./components/List/ListItemMedia.js";
80
- import { ListItemControls as re } from "./components/List/ListItemControls.js";
81
- import { ListItemSelect as te } from "./components/List/ListItemSelect.js";
82
- import { ListItem as pe } from "./components/List/ListItem.js";
83
- import { ListBase as ae } from "./components/List/ListBase.js";
84
- import { List as ie } from "./components/List/List.js";
85
- import { MenuItemBase as se } from "./components/Menu/MenuItemBase.js";
86
- import { MenuItemLabel as ce } from "./components/Menu/MenuItemLabel.js";
87
- import { MenuItemMedia as Le } from "./components/Menu/MenuItemMedia.js";
88
- import { MenuItem as ge } from "./components/Menu/MenuItem.js";
89
- import { MenuInputField as de } from "./components/Menu/MenuInputField.js";
90
- import { MenuOption as Me } from "./components/Menu/MenuOption.js";
91
- import { MenuSearch as Se } from "./components/Menu/MenuSearch.js";
92
- import { MenuHeader as ke } from "./components/Menu/MenuHeader.js";
93
- import { MenuItems as Te } from "./components/Menu/MenuItems.js";
94
- import { MenuBase as Pe, MenuList as he, MenuListItem as Ce } from "./components/Menu/MenuBase.js";
95
- import { Menu as Fe } from "./components/Menu/Menu.js";
96
- import { MetaBase as Re } from "./components/Meta/MetaBase.js";
97
- import { MetaList as Ge, MetaListItem as Oe } from "./components/Meta/MetaList.js";
98
- import { MetaItemBase as ze } from "./components/Meta/MetaItemBase.js";
99
- import { MetaItemMedia as Ne } from "./components/Meta/MetaItemMedia.js";
100
- import { MetaItemLabel as qe } from "./components/Meta/MetaItemLabel.js";
101
- import { MetaItem as Ue } from "./components/Meta/MetaItem.js";
102
- import { MetaProgress as We } from "./components/Meta/MetaProgress.js";
103
- import { MetaTimestamp as Ye } from "./components/Meta/MetaTimestamp.js";
104
- import { RootProvider as _e, useRootContext as $e } from "./components/RootProvider/RootProvider.js";
105
- import { Searchbar as rt } from "./components/Searchbar/Searchbar.js";
106
- import { Snackbar as tt } from "./components/Snackbar/Snackbar.js";
107
- import { SnackbarColorEnum as pt, SnackbarItem as xt } from "./components/Snackbar/SnackbarItem.js";
108
- import { SnackbarDuration as ft, SnackbarProvider as it, useSnackbar as nt } from "./components/Snackbar/useSnackbar.js";
109
- import { Skeleton as ut } from "./components/Skeleton/Skeleton.js";
110
- import { TimelineBase as lt } from "./components/Timeline/TimelineBase.js";
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 It } from "./components/Timeline/Timeline.js";
113
- import { ToolbarBase as Dt } from "./components/Toolbar/ToolbarBase.js";
114
- import { ToolbarButton as bt } from "./components/Toolbar/ToolbarButton.js";
115
- import { Toolbar as At } from "./components/Toolbar/Toolbar.js";
116
- import { ToolbarSearch as yt } from "./components/Toolbar/ToolbarSearch.js";
117
- import { ToolbarFilter as Ht } from "./components/Toolbar/ToolbarFilter.js";
118
- import { ToolbarDaterange as ht } from "./components/Toolbar/ToolbarDaterange.js";
119
- import { PageBase as wt } from "./components/Page/PageBase.js";
120
- import { PageNav as vt } from "./components/Page/PageNav.js";
121
- import { PageMenu as Et } from "./components/Page/PageMenu.js";
122
- import { PageHeader as Ot } from "./components/Page/PageHeader.js";
123
- import { Article as zt } from "./components/Page/Article.js";
124
- import { Section as Nt } from "./components/Page/Section.js";
125
- import { Flex as qt } from "./components/Page/Flex.js";
126
- import { Grid as Ut } from "./components/Page/Grid.js";
127
- import { Breadcrumbs as Wt } from "./components/Page/Breadcrumbs.js";
128
- import { BreadcrumbsLink as Yt } from "./components/Page/BreadcrumbsLink.js";
129
- import { TransmissionItem as _t } from "./components/Transmission/TransmissionItem.js";
130
- import { TransmissionList as om } from "./components/Transmission/TransmissionList.js";
131
- import { Typography as em } from "./components/Typography/Typography.js";
132
- import { Heading as mm } from "./components/Typography/Heading.js";
133
- import { ResourceList as xm } from "./components/ResourceList/ResourceList.js";
134
- import { ResourceListItem as fm } from "./components/ResourceList/ResourceListItem.js";
135
- import { AccessAreaListItem as nm } from "./components/AccessAreaList/AccessAreaListItem.js";
136
- import { AccessAreaList as um } from "./components/AccessAreaList/AccessAreaList.js";
137
- import { AccessPackageListItem as lm } from "./components/AccessPackageList/AccessPackageListItem.js";
138
- import { AccessPackageList as Bm } from "./components/AccessPackageList/AccessPackageList.js";
139
- import { FieldBase as Im } from "./components/TextField/FieldBase.js";
140
- import { InputBase as Dm } from "./components/TextField/InputBase.js";
141
- import { TextField as bm } from "./components/TextField/TextField.js";
142
- import { useClickOutside as Am } from "./hooks/useClickOutside.js";
143
- import { useEscapeKey as ym } from "./hooks/useEscapeKey.js";
144
- import { useMenu as Hm } from "./hooks/useMenu.js";
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
- um as AccessAreaList,
147
- nm as AccessAreaListItem,
148
- Bm as AccessPackageList,
149
- lm as AccessPackageListItem,
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
- Kr as ActionFooter,
153
- Qr as ActionHeader,
154
- zt as Article,
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
- B as AvatarGroup,
162
+ I as AvatarGroup,
161
163
  pr as BackButton,
162
164
  Go as Backdrop,
163
- I as Badge,
164
- D as BookmarksListItem,
165
+ B as Badge,
166
+ d as BookmarksListItem,
165
167
  k as BookmarksSection,
166
- Wt as Breadcrumbs,
167
- Yt as BreadcrumbsLink,
168
- F as Button,
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
- Bo as DialogHeading,
184
+ Io as DialogHeading,
183
185
  Co as DialogHistory,
184
- Fo as DialogHistoryItem,
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
- Io as DialogTouchedBy,
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
- Im as FieldBase,
207
- qt as Flex,
208
+ bm as FieldBase,
209
+ Wt as Flex,
208
210
  Zo as Footer,
209
211
  rr as GlobalMenu,
210
- Ut as Grid,
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
- mm as Heading,
217
+ fm as Heading,
216
218
  gr as Icon,
217
219
  G as IconButton,
218
- Dm as InputBase,
219
- Gr as Layout,
220
- jr as LayoutAction,
221
- Pr as LayoutBase,
222
- Cr as LayoutBody,
223
- Fr as LayoutContent,
224
- Rr as LayoutSidebar,
225
- ie as List,
226
- ae as ListBase,
227
- pe as ListItem,
228
- Jr as ListItemBase,
229
- re as ListItemControls,
230
- Xr as ListItemHeader,
231
- Zr as ListItemLabel,
232
- Vr as ListItemLink,
233
- $r as ListItemMedia,
234
- te as ListItemSelect,
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
- Fe as Menu,
237
- Pe as MenuBase,
238
- ke as MenuHeader,
239
- de as MenuInputField,
240
- ge as MenuItem,
241
- se as MenuItemBase,
242
- ce as MenuItemLabel,
243
- Le as MenuItemMedia,
244
- Te as MenuItems,
245
- he as MenuList,
246
- Ce as MenuListItem,
247
- Me as MenuOption,
248
- Se as MenuSearch,
249
- Re as MetaBase,
250
- Ue as MetaItem,
251
- ze as MetaItemBase,
252
- qe as MetaItemLabel,
253
- Ne as MetaItemMedia,
254
- Ge as MetaList,
255
- Oe as MetaListItem,
256
- We as MetaProgress,
257
- Ye as MetaTimestamp,
258
- wt as PageBase,
259
- Ot as PageHeader,
260
- Et as PageMenu,
261
- vt as PageNav,
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
- xm as ResourceList,
267
- fm as ResourceListItem,
268
- _e as RootProvider,
270
+ nm as ResourceList,
271
+ um as ResourceListItem,
272
+ ot as RootProvider,
269
273
  u as ScopeListItem,
270
- rt as Searchbar,
271
- Nt as Section,
274
+ tt as Searchbar,
275
+ Ut as Section,
272
276
  e as SizeEnum,
273
- ut as Skeleton,
274
- tt as Snackbar,
275
- pt as SnackbarColorEnum,
276
- ft as SnackbarDuration,
277
- xt as SnackbarItem,
278
- it as SnackbarProvider,
279
- dr as SvgIcon,
280
- bm as TextField,
281
- It as Timeline,
282
- lt as TimelineBase,
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
- At as Toolbar,
285
- Dt as ToolbarBase,
286
- bt as ToolbarButton,
287
- ht as ToolbarDaterange,
288
- Ht as ToolbarFilter,
289
- yt as ToolbarSearch,
290
- _t as TransmissionItem,
291
- om as TransmissionList,
292
- em as Typography,
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
- Am as useClickOutside,
295
- ym as useEscapeKey,
296
- Hm as useMenu,
297
- $e as useRootContext,
298
- nt as useSnackbar
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' | 'theme'> {
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, }: import('./AvatarGroup').AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
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 BadgeVariant = 'subtle' | 'strong';
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
- variant?: BadgeVariant;
9
+ theme?: BadgeTheme;
10
10
  size?: BadgeSize;
11
11
  className?: string;
12
12
  children?: ReactNode;
13
13
  }
14
- export declare const Badge: ({ label, color, variant, size, className, children, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
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, variant, size, className, children, }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
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: "arrow-redo";
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;
@@ -4,3 +4,4 @@ export * from './CheckboxIcon';
4
4
  export * from './RadioIcon';
5
5
  export * from './ProgressIcon';
6
6
  export * from './iconsMap';
7
+ export * from './IconOrAvatar';
@@ -2,7 +2,6 @@ import { LayoutProps } from '../';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ color, theme, header, footer, sidebar, content, children, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
5
  parameters: {
7
6
  layout: string;
8
7
  };