@altinn/altinn-components 0.6.1 → 0.6.2

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 (569) hide show
  1. package/.github/workflows/ci-cd-main.yml +47 -0
  2. package/.github/workflows/ci-cd-pull-request.yml +39 -0
  3. package/.github/workflows/workflow-deploy-storybook.yml +35 -0
  4. package/.node-version +1 -0
  5. package/.storybook/StoryDecorator.tsx +29 -0
  6. package/.storybook/ThemeProvider.tsx +16 -0
  7. package/.storybook/main.ts +20 -0
  8. package/.storybook/preview.tsx +63 -0
  9. package/.storybook/storyDecorator.module.css +20 -0
  10. package/.storybook/theme.module.css +3 -0
  11. package/CHANGELOG.md +111 -0
  12. package/CONTRIBUTING.MD +59 -0
  13. package/README.md +3 -15
  14. package/biome.jsonc +65 -0
  15. package/lib/components/Attachment/AttachmentLink.stories.ts +19 -0
  16. package/lib/components/Attachment/AttachmentLink.tsx +20 -0
  17. package/lib/components/Attachment/AttachmentList.stories.ts +39 -0
  18. package/lib/components/Attachment/AttachmentList.tsx +26 -0
  19. package/lib/components/Attachment/attachmentLink.module.css +20 -0
  20. package/lib/components/Attachment/attachmentList.module.css +12 -0
  21. package/lib/components/Avatar/Avatar.tsx +83 -0
  22. package/lib/components/Avatar/AvatarGroup.stories.ts +66 -0
  23. package/lib/components/Avatar/AvatarGroup.tsx +60 -0
  24. package/lib/components/Avatar/avatar.module.css +61 -0
  25. package/lib/components/Avatar/avatar.stories.tsx +40 -0
  26. package/lib/components/Avatar/avatarGroup.module.css +78 -0
  27. package/lib/components/Avatar/color.ts +71 -0
  28. package/lib/components/Badge/Badge.stories.ts +32 -0
  29. package/lib/components/Badge/Badge.tsx +22 -0
  30. package/lib/components/Badge/badge.module.css +27 -0
  31. package/lib/components/Bookmarks/BookmarksList.tsx +17 -0
  32. package/lib/components/Bookmarks/BookmarksListItem.stories.tsx +79 -0
  33. package/lib/components/Bookmarks/BookmarksListItem.tsx +32 -0
  34. package/lib/components/Bookmarks/QueryLabel.tsx +33 -0
  35. package/lib/components/Bookmarks/queryLabel.module.css +45 -0
  36. package/lib/components/Button/Button.stories.ts +50 -0
  37. package/lib/components/Button/Button.tsx +60 -0
  38. package/lib/components/Button/ButtonBase.tsx +54 -0
  39. package/lib/components/Button/ButtonIcon.tsx +16 -0
  40. package/lib/components/Button/ButtonLabel.tsx +18 -0
  41. package/lib/components/Button/Buttons.stories.tsx +64 -0
  42. package/lib/components/Button/ComboButton.stories.ts +45 -0
  43. package/lib/components/Button/ComboButton.tsx +46 -0
  44. package/lib/components/Button/IconButton.stories.tsx +47 -0
  45. package/lib/components/Button/IconButton.tsx +33 -0
  46. package/lib/components/Button/button.module.css +22 -0
  47. package/lib/components/Button/buttonBase.module.css +142 -0
  48. package/lib/components/Button/buttonIcon.module.css +17 -0
  49. package/lib/components/Button/buttonLabel.module.css +17 -0
  50. package/lib/components/Button/comboButton.module.css +35 -0
  51. package/lib/components/Button/iconButton.module.css +31 -0
  52. package/lib/components/ContextMenu/ContextMenu.stories.ts +49 -0
  53. package/lib/components/ContextMenu/ContextMenu.tsx +20 -0
  54. package/lib/components/ContextMenu/ContextMenuBase.tsx +35 -0
  55. package/lib/components/ContextMenu/contextMenuBase.module.css +35 -0
  56. package/lib/components/Datepicker/Datepicker.tsx +49 -0
  57. package/lib/components/Datepicker/DatepickerBase.tsx +12 -0
  58. package/lib/components/Datepicker/DatepickerHeader.tsx +20 -0
  59. package/lib/components/Datepicker/DatepickerTable.tsx +50 -0
  60. package/lib/components/Datepicker/datepickerBase.module.css +5 -0
  61. package/lib/components/Datepicker/datepickerHeader.module.css +17 -0
  62. package/lib/components/Datepicker/datepickerTable.module.css +37 -0
  63. package/lib/components/Datepicker/useDatepicker.tsx +146 -0
  64. package/lib/components/Dialog/Dialog.stories.ts +331 -0
  65. package/lib/components/Dialog/Dialog.tsx +111 -0
  66. package/lib/components/Dialog/DialogActions.stories.ts +60 -0
  67. package/lib/components/Dialog/DialogActions.tsx +80 -0
  68. package/lib/components/Dialog/DialogActivityLog.tsx +18 -0
  69. package/lib/components/Dialog/DialogArticleBase.tsx +10 -0
  70. package/lib/components/Dialog/DialogAttachments.stories.ts +38 -0
  71. package/lib/components/Dialog/DialogAttachments.tsx +25 -0
  72. package/lib/components/Dialog/DialogBase.tsx +10 -0
  73. package/lib/components/Dialog/DialogBodyBase.tsx +17 -0
  74. package/lib/components/Dialog/DialogBorder.tsx +19 -0
  75. package/lib/components/Dialog/DialogContent.stories.ts +26 -0
  76. package/lib/components/Dialog/DialogContent.tsx +23 -0
  77. package/lib/components/Dialog/DialogFooter.tsx +14 -0
  78. package/lib/components/Dialog/DialogGroup.tsx +24 -0
  79. package/lib/components/Dialog/DialogHeader.stories.ts +24 -0
  80. package/lib/components/Dialog/DialogHeader.tsx +23 -0
  81. package/lib/components/Dialog/DialogHeaderBase.tsx +10 -0
  82. package/lib/components/Dialog/DialogHeadings.stories.ts +35 -0
  83. package/lib/components/Dialog/DialogHeadings.tsx +77 -0
  84. package/lib/components/Dialog/DialogHistory.stories.ts +67 -0
  85. package/lib/components/Dialog/DialogHistory.tsx +19 -0
  86. package/lib/components/Dialog/DialogList.stories.ts +65 -0
  87. package/lib/components/Dialog/DialogList.tsx +35 -0
  88. package/lib/components/Dialog/DialogListItem.stories.tsx +238 -0
  89. package/lib/components/Dialog/DialogListItem.tsx +126 -0
  90. package/lib/components/Dialog/DialogListItemBase.tsx +52 -0
  91. package/lib/components/Dialog/DialogMetadata.stories.ts +75 -0
  92. package/lib/components/Dialog/DialogMetadata.tsx +56 -0
  93. package/lib/components/Dialog/DialogNav.stories.ts +88 -0
  94. package/lib/components/Dialog/DialogNav.tsx +56 -0
  95. package/lib/components/Dialog/DialogSectionBase.tsx +20 -0
  96. package/lib/components/Dialog/DialogSeenBy.stories.tsx +56 -0
  97. package/lib/components/Dialog/DialogSeenBy.tsx +36 -0
  98. package/lib/components/Dialog/DialogSelect.tsx +23 -0
  99. package/lib/components/Dialog/DialogStatus.stories.ts +57 -0
  100. package/lib/components/Dialog/DialogStatus.tsx +61 -0
  101. package/lib/components/Dialog/DialogTitle.stories.ts +31 -0
  102. package/lib/components/Dialog/DialogTitle.tsx +31 -0
  103. package/lib/components/Dialog/DialogTouchedBy.stories.tsx +27 -0
  104. package/lib/components/Dialog/DialogTouchedBy.tsx +19 -0
  105. package/lib/components/Dialog/dialog.module.css +21 -0
  106. package/lib/components/Dialog/dialogAction.module.css +26 -0
  107. package/lib/components/Dialog/dialogArticleBase.module.css +5 -0
  108. package/lib/components/Dialog/dialogBodyBase.module.css +13 -0
  109. package/lib/components/Dialog/dialogBorder.module.css +42 -0
  110. package/lib/components/Dialog/dialogGroup.module.css +35 -0
  111. package/lib/components/Dialog/dialogHeaderBase.module.css +6 -0
  112. package/lib/components/Dialog/dialogHeadings.module.css +24 -0
  113. package/lib/components/Dialog/dialogHistory.module.css +12 -0
  114. package/lib/components/Dialog/dialogListItem.module.css +81 -0
  115. package/lib/components/Dialog/dialogListItemBase.module.css +28 -0
  116. package/lib/components/Dialog/dialogNav.module.css +12 -0
  117. package/lib/components/Dialog/dialogSectionBase.module.css +11 -0
  118. package/lib/components/Dialog/dialogSelect.module.css +34 -0
  119. package/lib/components/Dialog/dialogTitle.module.css +47 -0
  120. package/lib/components/Dropdown/Backdrop.tsx +12 -0
  121. package/lib/components/Dropdown/DrawerBase.tsx +20 -0
  122. package/lib/components/Dropdown/DrawerBody.tsx +12 -0
  123. package/lib/components/Dropdown/DrawerButton.tsx +17 -0
  124. package/lib/components/Dropdown/DrawerFooter.tsx +12 -0
  125. package/lib/components/Dropdown/DrawerHeader.tsx +19 -0
  126. package/lib/components/Dropdown/DrawerOrDropdown.tsx +29 -0
  127. package/lib/components/Dropdown/DropdownBase.tsx +32 -0
  128. package/lib/components/Dropdown/backdrop.module.css +11 -0
  129. package/lib/components/Dropdown/drawerBase.module.css +17 -0
  130. package/lib/components/Dropdown/drawerBody.module.css +5 -0
  131. package/lib/components/Dropdown/drawerButton.module.css +6 -0
  132. package/lib/components/Dropdown/drawerFooter.module.css +13 -0
  133. package/lib/components/Dropdown/drawerHeader.module.css +17 -0
  134. package/lib/components/Dropdown/drawerOrDropdown.module.css +19 -0
  135. package/lib/components/Dropdown/dropdownBase.module.css +35 -0
  136. package/{dist/components/Dropdown/index.d.ts → lib/components/Dropdown/index.ts} +1 -0
  137. package/lib/components/Footer/Footer.stories.ts +37 -0
  138. package/lib/components/Footer/Footer.tsx +21 -0
  139. package/lib/components/Footer/FooterAddress.tsx +12 -0
  140. package/lib/components/Footer/FooterBase.tsx +16 -0
  141. package/lib/components/Footer/FooterLogo.tsx +17 -0
  142. package/lib/components/Footer/FooterMenu.tsx +43 -0
  143. package/lib/components/Footer/footerAddress.module.css +8 -0
  144. package/lib/components/Footer/footerBase.module.css +28 -0
  145. package/lib/components/Footer/footerLogo.module.css +12 -0
  146. package/lib/components/Footer/footerMenu.module.css +35 -0
  147. package/lib/components/GlobalMenu/AccountButton.tsx +46 -0
  148. package/lib/components/GlobalMenu/AccountMenu.stories.tsx +65 -0
  149. package/lib/components/GlobalMenu/AccountMenu.tsx +82 -0
  150. package/lib/components/GlobalMenu/BackButton.tsx +10 -0
  151. package/lib/components/GlobalMenu/GlobalMenu.stories.tsx +181 -0
  152. package/lib/components/GlobalMenu/GlobalMenu.tsx +86 -0
  153. package/lib/components/GlobalMenu/GlobalMenuBase.tsx +22 -0
  154. package/lib/components/GlobalMenu/LogoutButton.tsx +19 -0
  155. package/lib/components/GlobalMenu/globalMenuBase.module.css +39 -0
  156. package/lib/components/GlobalMenu/logoutButton.module.css +9 -0
  157. package/lib/components/Header/DigdirLogomark.tsx +23 -0
  158. package/lib/components/Header/Header.stories.tsx +188 -0
  159. package/lib/components/Header/Header.tsx +71 -0
  160. package/lib/components/Header/HeaderBase.tsx +21 -0
  161. package/lib/components/Header/HeaderButton.stories.ts +70 -0
  162. package/lib/components/Header/HeaderButton.tsx +68 -0
  163. package/lib/components/Header/HeaderLogo.stories.ts +17 -0
  164. package/lib/components/Header/HeaderLogo.tsx +22 -0
  165. package/lib/components/Header/HeaderMenu.tsx +17 -0
  166. package/lib/components/Header/HeaderSearch.tsx +17 -0
  167. package/lib/components/Header/header.module.css +24 -0
  168. package/lib/components/Header/headerBase.module.css +51 -0
  169. package/lib/components/Header/headerButton.module.css +37 -0
  170. package/lib/components/Header/headerLogo.module.css +24 -0
  171. package/lib/components/Header/headerMenu.module.css +3 -0
  172. package/lib/components/Header/headerSearch.module.css +21 -0
  173. package/lib/components/Header/mobileMenu.module.css +28 -0
  174. package/lib/components/History/HistoryAttachments.tsx +22 -0
  175. package/lib/components/History/HistoryBorder.tsx +17 -0
  176. package/lib/components/History/HistoryItem.stories.ts +56 -0
  177. package/lib/components/History/HistoryItem.tsx +56 -0
  178. package/lib/components/History/HistoryList.stories.ts +72 -0
  179. package/lib/components/History/HistoryList.tsx +26 -0
  180. package/lib/components/History/historyBorder.module.css +8 -0
  181. package/lib/components/History/historyItem.module.css +19 -0
  182. package/lib/components/History/historyList.module.css +12 -0
  183. package/lib/components/Icon/CheckboxCheckedIcon.tsx +28 -0
  184. package/lib/components/Icon/CheckboxIcon.stories.ts +32 -0
  185. package/lib/components/Icon/CheckboxIcon.tsx +17 -0
  186. package/lib/components/Icon/CheckboxUncheckedIcon.tsx +38 -0
  187. package/lib/components/Icon/Icon.stories.ts +24 -0
  188. package/lib/components/Icon/Icon.tsx +23 -0
  189. package/lib/components/Icon/ProgressIcon.stories.ts +43 -0
  190. package/lib/components/Icon/ProgressIcon.tsx +44 -0
  191. package/lib/components/Icon/RadioCheckedIcon.tsx +29 -0
  192. package/lib/components/Icon/RadioIcon.stories.ts +32 -0
  193. package/lib/components/Icon/RadioIcon.tsx +17 -0
  194. package/lib/components/Icon/RadioUncheckedIcon.tsx +30 -0
  195. package/lib/components/Icon/SvgIcon.tsx +18 -0
  196. package/lib/components/Icon/__AkselIcon.tsx +37 -0
  197. package/lib/components/Icon/checkboxIcon.module.css +23 -0
  198. package/lib/components/Icon/icon.module.css +4 -0
  199. package/lib/components/Icon/iconsMap.tsx +2078 -0
  200. package/lib/components/Icon/progressIcon.module.css +29 -0
  201. package/lib/components/Icon/radioIcon.module.css +21 -0
  202. package/lib/components/Layout/Layout.stories.tsx +308 -0
  203. package/lib/components/Layout/Layout.tsx +46 -0
  204. package/lib/components/Layout/LayoutBase.stories.ts +17 -0
  205. package/lib/components/Layout/LayoutBase.tsx +31 -0
  206. package/lib/components/Layout/LayoutBody.stories.ts +17 -0
  207. package/lib/components/Layout/LayoutBody.tsx +16 -0
  208. package/lib/components/Layout/LayoutContent.stories.ts +17 -0
  209. package/lib/components/Layout/LayoutContent.tsx +15 -0
  210. package/lib/components/Layout/LayoutSidebar.stories.ts +17 -0
  211. package/lib/components/Layout/LayoutSidebar.tsx +23 -0
  212. package/lib/components/Layout/layoutBase.module.css +22 -0
  213. package/lib/components/Layout/layoutBody.module.css +15 -0
  214. package/lib/components/Layout/layoutContent.module.css +13 -0
  215. package/lib/components/Layout/layoutSidebar.module.css +20 -0
  216. package/lib/components/LayoutAction/ActionFooter.stories.tsx +70 -0
  217. package/lib/components/LayoutAction/ActionFooter.tsx +15 -0
  218. package/lib/components/LayoutAction/ActionHeader.stories.ts +20 -0
  219. package/lib/components/LayoutAction/ActionHeader.tsx +19 -0
  220. package/lib/components/LayoutAction/ActionMenu.stories.tsx +40 -0
  221. package/lib/components/LayoutAction/ActionMenu.tsx +23 -0
  222. package/lib/components/LayoutAction/actionFooter.module.css +28 -0
  223. package/lib/components/LayoutAction/actionHeader.module.css +55 -0
  224. package/lib/components/LayoutAction/actionMenu.module.css +30 -0
  225. package/lib/components/List/List.stories.tsx +43 -0
  226. package/lib/components/List/List.tsx +20 -0
  227. package/lib/components/List/ListBase.tsx +19 -0
  228. package/lib/components/List/ListItem.stories.tsx +208 -0
  229. package/lib/components/List/ListItem.tsx +73 -0
  230. package/lib/components/List/ListItemBase.tsx +82 -0
  231. package/lib/components/List/ListItemLabel.tsx +29 -0
  232. package/lib/components/List/ListItemMedia.tsx +59 -0
  233. package/lib/components/List/listBase.module.css +30 -0
  234. package/lib/components/List/listItemBase.module.css +97 -0
  235. package/lib/components/List/listItemLabel.module.css +55 -0
  236. package/lib/components/List/listItemMedia.module.css +41 -0
  237. package/lib/components/Menu/Menu.stories.ts +514 -0
  238. package/lib/components/Menu/Menu.tsx +24 -0
  239. package/lib/components/Menu/MenuBase.tsx +63 -0
  240. package/lib/components/Menu/MenuHeader.tsx +13 -0
  241. package/lib/components/Menu/MenuInputField.tsx +38 -0
  242. package/lib/components/Menu/MenuItem.stories.tsx +164 -0
  243. package/lib/components/Menu/MenuItem.tsx +63 -0
  244. package/lib/components/Menu/MenuItemBase.tsx +77 -0
  245. package/lib/components/Menu/MenuItemLabel.tsx +30 -0
  246. package/lib/components/Menu/MenuItemMedia.tsx +42 -0
  247. package/lib/components/Menu/MenuItems.stories.ts +438 -0
  248. package/lib/components/Menu/MenuItems.tsx +96 -0
  249. package/lib/components/Menu/MenuOption.stories.ts +52 -0
  250. package/lib/components/Menu/MenuOption.tsx +48 -0
  251. package/lib/components/Menu/MenuSearch.stories.ts +18 -0
  252. package/lib/components/Menu/MenuSearch.tsx +25 -0
  253. package/lib/components/Menu/menu.module.css +25 -0
  254. package/lib/components/Menu/menuBase.module.css +25 -0
  255. package/lib/components/Menu/menuHeader.module.css +12 -0
  256. package/lib/components/Menu/menuInputField.module.css +54 -0
  257. package/lib/components/Menu/menuItemBase.module.css +79 -0
  258. package/lib/components/Menu/menuItemLabel.module.css +32 -0
  259. package/lib/components/Menu/menuItemMedia.module.css +38 -0
  260. package/lib/components/Menu/menuOption.module.css +27 -0
  261. package/lib/components/Menu/menuSearch.module.css +30 -0
  262. package/lib/components/Meta/MetaBase.tsx +15 -0
  263. package/lib/components/Meta/MetaItem.stories.ts +25 -0
  264. package/lib/components/Meta/MetaItem.tsx +31 -0
  265. package/lib/components/Meta/MetaItemBase.tsx +46 -0
  266. package/lib/components/Meta/MetaItemLabel.tsx +20 -0
  267. package/lib/components/Meta/MetaItemMedia.tsx +22 -0
  268. package/lib/components/Meta/MetaList.stories.ts +29 -0
  269. package/lib/components/Meta/MetaList.tsx +43 -0
  270. package/lib/components/Meta/MetaProgress.stories.ts +29 -0
  271. package/lib/components/Meta/MetaProgress.tsx +26 -0
  272. package/lib/components/Meta/MetaTimestamp.stories.ts +33 -0
  273. package/lib/components/Meta/MetaTimestamp.tsx +29 -0
  274. package/lib/components/Meta/meta.module.css +6 -0
  275. package/lib/components/Meta/metaItem.module.css +107 -0
  276. package/lib/components/Meta/metaList.module.css +15 -0
  277. package/lib/components/Page/PageBase.tsx +14 -0
  278. package/lib/components/Page/PageHeader.tsx +25 -0
  279. package/lib/components/Page/PageHeaderMedia.tsx +25 -0
  280. package/lib/components/Page/PageNav.tsx +34 -0
  281. package/lib/components/Page/SectionBase.tsx +52 -0
  282. package/lib/components/Page/SectionFooter.tsx +15 -0
  283. package/lib/components/Page/SectionHeader.tsx +16 -0
  284. package/lib/components/Page/pageHeader.module.css +18 -0
  285. package/lib/components/Page/pageNav.module.css +12 -0
  286. package/lib/components/Page/sectionBase.module.css +92 -0
  287. package/lib/components/Page/sectionFooter.module.css +8 -0
  288. package/lib/components/Page/sectionHeader.module.css +9 -0
  289. package/lib/components/RootProvider/RootProvider.tsx +56 -0
  290. package/lib/components/Searchbar/Autocomplete.stories.tsx +77 -0
  291. package/lib/components/Searchbar/Autocomplete.tsx +44 -0
  292. package/lib/components/Searchbar/AutocompleteBase.tsx +16 -0
  293. package/lib/components/Searchbar/AutocompleteGroup.tsx +17 -0
  294. package/lib/components/Searchbar/AutocompleteItem.tsx +23 -0
  295. package/lib/components/Searchbar/SearchField.tsx +81 -0
  296. package/lib/components/Searchbar/Searchbar.stories.tsx +151 -0
  297. package/lib/components/Searchbar/Searchbar.tsx +26 -0
  298. package/lib/components/Searchbar/SearchbarBase.tsx +23 -0
  299. package/lib/components/Searchbar/autocompleteBase.module.css +17 -0
  300. package/lib/components/Searchbar/autocompleteGroup.module.css +3 -0
  301. package/lib/components/Searchbar/autocompleteItem.module.css +19 -0
  302. package/lib/components/Searchbar/searchField.module.css +54 -0
  303. package/lib/components/Searchbar/searchbarBase.module.css +20 -0
  304. package/lib/components/Snackbar/Snackbar.stories.tsx +21 -0
  305. package/lib/components/Snackbar/Snackbar.tsx +32 -0
  306. package/lib/components/Snackbar/SnackbarBase.tsx +39 -0
  307. package/lib/components/Snackbar/SnackbarLabel.tsx +10 -0
  308. package/lib/components/Snackbar/SnackbarMedia.tsx +14 -0
  309. package/lib/components/Snackbar/snackbarBase.module.css +55 -0
  310. package/lib/components/Snackbar/snackbarLabel.module.css +6 -0
  311. package/lib/components/Snackbar/snackbarMedia.module.css +10 -0
  312. package/lib/components/Toolbar/Toolbar.stories.tsx +188 -0
  313. package/lib/components/Toolbar/Toolbar.tsx +159 -0
  314. package/lib/components/Toolbar/ToolbarAdd.stories.ts +23 -0
  315. package/lib/components/Toolbar/ToolbarAdd.tsx +26 -0
  316. package/lib/components/Toolbar/ToolbarBase.tsx +12 -0
  317. package/lib/components/Toolbar/ToolbarButton.stories.ts +32 -0
  318. package/lib/components/Toolbar/ToolbarButton.tsx +65 -0
  319. package/lib/components/Toolbar/ToolbarDate.stories.ts +62 -0
  320. package/lib/components/Toolbar/ToolbarDaterange.stories.ts +24 -0
  321. package/lib/components/Toolbar/ToolbarDaterange.tsx +73 -0
  322. package/lib/components/Toolbar/ToolbarFilter.stories.ts +64 -0
  323. package/lib/components/Toolbar/ToolbarFilter.tsx +82 -0
  324. package/lib/components/Toolbar/ToolbarFilterBase.tsx +15 -0
  325. package/lib/components/Toolbar/ToolbarMenu.stories.ts +37 -0
  326. package/lib/components/Toolbar/ToolbarMenu.tsx +29 -0
  327. package/lib/components/Toolbar/ToolbarOptions.stories.ts +108 -0
  328. package/lib/components/Toolbar/ToolbarOptions.tsx +74 -0
  329. package/lib/components/Toolbar/ToolbarSearch.stories.ts +19 -0
  330. package/lib/components/Toolbar/ToolbarSearch.tsx +24 -0
  331. package/lib/components/Toolbar/toolbarBase.module.css +19 -0
  332. package/lib/components/Toolbar/toolbarButton.module.css +3 -0
  333. package/lib/components/Toolbar/toolbarDaterange.module.css +12 -0
  334. package/lib/components/Toolbar/toolbarFilterBase.module.css +7 -0
  335. package/lib/components/Toolbar/toolbarMenu.module.css +7 -0
  336. package/lib/components/Toolbar/toolbarSearch.module.css +28 -0
  337. package/lib/components/Typography/Heading.tsx +23 -0
  338. package/lib/components/Typography/Typography.tsx +24 -0
  339. package/lib/components/Typography/heading.module.css +21 -0
  340. package/lib/components/Typography/typography.module.css +64 -0
  341. package/lib/css/colors.css +113 -0
  342. package/lib/css/global.css +16 -0
  343. package/lib/css/shadows.css +7 -0
  344. package/lib/css/theme-article.css +15 -0
  345. package/lib/css/theme-company.css +15 -0
  346. package/lib/css/theme-global-dark.css +19 -0
  347. package/lib/css/theme-global.css +15 -0
  348. package/lib/css/theme-neutral.css +15 -0
  349. package/lib/css/theme-person.css +15 -0
  350. package/lib/css/theme.css +22 -0
  351. package/lib/hooks/useClickOutside.ts +22 -0
  352. package/lib/hooks/useEscapeKey.ts +17 -0
  353. package/lib/hooks/useMenu.tsx +81 -0
  354. package/lib/stories/Color/MenuItem.stories.tsx +43 -0
  355. package/lib/stories/Color/Swatches.stories.tsx +19 -0
  356. package/lib/stories/Color/Swatches.tsx +42 -0
  357. package/lib/stories/Color/colors.json +62 -0
  358. package/lib/stories/Color/swatches.module.css +14 -0
  359. package/lib/stories/Inbox/BookmarksPage.tsx +78 -0
  360. package/lib/stories/Inbox/DialogPage.tsx +15 -0
  361. package/lib/stories/Inbox/Inbox.stories.tsx +55 -0
  362. package/lib/stories/Inbox/Inbox.tsx +12 -0
  363. package/lib/stories/Inbox/InboxLayout.tsx +51 -0
  364. package/lib/stories/Inbox/InboxPage.tsx +51 -0
  365. package/lib/stories/Inbox/InboxProvider.tsx +136 -0
  366. package/lib/stories/Inbox/InboxSection.tsx +39 -0
  367. package/lib/stories/Inbox/InboxToolbar.tsx +94 -0
  368. package/lib/stories/Inbox/ProfilePage.tsx +36 -0
  369. package/lib/stories/Inbox/SettingsPage.tsx +19 -0
  370. package/lib/stories/Inbox/accounts/accounts.ts +24 -0
  371. package/lib/stories/Inbox/accounts/index.ts +1 -0
  372. package/lib/stories/Inbox/actionMenu.ts +24 -0
  373. package/lib/stories/Inbox/dialogs/brreg-completed.json +35 -0
  374. package/lib/stories/Inbox/dialogs/brreg-draft.json +41 -0
  375. package/lib/stories/Inbox/dialogs/enova-in-progress.json +35 -0
  376. package/lib/stories/Inbox/dialogs/index.ts +53 -0
  377. package/lib/stories/Inbox/dialogs/skatt-2023.json +33 -0
  378. package/lib/stories/Inbox/dialogs/sykmelding-referat.json +41 -0
  379. package/lib/stories/Inbox/groupBy.ts +19 -0
  380. package/lib/stories/Inbox/inboxSection.module.css +19 -0
  381. package/lib/stories/Inbox/index.ts +15 -0
  382. package/lib/stories/Inbox/layout/footer.ts +27 -0
  383. package/lib/stories/Inbox/layout/header.ts +11 -0
  384. package/lib/stories/Inbox/layout/index.ts +3 -0
  385. package/lib/stories/Inbox/layout/menu.ts +64 -0
  386. package/package.json +19 -27
  387. package/renovate.json +4 -0
  388. package/tsconfig.json +28 -0
  389. package/tsconfig.node.json +11 -0
  390. package/typings.d.ts +1 -0
  391. package/vite.config.ts +20 -0
  392. package/dist/components/Attachment/AttachmentLink.d.ts +0 -10
  393. package/dist/components/Attachment/AttachmentList.d.ts +0 -7
  394. package/dist/components/Avatar/Avatar.d.ts +0 -27
  395. package/dist/components/Avatar/AvatarGroup.d.ts +0 -20
  396. package/dist/components/Avatar/color.d.ts +0 -4
  397. package/dist/components/Badge/Badge.d.ts +0 -11
  398. package/dist/components/Bookmarks/BookmarksList.d.ts +0 -7
  399. package/dist/components/Bookmarks/BookmarksListItem.d.ts +0 -21
  400. package/dist/components/Bookmarks/QueryLabel.d.ts +0 -11
  401. package/dist/components/Button/Button.d.ts +0 -8
  402. package/dist/components/Button/ButtonBase.d.ts +0 -20
  403. package/dist/components/Button/ButtonIcon.d.ts +0 -7
  404. package/dist/components/Button/ButtonLabel.d.ts +0 -8
  405. package/dist/components/Button/ComboButton.d.ts +0 -10
  406. package/dist/components/Button/IconButton.d.ts +0 -14
  407. package/dist/components/ContextMenu/ContextMenu.d.ts +0 -8
  408. package/dist/components/ContextMenu/ContextMenuBase.d.ts +0 -9
  409. package/dist/components/Dialog/Dialog.d.ts +0 -54
  410. package/dist/components/Dialog/DialogActions.d.ts +0 -16
  411. package/dist/components/Dialog/DialogActivityLog.d.ts +0 -10
  412. package/dist/components/Dialog/DialogArticleBase.d.ts +0 -6
  413. package/dist/components/Dialog/DialogAttachments.d.ts +0 -6
  414. package/dist/components/Dialog/DialogBase.d.ts +0 -5
  415. package/dist/components/Dialog/DialogBodyBase.d.ts +0 -5
  416. package/dist/components/Dialog/DialogBorder.d.ts +0 -9
  417. package/dist/components/Dialog/DialogContent.d.ts +0 -9
  418. package/dist/components/Dialog/DialogFooter.d.ts +0 -4
  419. package/dist/components/Dialog/DialogGroup.d.ts +0 -6
  420. package/dist/components/Dialog/DialogHeader.d.ts +0 -10
  421. package/dist/components/Dialog/DialogHeaderBase.d.ts +0 -5
  422. package/dist/components/Dialog/DialogHeadings.d.ts +0 -24
  423. package/dist/components/Dialog/DialogHistory.d.ts +0 -6
  424. package/dist/components/Dialog/DialogList.d.ts +0 -7
  425. package/dist/components/Dialog/DialogListItem.d.ts +0 -59
  426. package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
  427. package/dist/components/Dialog/DialogMetadata.d.ts +0 -22
  428. package/dist/components/Dialog/DialogNav.d.ts +0 -21
  429. package/dist/components/Dialog/DialogSectionBase.d.ts +0 -6
  430. package/dist/components/Dialog/DialogSeenBy.d.ts +0 -19
  431. package/dist/components/Dialog/DialogSelect.d.ts +0 -10
  432. package/dist/components/Dialog/DialogStatus.d.ts +0 -25
  433. package/dist/components/Dialog/DialogTitle.d.ts +0 -20
  434. package/dist/components/Dialog/DialogTouchedBy.d.ts +0 -10
  435. package/dist/components/Dropdown/Backdrop.d.ts +0 -6
  436. package/dist/components/Dropdown/DrawerBase.d.ts +0 -9
  437. package/dist/components/Dropdown/DrawerBody.d.ts +0 -6
  438. package/dist/components/Dropdown/DrawerButton.d.ts +0 -7
  439. package/dist/components/Dropdown/DrawerFooter.d.ts +0 -6
  440. package/dist/components/Dropdown/DrawerHeader.d.ts +0 -7
  441. package/dist/components/Dropdown/DrawerOrDropdown.d.ts +0 -10
  442. package/dist/components/Dropdown/DropdownBase.d.ts +0 -10
  443. package/dist/components/Footer/Footer.d.ts +0 -6
  444. package/dist/components/Footer/FooterAddress.d.ts +0 -6
  445. package/dist/components/Footer/FooterBase.d.ts +0 -6
  446. package/dist/components/Footer/FooterLogo.d.ts +0 -5
  447. package/dist/components/Footer/FooterMenu.d.ts +0 -14
  448. package/dist/components/GlobalMenu/AccountButton.d.ts +0 -14
  449. package/dist/components/GlobalMenu/AccountMenu.d.ts +0 -20
  450. package/dist/components/GlobalMenu/BackButton.d.ts +0 -5
  451. package/dist/components/GlobalMenu/GlobalMenu.d.ts +0 -16
  452. package/dist/components/GlobalMenu/GlobalMenuBase.d.ts +0 -7
  453. package/dist/components/GlobalMenu/LogoutButton.d.ts +0 -7
  454. package/dist/components/Header/DigdirLogomark.d.ts +0 -5
  455. package/dist/components/Header/Header.d.ts +0 -9
  456. package/dist/components/Header/HeaderBase.d.ts +0 -9
  457. package/dist/components/Header/HeaderButton.d.ts +0 -15
  458. package/dist/components/Header/HeaderLogo.d.ts +0 -9
  459. package/dist/components/Header/HeaderMenu.d.ts +0 -7
  460. package/dist/components/Header/HeaderSearch.d.ts +0 -7
  461. package/dist/components/History/HistoryAttachments.d.ts +0 -6
  462. package/dist/components/History/HistoryBorder.d.ts +0 -7
  463. package/dist/components/History/HistoryItem.d.ts +0 -14
  464. package/dist/components/History/HistoryList.d.ts +0 -6
  465. package/dist/components/Icon/CheckboxCheckedIcon.d.ts +0 -8
  466. package/dist/components/Icon/CheckboxIcon.d.ts +0 -10
  467. package/dist/components/Icon/CheckboxUncheckedIcon.d.ts +0 -9
  468. package/dist/components/Icon/Icon.d.ts +0 -9
  469. package/dist/components/Icon/ProgressIcon.d.ts +0 -6
  470. package/dist/components/Icon/RadioCheckedIcon.d.ts +0 -8
  471. package/dist/components/Icon/RadioIcon.d.ts +0 -10
  472. package/dist/components/Icon/RadioUncheckedIcon.d.ts +0 -9
  473. package/dist/components/Icon/SvgIcon.d.ts +0 -9
  474. package/dist/components/Icon/iconsMap.d.ts +0 -1911
  475. package/dist/components/Layout/Layout.d.ts +0 -24
  476. package/dist/components/Layout/LayoutBase.d.ts +0 -21
  477. package/dist/components/Layout/LayoutBody.d.ts +0 -7
  478. package/dist/components/Layout/LayoutContent.d.ts +0 -7
  479. package/dist/components/Layout/LayoutSidebar.d.ts +0 -13
  480. package/dist/components/LayoutAction/ActionFooter.d.ts +0 -6
  481. package/dist/components/LayoutAction/ActionHeader.d.ts +0 -7
  482. package/dist/components/LayoutAction/ActionMenu.d.ts +0 -6
  483. package/dist/components/List/List.d.ts +0 -10
  484. package/dist/components/List/ListBase.d.ts +0 -9
  485. package/dist/components/List/ListItem.d.ts +0 -46
  486. package/dist/components/List/ListItemBase.d.ts +0 -27
  487. package/dist/components/List/ListItemLabel.d.ts +0 -9
  488. package/dist/components/List/ListItemMedia.d.ts +0 -14
  489. package/dist/components/Menu/Menu.d.ts +0 -8
  490. package/dist/components/Menu/MenuBase.d.ts +0 -27
  491. package/dist/components/Menu/MenuHeader.d.ts +0 -4
  492. package/dist/components/Menu/MenuInputField.d.ts +0 -12
  493. package/dist/components/Menu/MenuItem.d.ts +0 -35
  494. package/dist/components/Menu/MenuItemBase.d.ts +0 -23
  495. package/dist/components/Menu/MenuItemLabel.d.ts +0 -10
  496. package/dist/components/Menu/MenuItemMedia.d.ts +0 -14
  497. package/dist/components/Menu/MenuItems.d.ts +0 -17
  498. package/dist/components/Menu/MenuOption.d.ts +0 -19
  499. package/dist/components/Menu/MenuSearch.d.ts +0 -8
  500. package/dist/components/Meta/MetaBase.d.ts +0 -7
  501. package/dist/components/Meta/MetaItem.d.ts +0 -18
  502. package/dist/components/Meta/MetaItemBase.d.ts +0 -15
  503. package/dist/components/Meta/MetaItemLabel.d.ts +0 -11
  504. package/dist/components/Meta/MetaItemMedia.d.ts +0 -9
  505. package/dist/components/Meta/MetaList.d.ts +0 -12
  506. package/dist/components/Meta/MetaProgress.d.ts +0 -13
  507. package/dist/components/Meta/MetaTimestamp.d.ts +0 -16
  508. package/dist/components/Page/PageBase.d.ts +0 -6
  509. package/dist/components/Page/PageHeader.d.ts +0 -7
  510. package/dist/components/Page/PageHeaderMedia.d.ts +0 -10
  511. package/dist/components/Page/PageNav.d.ts +0 -14
  512. package/dist/components/Page/SectionBase.d.ts +0 -19
  513. package/dist/components/Page/SectionFooter.d.ts +0 -6
  514. package/dist/components/Page/SectionHeader.d.ts +0 -7
  515. package/dist/components/RootProvider/RootProvider.d.ts +0 -19
  516. package/dist/components/Searchbar/Autocomplete.d.ts +0 -9
  517. package/dist/components/Searchbar/AutocompleteBase.d.ts +0 -7
  518. package/dist/components/Searchbar/AutocompleteGroup.d.ts +0 -6
  519. package/dist/components/Searchbar/AutocompleteItem.d.ts +0 -13
  520. package/dist/components/Searchbar/SearchField.d.ts +0 -16
  521. package/dist/components/Searchbar/Searchbar.d.ts +0 -9
  522. package/dist/components/Searchbar/SearchbarBase.d.ts +0 -8
  523. package/dist/components/Snackbar/Snackbar.d.ts +0 -21
  524. package/dist/components/Snackbar/SnackbarBase.d.ts +0 -13
  525. package/dist/components/Snackbar/SnackbarLabel.d.ts +0 -5
  526. package/dist/components/Snackbar/SnackbarMedia.d.ts +0 -6
  527. package/dist/components/Toolbar/Toolbar.d.ts +0 -15
  528. package/dist/components/Toolbar/ToolbarAdd.d.ts +0 -10
  529. package/dist/components/Toolbar/ToolbarBase.d.ts +0 -7
  530. package/dist/components/Toolbar/ToolbarButton.d.ts +0 -14
  531. package/dist/components/Toolbar/ToolbarFilter.d.ts +0 -23
  532. package/dist/components/Toolbar/ToolbarFilterBase.d.ts +0 -6
  533. package/dist/components/Toolbar/ToolbarMenu.d.ts +0 -13
  534. package/dist/components/Toolbar/ToolbarOptions.d.ts +0 -18
  535. package/dist/components/Toolbar/ToolbarSearch.d.ts +0 -8
  536. package/dist/components/Typography/Heading.d.ts +0 -10
  537. package/dist/components/Typography/Typography.d.ts +0 -11
  538. package/dist/hooks/useClickOutside.d.ts +0 -2
  539. package/dist/hooks/useEscapeKey.d.ts +0 -1
  540. package/dist/hooks/useMenu.d.ts +0 -21
  541. package/dist/index.css +0 -1
  542. package/dist/index.es.js +0 -3340
  543. /package/{dist/components/Attachment/index.d.ts → lib/components/Attachment/index.ts} +0 -0
  544. /package/{dist/components/Avatar/index.d.ts → lib/components/Avatar/index.ts} +0 -0
  545. /package/{dist/components/Badge/index.d.ts → lib/components/Badge/index.tsx} +0 -0
  546. /package/{dist/components/Bookmarks/index.d.ts → lib/components/Bookmarks/index.ts} +0 -0
  547. /package/{dist/components/Button/index.d.ts → lib/components/Button/index.ts} +0 -0
  548. /package/{dist/components/ContextMenu/index.d.ts → lib/components/ContextMenu/index.ts} +0 -0
  549. /package/{dist/components/Datepicker/index.d.ts → lib/components/Datepicker/index.ts} +0 -0
  550. /package/{dist/components/Dialog/index.d.ts → lib/components/Dialog/index.ts} +0 -0
  551. /package/{dist/components/Footer/index.d.ts → lib/components/Footer/index.ts} +0 -0
  552. /package/{dist/components/GlobalMenu/index.d.ts → lib/components/GlobalMenu/index.tsx} +0 -0
  553. /package/{dist/components/Header/index.d.ts → lib/components/Header/index.tsx} +0 -0
  554. /package/{dist/components/History/index.d.ts → lib/components/History/index.ts} +0 -0
  555. /package/{dist/components/Icon/index.d.ts → lib/components/Icon/index.ts} +0 -0
  556. /package/{dist/components/Layout/index.d.ts → lib/components/Layout/index.tsx} +0 -0
  557. /package/{dist/components/LayoutAction/index.d.ts → lib/components/LayoutAction/index.ts} +0 -0
  558. /package/{dist/components/List/index.d.ts → lib/components/List/index.ts} +0 -0
  559. /package/{dist/components/Menu/index.d.ts → lib/components/Menu/index.ts} +0 -0
  560. /package/{dist/components/Meta/index.d.ts → lib/components/Meta/index.ts} +0 -0
  561. /package/{dist/components/Page/index.d.ts → lib/components/Page/index.ts} +0 -0
  562. /package/{dist/components/RootProvider/index.d.ts → lib/components/RootProvider/index.ts} +0 -0
  563. /package/{dist/components/Searchbar/index.d.ts → lib/components/Searchbar/index.ts} +0 -0
  564. /package/{dist/components/Snackbar/index.d.ts → lib/components/Snackbar/index.ts} +0 -0
  565. /package/{dist/components/Toolbar/index.d.ts → lib/components/Toolbar/index.ts} +0 -0
  566. /package/{dist/components/Typography/index.d.ts → lib/components/Typography/index.ts} +0 -0
  567. /package/{dist/components/index.d.ts → lib/components/index.ts} +0 -0
  568. /package/{dist/hooks/index.d.ts → lib/hooks/index.ts} +0 -0
  569. /package/{dist/index.d.ts → lib/index.ts} +0 -0
@@ -1,24 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { LayoutTheme } from '.';
3
- import { FooterProps } from '../Footer';
4
- import { HeaderProps } from '../Header';
5
- import { MenuProps } from '../Menu';
6
- interface SidebarProps {
7
- theme?: LayoutTheme;
8
- menu?: MenuProps;
9
- children?: ReactNode;
10
- hidden?: boolean;
11
- }
12
- interface ContentProps {
13
- theme?: LayoutTheme;
14
- }
15
- export interface LayoutProps {
16
- theme?: LayoutTheme;
17
- header?: HeaderProps;
18
- footer?: FooterProps;
19
- sidebar?: SidebarProps;
20
- content?: ContentProps;
21
- children: ReactNode;
22
- }
23
- export declare const Layout: ({ theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
24
- export {};
@@ -1,21 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type LayoutTheme = 'global' | 'global-dark' | 'neutral' | 'company' | 'person';
3
- export interface LayoutBaseProps {
4
- theme?: LayoutTheme;
5
- currentId?: string;
6
- children?: ReactNode;
7
- }
8
- /**
9
- * Base layout container where you can set the application theme colors.
10
- *
11
- * Anatomy of a layout:
12
- *
13
- * - LayoutBase
14
- * - Header
15
- * - LayoutBody
16
- * - LayoutSidebar
17
- * - LayoutContent
18
- * - Footer
19
- *
20
- */
21
- export declare const LayoutBase: ({ currentId, theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { LayoutBaseProps } from './LayoutBase';
2
- /**
3
- * Body layout container. Should be a child of LayoutBase.
4
- * Defines a max-width for the application body.
5
- *
6
- */
7
- export declare const LayoutBody: ({ theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { LayoutBaseProps } from './LayoutBase';
2
- /**
3
- * Content layout container. Should be a child of LayoutBody.
4
- *
5
- *
6
- */
7
- export declare const LayoutContent: ({ theme, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { LayoutTheme } from './LayoutBase';
3
- /**
4
- * Sidebar layout container. Should be a child of LayoutBody.
5
- *
6
- * Will be hidden on small screens.
7
- */
8
- export interface LayoutSidebarProps {
9
- theme?: LayoutTheme;
10
- hidden?: boolean;
11
- children?: ReactNode;
12
- }
13
- export declare const LayoutSidebar: ({ theme, hidden, children }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ReactElement } from 'react';
2
- export interface ActionFooterProps {
3
- hidden: boolean;
4
- children?: ReactElement;
5
- }
6
- export declare const ActionFooter: ({ hidden, children }: ActionFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- export interface ActionHeaderProps {
2
- title: string;
3
- hidden?: boolean;
4
- dismissable?: boolean;
5
- onDismiss?: () => void;
6
- }
7
- export declare const ActionHeader: ({ hidden, title, dismissable, onDismiss }: ActionHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { MenuItemProps, MenuTheme } from '../Menu';
2
- export interface ActionMenuProps {
3
- theme?: MenuTheme;
4
- items?: MenuItemProps[];
5
- }
6
- export declare const ActionMenu: ({ theme, items }: ActionMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { ListSpacing, ListTheme } from '../List';
2
- import { ListItemProps } from './ListItem';
3
- import { ListItemSize } from './ListItemBase';
4
- export interface ListProps {
5
- size?: ListItemSize;
6
- spacing?: ListSpacing;
7
- theme?: ListTheme;
8
- items?: ListItemProps[];
9
- }
10
- export declare const List: ({ theme, size, spacing, items }: ListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type ListTheme = 'inherit' | 'global' | 'neutral' | 'person' | 'company';
3
- export type ListSpacing = 'none' | 'sm' | 'md' | 'lg';
4
- export interface ListBaseProps {
5
- theme?: ListTheme;
6
- spacing?: ListSpacing;
7
- children?: ReactNode;
8
- }
9
- export declare const ListBase: ({ theme, spacing, children }: ListBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,46 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps } from '../Avatar';
3
- import { BadgeProps } from '../Badge';
4
- import { IconName } from '../Icon';
5
- import { ListItemColor, ListItemSize } from './ListItemBase';
6
- export interface ListItemProps {
7
- id: string;
8
- type?: string;
9
- /** Element type to render */
10
- as?: ElementType;
11
- color?: ListItemColor;
12
- href?: string;
13
- onClick?(): void;
14
- /** Item is active */
15
- active?: boolean;
16
- /** Item should be hidden from view */
17
- hidden?: boolean;
18
- /** Collapsible item, sets linkIcon to "chevron down" */
19
- collapsible?: boolean;
20
- /** Item is expanded, sets linkIcon to "chevron up" */
21
- expanded?: boolean;
22
- /** Item is selected */
23
- selected?: boolean;
24
- /** Item is disabled, should disable mouse events */
25
- disabled?: boolean;
26
- /** Display an icon indicating behaviour */
27
- linkIcon?: IconName;
28
- /** Size of list item */
29
- size?: ListItemSize;
30
- /** Title */
31
- title?: string;
32
- /** Optional description */
33
- description?: string;
34
- /** Optional badge */
35
- badge?: BadgeProps;
36
- /** List item icon */
37
- icon?: IconName;
38
- /** List item avatar */
39
- avatar?: AvatarProps;
40
- /** List item avatarGroup */
41
- avatarGroup?: AvatarGroupProps;
42
- children?: ReactNode;
43
- items?: ListItemProps[];
44
- className?: string;
45
- }
46
- export declare const ListItem: ({ as, color, children, selected, disabled, size, icon, avatar, avatarGroup, badge, title, description, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,27 +0,0 @@
1
- import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
2
- import { BadgeProps } from '../Badge';
3
- import { ContextMenuProps } from '../ContextMenu';
4
- import { IconName } from '../Icon';
5
- export type ListItemColor = 'default' | 'accent';
6
- export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
7
- interface ListItemBaseProps {
8
- as?: ElementType;
9
- size?: ListItemSize;
10
- menu?: ContextMenuProps;
11
- linkIcon?: IconName;
12
- color?: ListItemColor;
13
- badge?: BadgeProps;
14
- href?: string;
15
- className?: string;
16
- active?: boolean;
17
- hidden?: boolean;
18
- collapsible?: boolean;
19
- selected?: boolean;
20
- expanded?: boolean;
21
- onClick?: () => void;
22
- onKeyPress?: KeyboardEventHandler;
23
- children?: ReactNode;
24
- style?: React.CSSProperties;
25
- }
26
- export declare const ListItemBase: ({ as, children, className, href, size, color, active, hidden, collapsible, selected, expanded, linkIcon, menu, badge, onClick, onKeyPress, style, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
27
- export {};
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ListItemSize } from './ListItemBase';
3
- export interface ListItemLabelProps {
4
- size?: ListItemSize;
5
- title?: string;
6
- description?: string;
7
- children?: ReactNode;
8
- }
9
- export declare const ListItemLabel: ({ size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps } from '../Avatar';
3
- import { IconName } from '../Icon';
4
- import { ListItemColor, ListItemSize } from './ListItemBase';
5
- interface ListItemMediaProps {
6
- color?: ListItemColor;
7
- size?: ListItemSize;
8
- icon?: IconName;
9
- avatar?: AvatarProps;
10
- avatarGroup?: AvatarGroupProps;
11
- children?: ReactNode;
12
- }
13
- export declare const ListItemMedia: ({ size, color, icon, avatar, avatarGroup, children, }: ListItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
14
- export {};
@@ -1,8 +0,0 @@
1
- import { MenuTheme } from './MenuBase';
2
- import { MenuItemsProps } from './MenuItems';
3
- import { MenuSearchProps } from './MenuSearch';
4
- export interface MenuProps extends MenuItemsProps {
5
- theme?: MenuTheme;
6
- search?: MenuSearchProps;
7
- }
8
- export declare const Menu: ({ theme, defaultItemColor, defaultItemSize, groups, items, search, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,27 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export type MenuTheme = 'inherit' | 'global' | 'neutral' | 'company' | 'person' | 'global-dark';
3
- export type MenuListRole = 'presentation' | 'group';
4
- export type MenuListItemRole = 'presentation' | 'group' | 'separator';
5
- export interface MenuBaseProps {
6
- as?: ElementType;
7
- theme?: MenuTheme;
8
- className?: string;
9
- children?: ReactNode;
10
- }
11
- export interface MenuListProps {
12
- as?: ElementType;
13
- role?: MenuListRole;
14
- expanded?: boolean;
15
- className?: string;
16
- children?: ReactNode;
17
- }
18
- export interface MenuListItemProps {
19
- as?: ElementType;
20
- role?: MenuListItemRole;
21
- expanded?: boolean;
22
- className?: string;
23
- children?: ReactNode;
24
- }
25
- export declare const MenuBase: ({ as, theme, className, children }: MenuBaseProps) => import("react/jsx-runtime").JSX.Element;
26
- export declare const MenuList: ({ as, role, expanded, className, children }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
27
- export declare const MenuListItem: ({ as, role, expanded, className, children, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface MenuHeaderProps {
2
- title: string;
3
- }
4
- export declare const MenuHeader: ({ title }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { ChangeEventHandler } from 'react';
2
- type InputType = 'text' | 'date' | 'search';
3
- export interface MenuInputFieldProps {
4
- placeholder?: string;
5
- type?: InputType;
6
- label?: string;
7
- name: string;
8
- value: string;
9
- onChange: ChangeEventHandler;
10
- }
11
- export declare const MenuInputField: ({ label, type, value, name, placeholder, onChange, }: MenuInputFieldProps) => import("react/jsx-runtime").JSX.Element;
12
- export {};
@@ -1,35 +0,0 @@
1
- import { ElementType, MouseEventHandler, ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps } from '../Avatar';
3
- import { BadgeProps } from '../Badge';
4
- import { IconName } from '../Icon';
5
- import { MenuItemColor, MenuItemSize } from './MenuItemBase';
6
- export interface MenuItemProps {
7
- id: string;
8
- tabIndex?: number;
9
- type?: string;
10
- as?: ElementType;
11
- color?: MenuItemColor;
12
- size?: MenuItemSize;
13
- href?: string;
14
- onClick?: MouseEventHandler;
15
- hidden?: boolean;
16
- active?: boolean;
17
- collapsible?: boolean;
18
- expanded?: boolean;
19
- selected?: boolean;
20
- disabled?: boolean;
21
- groupId?: string | number;
22
- title?: string;
23
- description?: string;
24
- label?: string;
25
- badge?: BadgeProps;
26
- icon?: IconName;
27
- avatar?: AvatarProps;
28
- avatarGroup?: AvatarGroupProps;
29
- children?: ReactNode;
30
- items?: MenuItemProps[];
31
- linkIcon?: IconName;
32
- linkText?: string;
33
- className?: string;
34
- }
35
- export declare const MenuItem: ({ as, color, size, children, selected, disabled, icon, avatar, avatarGroup, badge, label, title, description, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,23 +0,0 @@
1
- import { ElementType, MouseEventHandler, ReactNode } from 'react';
2
- import { BadgeProps } from '../Badge';
3
- import { IconName } from '../Icon';
4
- export type MenuItemColor = 'neutral' | 'subtle' | 'strong' | 'company' | 'person';
5
- export type MenuItemSize = 'sm' | 'md' | 'lg';
6
- export interface MenuItemBaseProps {
7
- as?: ElementType;
8
- onClick?: MouseEventHandler;
9
- color?: MenuItemColor;
10
- children?: ReactNode;
11
- tabIndex?: number;
12
- size?: MenuItemSize;
13
- linkIcon?: IconName;
14
- linkText?: string;
15
- badge?: BadgeProps;
16
- collapsible?: boolean;
17
- active?: boolean;
18
- expanded?: boolean;
19
- selected?: boolean;
20
- disabled?: boolean;
21
- className?: string;
22
- }
23
- export declare const MenuItemBase: ({ as, onClick, size, color, linkIcon, linkText, badge, tabIndex, active, collapsible, expanded, selected, disabled, className, children, ...rest }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MenuItemSize } from './MenuItemBase';
3
- export interface MenuItemLabelProps {
4
- size?: MenuItemSize;
5
- label?: string;
6
- title?: string;
7
- description?: string;
8
- children?: ReactNode;
9
- }
10
- export declare const MenuItemLabel: ({ size, label, title, description, children }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps } from '../Avatar';
3
- import { IconName } from '../Icon';
4
- import { MenuItemColor, MenuItemSize } from './MenuItemBase';
5
- interface MenuItemMediaProps {
6
- color?: MenuItemColor;
7
- size?: MenuItemSize;
8
- icon?: IconName;
9
- avatar?: AvatarProps;
10
- avatarGroup?: AvatarGroupProps;
11
- children?: ReactNode;
12
- }
13
- export declare const MenuItemMedia: ({ size, color, icon, avatar, avatarGroup, children }: MenuItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
14
- export {};
@@ -1,17 +0,0 @@
1
- import { MenuItemColor, MenuItemProps, MenuItemSize } from '../';
2
- export interface MenuGroupProps {
3
- title?: string;
4
- divider?: boolean;
5
- defaultItemColor?: MenuItemColor;
6
- defaultItemSize?: MenuItemSize;
7
- }
8
- export type MenuItemGroups = Record<string, MenuGroupProps>;
9
- export interface MenuItemsProps {
10
- level?: number;
11
- expanded?: boolean;
12
- items: MenuItemProps[];
13
- groups?: MenuItemGroups;
14
- defaultItemColor?: MenuItemColor;
15
- defaultItemSize?: MenuItemSize;
16
- }
17
- export declare const MenuItems: ({ level, expanded, items, groups, defaultItemColor, defaultItemSize, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { ChangeEventHandler } from 'react';
2
- import { BadgeProps } from '../Badge';
3
- import { MenuItemSize } from './MenuItemBase';
4
- export type MenuOptionType = 'checkbox' | 'radio';
5
- export interface MenuOptionProps {
6
- value: string | number;
7
- label: string;
8
- groupId?: string;
9
- size?: MenuItemSize;
10
- name?: string;
11
- title?: string;
12
- description?: string;
13
- badge?: BadgeProps;
14
- checked?: boolean;
15
- disabled?: boolean;
16
- onChange?: ChangeEventHandler;
17
- type?: MenuOptionType;
18
- }
19
- export declare const MenuOption: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ChangeEventHandler } from 'react';
2
- export interface MenuSearchProps {
3
- placeholder?: string;
4
- name: string;
5
- value: string;
6
- onChange: ChangeEventHandler;
7
- }
8
- export declare const MenuSearch: ({ value, name, placeholder, onChange }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MetaItemSize } from './MetaItemBase';
3
- export interface MetaBaseProps {
4
- size?: MetaItemSize;
5
- children?: ReactNode;
6
- }
7
- export declare const MetaBase: ({ size, children }: MetaBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- import { IconName } from '../Icon';
3
- import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
4
- export interface MetaItemProps {
5
- /** Render as element */
6
- as?: ElementType;
7
- /** Meta size */
8
- size?: MetaItemSize;
9
- /** Variant */
10
- variant?: MetaItemVariant;
11
- /** Icon name */
12
- icon?: IconName;
13
- /** Label */
14
- children?: ReactNode;
15
- /** classname */
16
- className?: string;
17
- }
18
- export declare const MetaItem: ({ size, variant, icon, children, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export type MetaItemVariant = 'solid' | 'outline' | 'dotted' | 'text';
3
- export type MetaItemSize = 'xs';
4
- export type MetaItemColor = 'subtle';
5
- export interface MetaItemBaseProps {
6
- as?: ElementType;
7
- variant?: MetaItemVariant;
8
- size?: MetaItemSize;
9
- color?: MetaItemColor;
10
- datetime?: string;
11
- progress?: number;
12
- className?: string;
13
- children?: ReactNode;
14
- }
15
- export declare const MetaItemBase: ({ as, variant, size, color, progress, datetime, className, children, ...rest }: MetaItemBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
3
- export interface MetaItemLabelProps {
4
- /** Meta size */
5
- size?: MetaItemSize;
6
- /** Variant */
7
- variant?: MetaItemVariant;
8
- /** Label */
9
- children?: ReactNode;
10
- }
11
- export declare const MetaItemLabel: ({ size, variant, children }: MetaItemLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { IconName } from '../Icon';
2
- import { MetaItemSize } from './MetaItemBase';
3
- interface MetaItemMediaProps {
4
- size?: MetaItemSize;
5
- progress?: number;
6
- icon?: IconName;
7
- }
8
- export declare const MetaItemMedia: ({ size, icon, progress }: MetaItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,12 +0,0 @@
1
- import { MetaItemBaseProps, MetaItemSize } from './MetaItemBase';
2
- export type MetaListItemType = 'default' | 'progress' | 'timestamp';
3
- export interface MetaListItemProps extends MetaItemBaseProps {
4
- label: string;
5
- type?: MetaListItemType;
6
- }
7
- export interface MetaListProps {
8
- items: MetaListItemProps[];
9
- size?: MetaItemSize;
10
- }
11
- export declare const MetaListItem: ({ type, label, ...rest }: MetaListItemProps) => import("react/jsx-runtime").JSX.Element;
12
- export declare const MetaList: ({ size, items }: MetaListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
3
- export interface MetaProgressProps {
4
- /** Meta size */
5
- size?: MetaItemSize;
6
- /** Variant */
7
- variant?: MetaItemVariant;
8
- /** Progress of 100 */
9
- progress?: number;
10
- /** Label */
11
- children?: ReactNode;
12
- }
13
- export declare const MetaProgress: ({ size, variant, progress, children }: MetaProgressProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { IconName } from '../Icon';
3
- import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
4
- export interface MetaTimestampProps {
5
- /** Meta size */
6
- size?: MetaItemSize;
7
- /** Variant */
8
- variant?: MetaItemVariant;
9
- /** Datetime in ISO format */
10
- datetime?: string;
11
- /** Icon name */
12
- icon?: IconName;
13
- /** Label */
14
- children?: ReactNode;
15
- }
16
- export declare const MetaTimestamp: ({ size, variant, datetime, icon, children }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { SectionBaseProps } from './SectionBase';
3
- export interface PageBaseProps extends SectionBaseProps {
4
- children?: ReactNode;
5
- }
6
- export declare const PageBase: ({ children, ...props }: PageBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { PageHeaderMediaProps } from './PageHeaderMedia';
2
- import { SectionBaseProps } from './SectionBase';
3
- export interface PageHeaderProps extends SectionBaseProps, PageHeaderMediaProps {
4
- title?: string;
5
- description?: string;
6
- }
7
- export declare const PageHeader: ({ title, description, icon, avatar, avatarGroup, children, ...props }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps } from '../Avatar';
3
- import { IconName } from '../Icon';
4
- export interface PageHeaderMediaProps {
5
- icon?: IconName;
6
- avatar?: AvatarProps;
7
- avatarGroup?: AvatarGroupProps;
8
- children?: ReactNode;
9
- }
10
- export declare const PageHeaderMedia: ({ icon, avatar, avatarGroup }: PageHeaderMediaProps) => false | import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export interface PageBackButtonProps {
3
- as?: ElementType;
4
- href?: string;
5
- label?: string;
6
- }
7
- export interface PageNavProps {
8
- backButton?: PageBackButtonProps;
9
- children?: ReactNode;
10
- }
11
- /**
12
- * Page navigation bar with back button or breadcrumbs.
13
- */
14
- export declare const PageNav: ({ backButton, children, }: PageNavProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { CSSProperties, ReactNode } from 'react';
2
- export type SectionElement = 'section' | 'main' | 'header' | 'footer' | 'div';
3
- export type SectionColor = 'transparent' | 'white' | 'subtle' | 'accent';
4
- export type SectionSpacing = 'none' | 'sm' | 'md' | 'lg';
5
- export type SectionMargin = 'none' | 'sm' | 'md' | 'lg';
6
- export type SectionShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
7
- export interface SectionBaseProps {
8
- as?: SectionElement;
9
- color?: SectionColor;
10
- padding?: boolean;
11
- spacing?: SectionSpacing;
12
- margin?: SectionMargin;
13
- shadow?: SectionShadow;
14
- inset?: boolean;
15
- children?: ReactNode;
16
- className?: string;
17
- style?: CSSProperties;
18
- }
19
- export declare const SectionBase: ({ as, color, padding, spacing, margin, shadow, inset, className, style, children, }: SectionBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface SectionFooterProps {
3
- margin?: boolean;
4
- children?: ReactNode;
5
- }
6
- export declare const SectionFooter: ({ margin, children }: SectionFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface SectionHeaderProps {
3
- padding?: boolean;
4
- margin?: boolean;
5
- children?: ReactNode;
6
- }
7
- export declare const SectionHeader: ({ margin, children }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- type OpenElementId = 'search' | 'menu' | string;
3
- interface RootContextProvider {
4
- currentId: OpenElementId;
5
- toggleId: (elementId: OpenElementId) => void;
6
- closeAll: () => void;
7
- openId: (elementId: OpenElementId) => void;
8
- }
9
- interface RootContextInitialValue {
10
- currentId: OpenElementId;
11
- setCurrentId?: (elementId: OpenElementId) => void;
12
- }
13
- interface ProviderProps {
14
- children: ReactNode;
15
- initialValue?: RootContextInitialValue;
16
- }
17
- export declare const RootProvider: ({ children, initialValue }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
18
- export declare const useRootContext: () => RootContextProvider;
19
- export {};