@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,9 +0,0 @@
1
- import { AutocompleteGroupProps } from './AutocompleteGroup';
2
- import { AutocompleteItemProps } from './AutocompleteItem';
3
- export interface AutocompleteProps {
4
- items: AutocompleteItemProps[];
5
- groups?: Record<string, AutocompleteGroupProps>;
6
- expanded?: boolean;
7
- className?: string;
8
- }
9
- export declare const Autocomplete: ({ className, items, groups, expanded }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface AutocompleteBaseProps {
3
- className?: string;
4
- expanded?: boolean;
5
- children?: ReactNode;
6
- }
7
- export declare const AutocompleteBase: ({ expanded, children, className }: AutocompleteBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface AutocompleteGroupProps {
3
- title?: string;
4
- children?: ReactNode;
5
- }
6
- export declare const AutocompleteGroup: ({ title, children }: AutocompleteGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export interface AutocompleteItemProps {
3
- as?: ElementType;
4
- href?: string;
5
- onClick?: () => void;
6
- loading?: boolean;
7
- active?: boolean;
8
- disabled?: boolean;
9
- label?: string | (() => ReactNode);
10
- groupId?: string;
11
- style?: React.CSSProperties;
12
- }
13
- export declare const AutocompleteItem: ({ as, label, active, ...rest }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,16 +0,0 @@
1
- import { ChangeEventHandler, FocusEventHandler } from 'react';
2
- export interface SearchFieldProps {
3
- name: string;
4
- value?: string;
5
- className?: string;
6
- expanded?: boolean;
7
- placeholder?: string;
8
- onFocus?: FocusEventHandler;
9
- onBlur?: FocusEventHandler;
10
- onChange?: ChangeEventHandler;
11
- onClear?: () => void;
12
- onClose?: () => void;
13
- onEnter?: () => void;
14
- tabIndex?: number;
15
- }
16
- export declare const SearchField: ({ className, expanded, name, value, placeholder, onFocus, onBlur, onChange, onClear, onClose, onEnter, tabIndex, }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { AutocompleteProps } from './Autocomplete';
2
- import { SearchFieldProps } from './SearchField';
3
- export interface SearchbarProps extends SearchFieldProps {
4
- className?: string;
5
- autocomplete?: AutocompleteProps;
6
- expanded: boolean;
7
- tabIndex?: number;
8
- }
9
- export declare const Searchbar: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface SearchbarBaseProps {
3
- className?: string;
4
- children: ReactNode;
5
- expanded?: boolean;
6
- autocomplete?: boolean;
7
- }
8
- export declare const SearchbarBase: ({ className, children, expanded, autocomplete }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { IconName } from '../Icon';
3
- import { SnackbarColor } from './SnackbarBase';
4
- export interface SnackbarProps {
5
- id: string;
6
- /** Element type to render */
7
- as?: ElementType;
8
- /** Color */
9
- color?: SnackbarColor;
10
- /** Message */
11
- message?: string;
12
- /** Icon */
13
- icon?: IconName;
14
- /** Dismissable */
15
- dismissable?: boolean;
16
- /** onDismiss */
17
- onDismiss?: () => void;
18
- /** Optional classname */
19
- className?: string;
20
- }
21
- export declare const Snackbar: ({ as, color, message, icon, ...rest }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- export type SnackbarColor = 'default' | 'accent';
3
- interface SnackbarBaseProps {
4
- as?: ElementType;
5
- color?: SnackbarColor;
6
- href?: string;
7
- className?: string;
8
- dismissable?: boolean;
9
- onDismiss?: () => void;
10
- children?: ReactNode;
11
- }
12
- export declare const SnackbarBase: ({ as, children, className, color, dismissable, onDismiss, ...rest }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface SnackbarLabelProps {
3
- children?: ReactNode;
4
- }
5
- export declare const SnackbarLabel: ({ children }: SnackbarLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { IconName } from '../Icon';
2
- interface SnackbarMediaProps {
3
- icon?: IconName;
4
- }
5
- export declare const SnackbarMedia: ({ icon }: SnackbarMediaProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,15 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ToolbarFilterProps } from './ToolbarFilter.tsx';
3
- import { ToolbarMenuProps } from './ToolbarMenu.tsx';
4
- import { ToolbarSearchProps } from './ToolbarSearch.tsx';
5
- export type FilterState = Record<string, ToolbarFilterProps['value']>;
6
- export interface ToolbarProps {
7
- filters?: ToolbarFilterProps[];
8
- search?: ToolbarSearchProps;
9
- menu?: ToolbarMenuProps;
10
- filterState?: FilterState;
11
- getFilterLabel?: (name: string, value: ToolbarFilterProps['value']) => string;
12
- onFilterStateChange?: (state: FilterState) => void;
13
- children?: ReactNode;
14
- }
15
- export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, menu, getFilterLabel, children, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { MouseEventHandler } from 'react';
2
- import { MenuItemProps } from '../Menu';
3
- export interface ToolbarAddProps {
4
- items: MenuItemProps[];
5
- expanded: boolean;
6
- onToggle?: MouseEventHandler;
7
- label?: string;
8
- className?: string;
9
- }
10
- export declare const ToolbarAdd: ({ expanded, onToggle, label, items }: ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface ToolbarBaseProps {
3
- children?: ReactNode;
4
- open?: boolean;
5
- onClose?: () => void;
6
- }
7
- export declare const ToolbarBase: ({ children }: ToolbarBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { ElementType, MouseEventHandler, ReactNode } from 'react';
2
- export type ToolbarButtonType = 'add' | 'select' | 'switch';
3
- export interface ToolbarButtonProps {
4
- as?: ElementType;
5
- type?: ToolbarButtonType;
6
- removable?: boolean;
7
- selected?: boolean;
8
- icon?: string;
9
- active?: boolean;
10
- children?: ReactNode;
11
- onToggle?: MouseEventHandler;
12
- onRemove?: MouseEventHandler;
13
- }
14
- export declare const ToolbarButton: ({ type, selected, removable, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,23 +0,0 @@
1
- import { ChangeEventHandler, MouseEventHandler } from 'react';
2
- import { MenuOptionProps } from '../Menu';
3
- import { OptionGroup } from './ToolbarOptions';
4
- type ToolbarFilterValue = (string | number)[];
5
- export interface ToolbarFilterProps {
6
- name: string;
7
- options: MenuOptionProps[];
8
- optionGroups?: {
9
- [key: string]: OptionGroup;
10
- };
11
- label: string;
12
- value?: ToolbarFilterValue;
13
- optionType: 'checkbox' | 'radio';
14
- expanded?: boolean;
15
- removable?: boolean;
16
- getSelectedLabel?: (name: string, value?: ToolbarFilterValue) => string;
17
- className?: string;
18
- onChange?: ChangeEventHandler;
19
- onToggle?: MouseEventHandler;
20
- onRemove?: MouseEventHandler;
21
- }
22
- export declare const ToolbarFilter: ({ expanded, removable, label, name, value, options, optionGroups, onToggle, onChange, onRemove, getSelectedLabel, optionType, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
23
- export {};
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface ToolbarFilterBaseProps {
3
- children?: ReactNode;
4
- expanded?: boolean;
5
- }
6
- export declare const ToolbarFilterBase: ({ expanded, children }: ToolbarFilterBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { MouseEventHandler } from 'react';
2
- import { MenuItemGroups, MenuItemProps, MenuSearchProps } from '../Menu';
3
- export interface ToolbarMenuProps {
4
- onToggle?: MouseEventHandler;
5
- label: string;
6
- value: string | number;
7
- items: MenuItemProps[];
8
- groups?: MenuItemGroups;
9
- search?: MenuSearchProps;
10
- expanded?: boolean;
11
- className?: string;
12
- }
13
- export declare const ToolbarMenu: ({ expanded, onToggle, label, value, groups, search, items }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { ChangeEventHandler } from 'react';
2
- import { MenuOptionProps, MenuSearchProps } from '../Menu';
3
- export type ToolbarOptionType = 'checkbox' | 'radio';
4
- export interface OptionGroup {
5
- title?: string;
6
- divider?: boolean;
7
- optionType?: ToolbarOptionType;
8
- }
9
- export interface ToolbarOptionsProps {
10
- options: MenuOptionProps[];
11
- onChange?: ChangeEventHandler;
12
- search?: MenuSearchProps;
13
- optionType: ToolbarOptionType;
14
- optionGroups?: {
15
- [key: string]: OptionGroup;
16
- };
17
- }
18
- export declare const ToolbarOptions: ({ search, optionGroups, options, onChange, optionType }: ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ChangeEventHandler } from 'react';
2
- export interface ToolbarSearchProps {
3
- placeholder?: string;
4
- name: string;
5
- value: string;
6
- onChange: ChangeEventHandler;
7
- }
8
- export declare const ToolbarSearch: ({ value, name, placeholder, onChange }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type HeadingSize = 'sm' | 'md' | 'lg';
3
- export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
4
- export interface HeadingProps {
5
- as?: HeadingComponent;
6
- size?: HeadingSize;
7
- className?: string;
8
- children?: ReactNode;
9
- }
10
- export declare const Heading: ({ as, size, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { ElementType, ReactNode } from 'react';
2
- import { LayoutTheme } from '../Layout';
3
- export type TypographySize = 'sm' | 'md' | 'lg';
4
- export interface TypographyProps {
5
- as?: ElementType;
6
- size?: TypographySize;
7
- theme?: LayoutTheme;
8
- className?: string;
9
- children?: ReactNode;
10
- }
11
- export declare const Typography: ({ as, size, theme, className, children }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { RefObject } from 'react';
2
- export declare const useClickOutside: (ref: RefObject<HTMLDivElement>, callback: () => void) => RefObject<HTMLDivElement>;
@@ -1 +0,0 @@
1
- export declare const useEscapeKey: (onEscape?: () => void) => void;
@@ -1,21 +0,0 @@
1
- export interface UseMenuItemProps<T> {
2
- menuIndex: number;
3
- active?: boolean;
4
- props: T;
5
- }
6
- export interface UseMenuGroup<T, V> {
7
- items: UseMenuItemProps<T>[];
8
- props: Record<string, V>;
9
- }
10
- export interface UseMenuOutput<T, V> {
11
- menu: UseMenuGroup<T, V>[];
12
- activeIndex: number;
13
- setActiveIndex: (activeIndex: number) => void;
14
- }
15
- export interface UseMenuInput<T, V> {
16
- items: T[];
17
- groups: Record<string, V>;
18
- groupByKey?: keyof T;
19
- keyboardEvents?: boolean;
20
- }
21
- export declare const useMenu: <T, V>({ items, groups, groupByKey, keyboardEvents, }: UseMenuInput<T, V>) => UseMenuOutput<T, V>;
package/dist/index.css DELETED
@@ -1 +0,0 @@
1
- ._icon_1z0mb_1{height:1em;width:1em}._progress_1uknp_1{--size: 16px;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--theme-border-strong) var(--progress, 0),var(--theme-surface-default) 0);display:grid;place-content:center;transform:scaleX(-1)}._progress_1uknp_1:after{width:calc(var(--size) * .5);height:calc(var(--size) * .5);aspect-ratio:1;content:attr(data-value);display:grid;background:#fff;border-radius:50%;font-size:0;place-content:center}._complete_1uknp_25{width:var(--size);height:var(--size);color:var(--theme-border-strong)}._link_dd2g5_1{display:inline-flex;align-items:start;column-gap:.25em;color:var(--theme-base-default)}._link_dd2g5_1:hover{color:var(--theme-base-hover)}._label_dd2g5_12{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}._icon_dd2g5_18{font-size:1.5em}._list_xei16_1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}._item_xei16_9{padding:0;margin:0}._avatar_6t4ka_1{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;--avatar-font-size-xs: .75rem;--avatar-font-size-sm: .875rem;--avatar-font-size-md: 1.125rem;--avatar-font-size-lg: 1.25rem;--avatar-font-size-xl: 1.5rem}._circle_6t4ka_15{border-radius:50%}._square_6t4ka_19{border-radius:5%}._outline_6t4ka_23{outline:1px solid #ffffff;box-sizing:border-box}._xs_6t4ka_28{font-size:var(--avatar-font-size-xs);width:20px;height:20px}._sm_6t4ka_34{font-size:var(--avatar-font-size-sm);width:24px;height:24px}._md_6t4ka_40{font-size:var(--avatar-font-size-md);width:30px;height:30px}._lg_6t4ka_46{font-size:var(--avatar-font-size-lg);width:36px;height:36px}._xl_6t4ka_52{font-size:var(--avatar-font-size-xl);width:44px;height:44px}._image_6t4ka_58{width:100%;height:100%}._group_1k49o_1{display:flex}._reset_1k49o_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1k49o_12{position:relative}._xs_1k49o_16{width:32px}._xs_1k49o_16[data-count="2"] *+*{margin-left:-8px}._xs_1k49o_16[data-count="3"] *+*{margin-left:-14px}._xs_1k49o_16[data-count="4"] *+*{margin-left:-16px}._sm_1k49o_32{width:42px}._sm_1k49o_32[data-count="2"] *+*{margin-left:-6px}._sm_1k49o_32[data-count="3"] *+*{margin-left:-15px}._sm_1k49o_32[data-count="4"] *+*{margin-left:-18px}._md_1k49o_48{width:54px}._md_1k49o_48[data-count="2"] *+*{margin-left:-6px}._md_1k49o_48[data-count="3"] *+*{margin-left:-18px}._md_1k49o_48[data-count="4"] *+*{margin-left:-22px}._lg_1k49o_64{width:66px}._lg_1k49o_64[data-count="2"] *+*{margin-left:-6px}._lg_1k49o_64[data-count="3"] *+*{margin-left:-21px}._lg_1k49o_64[data-count="4"] *+*{margin-left:-26px}._badge_34f60_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:500;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_34f60_1[data-size=sm]{font-size:.75rem}._badge_34f60_1[data-color=subtle]{background-color:var(--theme-surface-default);color:var(--theme-text-subtle)}._badge_34f60_1[data-color=alert]{background-color:#e02e49;color:#fff}._label_1ul7e_1{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1ul7e_9{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1ul7e_15{color:var(--theme-text-subtle)}._item_1ul7e_19{font-size:.875em}._item_1ul7e_19[data-type=search]{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}._item_1ul7e_19[data-type=search]:before{content:"«"}._item_1ul7e_19[data-type=search]:after{content:"»"}._item_1ul7e_19[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:.25em .5em;border-radius:2px}._button_1pg7d_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_1pg7d_1:disabled{opacity:.5;pointer-events:none}._button_1pg7d_1:focus{border-color:var(--theme-base-active)}._button_1pg7d_1:hover{border-color:var(--theme-base-hover)}._button_1pg7d_1:active{border-color:var(--theme-base-active)}._button_1pg7d_1[data-size=sm]{height:2.25rem}._button_1pg7d_1[data-size=md]{height:2.75rem}._button_1pg7d_1[data-size=lg]{height:3.5rem}._button_1pg7d_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1pg7d_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1pg7d_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1pg7d_1[data-variant=outline],._button_1pg7d_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1pg7d_1[data-variant=outline]{border-style:solid}._button_1pg7d_1[data-variant=dotted]{border-style:dotted}._button_1pg7d_1[data-variant=text]{border-color:transparent}._button_1pg7d_1[data-variant=outline]:hover,._button_1pg7d_1[data-variant=dotted]:hover,._button_1pg7d_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1pg7d_1[data-variant=outline]:active,._button_1pg7d_1[data-variant=dotted]:active,._button_1pg7d_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1pg7d_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1pg7d_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1pg7d_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:active,._button_1pg7d_1[data-color=secondary][data-variant=outline]:active,._button_1pg7d_1[data-color=secondary][data-variant=dotted]:active,._button_1pg7d_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}._label_18deq_1{line-height:1;font-weight:500;padding:0 .25em}._label_18deq_1[data-size=sm]{font-size:.875rem}._label_18deq_1[data-size=md]{font-size:1rem}._label_18deq_1[data-size=lg]{font-size:1.125rem}._icon_15eox_1{display:flex;align-items:center;justify-content:center}._icon_15eox_1[data-size=sm]{font-size:1.25rem}._icon_15eox_1[data-size=md]{font-size:1.5rem}._icon_15eox_1[data-size=lg]{font-size:1.625rem}._button_1ysmx_1{display:inline-flex;align-items:center;column-gap:.125em;border-radius:2px}._reverse_1ysmx_8{flex-direction:row-reverse}._button_1ysmx_1[data-size=sm]{padding:0 .375rem}._button_1ysmx_1[data-size=md]{padding:0 .5rem}._button_1ysmx_1[data-size=lg]{padding:0 .625rem}._button_tbm58_1{display:inline-flex;flex-direction:row-reverse;align-items:center;border-radius:2px}._divider_tbm58_8{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_tbm58_15,._secondary_tbm58_16{display:inline-flex;align-items:center;border:none}._primary_tbm58_15[data-size=sm],._secondary_tbm58_16[data-size=sm]{padding:0 .375rem}._primary_tbm58_15[data-size=md],._secondary_tbm58_16[data-size=md]{padding:0 .5rem}._primary_tbm58_15[data-size=lg],._secondary_tbm58_16[data-size=lg]{padding:0 .625rem}._button_1vbf2_1{display:flex;align-items:center;justify-content:center;border-radius:2px}._icon_1vbf2_8{font-size:1.5rem}._button_1vbf2_1[data-size=sm]{width:2.25rem;height:2.25rem}._button_1vbf2_1[data-size=md]{width:2.75rem;height:2.75rem}._button_1vbf2_1[data-size=lg]{width:3.5rem;height:3.5rem}._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._meta_17kd2_1{display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}._item_92ojr_1{border:1px;border-radius:2px;color:var(--neutral-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}button._item_92ojr_1:hover,a._item_92ojr_1:hover{color:var(--theme-base-hover)}._label_92ojr_17{font-weight:400;line-height:1}._item_92ojr_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_92ojr_1[data-size=sm]{font-size:1rem}._item_92ojr_1[data-size=md]{font-size:1.125rem}._media_92ojr_39{display:inline-flex;align-items:center;justify-content:center}._item_92ojr_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_92ojr_1[data-variant=outline]{border-color:var(--theme-base-hover);border-style:solid}._item_92ojr_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_92ojr_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_92ojr_1[data-variant=outline],._item_92ojr_1[data-variant=dotted],._item_92ojr_1[data-variant=solid]{padding:0 .25em}._label_92ojr_17[data-variant=outline],._label_92ojr_17[data-variant=dotted],._label_92ojr_17[data-variant=solid]{font-size:.875em;font-weight:500;padding:0 .25em}._item_92ojr_1[data-size=xs]{font-size:.875rem}._media_92ojr_39[data-size=xs],._item_92ojr_1[data-size=sm]{font-size:1rem}._media_92ojr_39[data-size=sm]{font-size:1.25rem}._label_92ojr_17[data-size=sm]{font-size:1rem}._list_m42t7_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}._item_m42t7_13{margin:0}._article_2xah9_1{display:flex;flex-direction:column;padding:0 1.5rem}._typography_rbtyp_1{width:100%;max-width:45rem;line-height:1.5}._item_rbtyp_7[data-size=sm]{font-size:.875rem}._item_rbtyp_7[data-size=md]{font-size:1rem}._typography_rbtyp_1[data-size=lg]{font-size:1.125rem}._typography_rbtyp_1>*:first-child{margin-top:0}._typography_rbtyp_1>*:last-child{margin-bottom:0}._typography_rbtyp_1 h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_rbtyp_1 h3{font-size:1em;font-weight:600;margin:1em 0}._typography_rbtyp_1 h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_rbtyp_1 p{font-size:1em;margin:1em 0}._typography_rbtyp_1 strong{font-weight:600}._typography_rbtyp_1 a{color:var(--link-base-default)}._typography_rbtyp_1 ul:not([class]),._typography_rbtyp_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}._heading_1kfgw_1{margin:0}._heading_1kfgw_1[data-size=sm]{font-size:1.125rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=md]{font-size:1.25rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=lg]{font-size:1.5rem;font-weight:500;line-height:1.5rem}._dialog_1hmc1_1{background-color:var(--theme-background-default);display:flex;flex-direction:column;row-gap:1.5em;box-shadow:var(--ds-shadow-xs)}._nav_1hmc1_9{display:flex;align-items:center;justify-content:space-between;padding:.5rem}._header_1hmc1_16{display:flex;flex-direction:column;row-gap:1.5em;margin-bottom:1.5rem}._border_1yyjs_1{border-left:.25rem solid;border-color:var(--theme-surface-active)}._border_1yyjs_1[data-seen=true]{border-color:var(--neutral-surface-default)}._border_tqcvm_1{padding-left:1.5rem;padding-top:0;margin-left:1rem;row-gap:1.5rem;margin-bottom:1.5rem}._body_tqcvm_9{display:flex;flex-direction:column;row-gap:1.5em}._section_1mmel_1{display:flex;flex-direction:column;margin-bottom:1.5rem}._title_1mmel_7{font-size:1.25rem;font-weight:600;margin:1em 0}._header_e6sit_1{display:flex;flex-direction:column;row-gap:1.5em;margin-bottom:1.5rem}._headings_1dhfw_1{display:flex;column-gap:.5em;align-items:center;font-size:16px}._headings_1dhfw_1[data-size=xs],._headings_1dhfw_1[data-size=sm]{font-size:14px}._text_1dhfw_16{display:inline-flex;color:var(--neutral-text-subtle)}._sender_1dhfw_21{font-weight:500;color:var(--neutral-text-default)}._title_ls5lr_1{font-weight:600;margin:0;padding-right:1.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_ls5lr_1[data-size=xs],._title_ls5lr_1[data-size=sm]{font-size:1rem}._title_ls5lr_1[data-size=md]{font-size:1.125rem;line-height:1.2}._title_ls5lr_1[data-size=lg]{font-size:1.25rem;line-height:1.2}._title_ls5lr_1[data-size=xl]{font-size:1.5rem;line-height:1.25}._title_ls5lr_1[data-seen=true],._title_ls5lr_1[data-variant=archive]{font-weight:400}._title_ls5lr_1[data-variant=bin]{font-weight:400;text-decoration:line-through}._item_1qa8m_1{display:flex;align-items:center;column-gap:4px;border:0;-webkit-user-select:none;user-select:none;cursor:pointer;margin:.5rem 0;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}._item_1qa8m_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1qa8m_1[data-size=sm]{min-height:44px}._content_1qa8m_31{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1qa8m_39{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1qa8m_46{font-size:.875rem;white-space:nowrap}._linkIcon_1qa8m_51{font-size:1.5rem}._item_1qa8m_1{background-color:transparent;color:var(--theme-text-default)}._item_1qa8m_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1qa8m_1:hover,._item_1qa8m_1:active{background-color:var(--theme-surface-hover)}._media_1qa8m_71[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1qa8m_71[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._label_1rsak_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1rsak_7{color:var(--theme-text-default)}._title_1rsak_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=md]{font-size:1rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._description_1rsak_29{font-size:.875rem;color:var(--theme-text-subtle)}._media_7n7uy_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_7n7uy_1[data-size=lg]{width:44px;height:44px}._icon_7n7uy_16{font-size:1.5rem}._media_7n7uy_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_7n7uy_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_7n7uy_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_7n7uy_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}._field_159h8_1{padding:0 .5rem;margin:.5rem 0;display:flex;flex-direction:column;row-gap:.5rem}._label_159h8_9{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--theme-text-subtle);margin:0}._input_159h8_17{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_159h8_17{color:var(--theme-text-subtle)}._input_159h8_17[data-value=true]{color:var(--theme-text-default)}._button_159h8_37[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_159h8_42{padding:6px 0}._icon_159h8_46{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._label_1am63_1{padding-left:6px}._input_1am63_5{position:absolute;opacity:0}._icon_1am63_10{font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_1am63_10{color:var(--theme-base-default)}._icon_1am63_10 [data-hover=true]{opacity:0}._label_1am63_1:hover [data-hover=true]{opacity:1}._input_73dww_1{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._button_73dww_13[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_73dww_18{padding:6px 0}._icon_73dww_22{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._header_i1dql_1{padding:.75rem .5rem;margin:.5rem 0}._title_i1dql_6{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--theme-text-subtle);margin:0}._menu_paki4_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column}._list_paki4_11,._item_paki4_17{list-style:none;padding:0;margin:0}._item_paki4_17[role=separator]{border-top:1px solid var(--theme-border-subtle)}._action_1lkfe_1{display:flex;align-items:center;gap:.5rem}._comboButton_1lkfe_7{position:relative}._dropdown_1lkfe_11{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a;display:none}._dropdown_1lkfe_11[aria-expanded=true]{display:block;position:absolute;min-width:256px;left:0;z-index:2}._border_1gycv_1{border-left:.25rem solid;border-color:var(--theme-surface-active)}._border_1gycv_1[data-seen=true]{border-color:var(--neutral-surface-default)}._item_1bsu6_1{display:flex;flex-direction:column}._header_1bsu6_6{margin:.375em}._border_1bsu6_10{padding-left:1.5rem;padding-top:0;margin-left:1rem;padding-bottom:1.5rem}._body_1bsu6_17{margin-top:-1.875rem}._list_6hz70_1{list-style:none;display:flex;flex-direction:column;row-gap:1rem;padding:0;margin:0}._item_6hz70_10{margin:0}._border_6r71i_1{width:100%;display:flex;flex-direction:column;text-decoration:none;row-gap:1rem;padding-left:1rem}._header_6r71i_10{display:flex;flex-direction:column;row-gap:.25rem}._summary_6r71i_16{font-size:1rem;line-height:1.35;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-text-subtle)}._footer_6r71i_30{width:100%}._touchedBy_6r71i_34{position:absolute;right:0;bottom:0;margin:8px}._border_6r71i_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._summary_6r71i_16[data-size=md]{font-size:1rem}._link_6r71i_58[data-size=xs],._link_6r71i_58[data-size=sm]{padding:.5rem .75rem}._summary_6r71i_16[data-size=xs],._summary_6r71i_16[data-size=sm]{font-size:.875rem}._header_6r71i_10[data-size=xs],._header_6r71i_10[data-size=sm]{row-gap:0}._footer_6r71i_30[data-size=xs]{display:none}._border_6r71i_1[data-size=xs],._border_6r71i_1[data-size=sm]{padding-left:.75rem;row-gap:.25rem}._label_1hmuj_1{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1hmuj_1:hover{background-color:var(--theme-surface-default)}._input_1hmuj_15{position:absolute;opacity:0}._icon_1hmuj_20{font-size:1.25rem}._icon_1hmuj_20{color:var(--theme-base-default)}._icon_1hmuj_20 [data-hover=true]{opacity:0}._label_1hmuj_1:hover [data-hover=true]{opacity:1}._item_1ate4_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1ate4_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1ate4_13{display:flex;padding:1rem}._item_1ate4_1[aria-selected=false] ._link_1ate4_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1ate4_23{position:absolute;top:0;right:0;margin:.375rem}._dropdown_tp90e_1{display:none}._dropdown_tp90e_1[aria-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_tp90e_1[data-placement=left]{left:0}._dropdown_tp90e_1[data-placement=right]{right:0}._dropdown_tp90e_1[data-padding=true]{padding:0 .5rem}._dropdown_tp90e_1{min-width:14rem;max-width:20rem;margin-top:.5rem;background-color:var(--neutral-background-default);border-radius:.375rem;box-shadow:var(--ds-shadow-md);overflow:hidden}._drawer_tp90e_33 ._button_tp90e_33{border-radius:50%}._backdrop_zeho3_1{z-index:1;background-color:#111d4640;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._drawer_1vx9q_1{display:none}._drawer_1vx9q_1[aria-expanded=true]{background-color:var(--theme-background-default);display:block;width:100%}._drawer_1vx9q_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}._header_18gf2_1{position:sticky;top:0;left:0;right:0;padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border-subtle)}._title_18gf2_13{font-size:1.125rem;font-weight:500;margin:0}._footer_9sr8v_1{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_9sr8v_1>*{margin:1rem auto}._button_19v2d_1{height:3.5rem;border-radius:1.75rem;padding:0 1rem;margin:1rem auto}._body_1rwbe_1{width:100%;padding:0 .5em;overflow-y:scroll}._dropdown_1mzzo_1[aria-expanded=true]{display:none}._drawer_1mzzo_5[aria-expanded=true]{display:block;z-index:2}@media (min-width: 1024px){._drawer_1mzzo_5[aria-expanded=true]{display:none}._dropdown_1mzzo_1[aria-expanded=true]{display:block;z-index:2}}._address_1v1q3_1{display:flex;flex-direction:column;row-gap:1rem;font-style:normal;font-size:.875rem;line-height:1.5}._footer_z2xgm_1{border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_z2xgm_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_z2xgm_13{padding:0 1rem;flex-direction:row}}._logo_127g0_1{display:inline-flex;align-items:center;column-gap:.5em;font-size:.875rem;line-height:1.5}._symbol_127g0_9{width:1rem;height:1rem}._menu_3o631_1{position:relative;font-size:.875rem;line-height:1.5}._list_3o631_7{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;row-gap:1rem}@media (min-width: 1024px){._list_3o631_7{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._list_3o631_7 ._item_3o631_28:hover{background-color:var(--global-base-hover)}._link_3o631_32{color:inherit;text-decoration:underline}._nav_gzloq_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._header_gzloq_8{border-bottom:1px solid var(--theme-border-subtle)}._footer_gzloq_12{border-top:1px solid var(--theme-border-subtle);padding:1rem .5rem;display:flex;flex-direction:column;align-items:stretch}._drawer_gzloq_20[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_gzloq_26[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_gzloq_20[aria-expanded=true]{display:none}._dropdown_gzloq_26[aria-expanded=true]{display:block;z-index:2}}._button_1260s_1{justify-content:center}._label_1260s_5{display:block;width:100%;text-align:center}._autocomplete_1ccsg_1{width:100%;border:2px solid;border-radius:.25rem;background-color:var(--theme-background-default)}._autocomplete_1ccsg_1 ul{list-style:none;padding:0;margin:0}._autocomplete_1ccsg_1 li{padding:0;margin:.5rem 0}._group_da4mp_1+._group_da4mp_1{border-top:1px solid var(--theme-border-subtle)}._item_2cjkt_3{color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;cursor:pointer}._item_2cjkt_3{width:100%;position:relative;display:flex;align-items:center;text-decoration:none;color:inherit}._item_2cjkt_3[data-size=xs]{min-height:36px}._item_2cjkt_3[data-size=sm]{min-height:44px}._item_2cjkt_3[data-size=md]{min-height:56px}._item_2cjkt_3[data-size=lg]{min-height:64px}._item_2cjkt_3[data-size=xl]{min-height:72px}._content_2cjkt_50{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_2cjkt_60{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkIcon_2cjkt_67{font-size:1.5rem}._item_2cjkt_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_2cjkt_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_2cjkt_3:hover strong{text-decoration:underline}._item_2cjkt_3[data-active=true],._item_2cjkt_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_2cjkt_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._label_1ajdw_3{display:flex;justify-content:center}._label_1ajdw_3[data-size=xs]{align-items:center;column-gap:.25em;font-size:.875rem}._label_1ajdw_3[data-size=sm]{align-items:center;column-gap:.25rem}._label_1ajdw_3[data-size=md],._label_1ajdw_3[data-size=lg],._label_1ajdw_3[data-size=xl]{flex-direction:column}._title_1ajdw_33{font-weight:600;margin:0}._title_1ajdw_33[data-size=lg]{font-size:1.125rem}._title_1ajdw_33[data-size=xl]{font-size:1.25rem}._description_1ajdw_46{color:var(--theme-text-subtle);margin:0}._description_1ajdw_46[data-size=md],._description_1ajdw_46[data-size=lg],._description_1ajdw_46[data-size=xl]{font-size:.875em}._media_pfuu4_3{display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_pfuu4_3{font-size:1.5rem}._media_pfuu4_3[data-size=xs]{font-size:1.25rem}._media_pfuu4_3[data-size=md]{font-size:1.875rem}._media_pfuu4_3[data-size=md] ._icon_pfuu4_23{font-size:1.5rem}._media_pfuu4_3[data-size=lg]{font-size:2.25rem}._media_pfuu4_3[data-size=lg] ._icon_pfuu4_23{font-size:1.75rem}._media_pfuu4_3[data-size=xl]{font-size:2.75rem}._media_pfuu4_3[data-size=xl] ._icon_pfuu4_23{font-size:2rem}._list_18nep_1{display:flex;flex-direction:column}._list_18nep_1[data-spacing=sm]{row-gap:4px}._list_18nep_1[data-spacing=md]{row-gap:8px}._list_18nep_1[data-spacing=lg]{row-gap:16px}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}._field_1wjpq_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_1wjpq_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_1wjpq_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_1wjpq_17[type=search]::-webkit-search-decoration,._input_1wjpq_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1wjpq_17:focus,._input_1wjpq_17[value]{background-color:var(--theme-background-default)}._dismiss_1wjpq_41{position:absolute;right:0;margin:.375rem}._clear_1wjpq_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}._searchbar_1jrvc_1{position:relative}._searchbar_1jrvc_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_1jrvc_1 nav{display:none}._searchbar_1jrvc_1[aria-expanded=true] nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._header_5ao8r_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem}._backdrop_5ao8r_11{display:none}._header_5ao8r_1[data-current-id=menu]{background-color:#fff}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=menu]{background-color:transparent}._header_5ao8r_1[data-current-id=menu] ._backdrop_5ao8r_11{display:block}}._header_5ao8r_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_5ao8r_1[data-current-id=search]{margin-top:-72px}._header_5ao8r_1[data-current-id=search] ._backdrop_5ao8r_11{display:block}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=search]{margin-top:0}}._button_t01b4_1{position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;background-color:var(--global-base-default);color:#fff;padding:.625rem;border:none;border-radius:4px}._label_t01b4_14{font-size:1.125rem;font-weight:500;padding:.25rem}._icon_t01b4_20{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:1.5rem}._loginIcon_t01b4_30{background-color:#fff;color:#000}._closeIcon_t01b4_35{border:1px solid white}._logo_y48xn_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_y48xn_8{width:2rem;height:2rem;margin:6px}._riksSymbol_y48xn_14{width:2.5rem;height:2.5rem;margin:0}._text_y48xn_20{font-size:1.5rem;font-weight:500;padding:4px}._menu_1cafh_1{position:relative}._search_15b0s_1{width:100%}._search_15b0s_1[aria-expanded=true]{z-index:2}@media (min-width: 1024px){._search_15b0s_1{position:absolute;left:0;right:0;margin:0 auto;max-width:320px}._search_15b0s_1[aria-expanded=true]{max-width:640px}}._drawer_1wgf5_1[aria-expanded=true]{display:block}._dropdown_1wgf5_5[aria-expanded=true]{width:320px;display:none}@media (min-width: 1024px){._dropdown_1wgf5_5[aria-expanded=true]{display:block}}@media (min-width: 1024px){._drawer_1wgf5_1[aria-expanded=true]{display:none}._dropdown_1wgf5_5[aria-expanded=true]{display:block}}._base_1401f_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_1401f_1[data-theme]{background-color:var(--theme-background-subtle)}._base_1401f_1[data-current-id=menu]{background-color:var(--theme-background-default)}@media (max-width: 1024px){._base_1401f_1[data-current-id=menu] header+*,._base_1401f_1[data-current-id=menu] footer{display:none}}._body_3cqh5_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_3cqh5_1{padding:0 1rem}}._content_1wkbr_1{flex-grow:1;display:flex;flex-direction:column;width:100%;margin:0 auto}@media (min-width: 1024px){[aria-hidden=true]+._content_1wkbr_1{padding:0 112px}}._sidebar_zsh57_1,._sidebar_zsh57_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_zsh57_1{flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_zsh57_1[aria-hidden=true]{display:none}}._header_ldd78_1{position:fixed;z-index:10;top:0;right:0;bottom:auto;left:0}._header_ldd78_1{background-color:var(--global-base-default);color:#fff;height:76px}._header_ldd78_1{display:flex;align-items:center;justify-content:space-between;padding:1rem}._header_ldd78_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0)}._header_ldd78_1[aria-hidden=true]{transform:translateY(-100%)}._title_ldd78_34{font-size:1rem;font-weight:400}._button_ldd78_39{border:1px solid #fff;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:2px}._button_ldd78_39:hover{background-color:var(--global-base-hover)}._icon_ldd78_53{font-size:1.5rem}._footer_t35ns_1{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem}._footer_t35ns_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0)}._footer_t35ns_1[aria-hidden=true]{transform:translateY(100%)}@media (min-width: 1024px){._footer_t35ns_1{align-items:center}}._menu_12gbo_1{padding:0 .5rem;border-radius:.375rem}._menu_12gbo_1[data-theme]{background-color:var(--theme-background-subtle)}._menu_12gbo_1[data-theme=inherit]{background-color:inherit}._list_12gbo_14{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}@media (min-width: 1024px){._list_12gbo_14{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_1dlhj_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem}._item_1dlhj_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit}._content_1dlhj_26{flex-grow:1;display:flex;align-items:center;gap:.625rem;margin:.625rem}._action_1dlhj_34{flex-shrink:0;display:flex;align-items:center;margin:.625rem}._item_1dlhj_1{background-color:var(--global-base-default);color:#fff;box-shadow:var(--ds-shadow-xs)}._item_1dlhj_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1dlhj_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._label_1n332_3{display:flex;justify-content:center}._media_td38q_1{display:flex;align-items:center;justify-content:center}._icon_td38q_7{font-size:1.5rem;margin:.625rem}._toolbar_1krmm_1{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}@media (min-width: 1024px){._toolbar_1krmm_1{padding:0}._toolbar_1krmm_1>*{width:auto}}._removeButton_fxc8_1>button:hover+*+*{text-decoration:line-through}._base_l7znv_1{position:relative}._base_l7znv_1[aria-expanded=true]{z-index:2}._input_cwjz7_1{font-size:.875rem;line-height:1rem;font-weight:600;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._button_cwjz7_11[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_cwjz7_16{padding:6px 0}._icon_cwjz7_20{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._section_1kbyo_1{display:flex;flex-direction:column}@media (max-width: 1024px){._section_1kbyo_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._section_1kbyo_1[data-spacing=sm]{row-gap:.25rem}._section_1kbyo_1[data-spacing=md]{row-gap:.5rem}._section_1kbyo_1[data-spacing=lg]{row-gap:1rem}._section_1kbyo_1[data-spacing=xl]{row-gap:1.5rem}._section_1kbyo_1[data-margin=sm]{margin:.25rem 0}._section_1kbyo_1[data-margin=md]{margin:.5rem 0}._section_1kbyo_1[data-margin=lg]{margin:1rem 0}._section_1kbyo_1[data-padding=true]{padding:1.5rem}@media (max-width: 1024px){._section_1kbyo_1[data-padding=true]{padding:1.5rem 1rem}}._section_1kbyo_1[data-color=white]{background-color:#fff}._section_1kbyo_1[data-color=subtle]{background-color:var(--theme-surface-default)}._section_1kbyo_1[data-color=accent]{background-color:var(--theme-base-default)}._section_1kbyo_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_1kbyo_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_1kbyo_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_1kbyo_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_1kbyo_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}._header_4gbqj_1{display:flex;flex-direction:row;align-items:start;justify-content:start;column-gap:.5rem}._title_4gbqj_9{display:flex;flex-direction:column;align-items:center;column-gap:.5rem}._description_4gbqj_16{margin:0}._nav_678a5_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem}._action_678a5_8{display:flex;align-items:center;column-gap:.5rem}._header_77w1b_1{display:flex;align-items:center;justify-content:space-between}._header_77w1b_1[data-margin=true]{margin:.5rem 0}._footer_7dw8g_1{display:flex;justify-content:space-between}._header_7dw8g_6[data-margin=true]{margin:.5rem 0}