@altinn/altinn-components 0.52.2 → 0.52.4

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 (496) hide show
  1. package/dist/assets/AccountMenuButton.css +1 -1
  2. package/dist/assets/AccountSelector.css +1 -1
  3. package/dist/assets/ActionFooter.css +1 -1
  4. package/dist/assets/ActionHeader.css +1 -1
  5. package/dist/assets/Avatar.css +1 -1
  6. package/dist/assets/Backdrop.css +1 -1
  7. package/dist/assets/BreadcrumbsLink.css +1 -1
  8. package/dist/assets/ButtonBase.css +1 -1
  9. package/dist/assets/ButtonGroup.css +1 -0
  10. package/dist/assets/ButtonGroupDivider.css +1 -0
  11. package/dist/assets/ButtonLabel.css +1 -1
  12. package/dist/assets/DrawerBase.css +1 -1
  13. package/dist/assets/DrawerOrDropdown.css +1 -1
  14. package/dist/assets/DropdownBase.css +1 -1
  15. package/dist/assets/Flex.css +1 -1
  16. package/dist/assets/FooterBase.css +1 -1
  17. package/dist/assets/FooterMenu.css +1 -1
  18. package/dist/assets/GlobalHeader.css +1 -1
  19. package/dist/assets/GlobalHeaderBase.css +1 -1
  20. package/dist/assets/GlobalMenuBase.css +1 -1
  21. package/dist/assets/Grid.css +1 -1
  22. package/dist/assets/Header.css +1 -1
  23. package/dist/assets/HeaderBase.css +1 -1
  24. package/dist/assets/HeaderGroup.css +1 -1
  25. package/dist/assets/HeaderGroup2.css +1 -1
  26. package/dist/assets/HeaderLogo.css +1 -1
  27. package/dist/assets/HeaderSearch.css +1 -1
  28. package/dist/assets/LayoutBody.css +1 -1
  29. package/dist/assets/LayoutContent.css +1 -1
  30. package/dist/assets/LayoutSidebar.css +1 -1
  31. package/dist/assets/ListItemBase.css +1 -1
  32. package/dist/assets/ListItemHeader.css +1 -1
  33. package/dist/assets/ListItemLink.css +1 -1
  34. package/dist/assets/MenuItem.css +1 -1
  35. package/dist/assets/MenuItemBase.css +1 -1
  36. package/dist/assets/MenuSearch.css +1 -1
  37. package/dist/assets/MetaItemBase.css +1 -1
  38. package/dist/assets/NotificationItemBase.css +1 -1
  39. package/dist/assets/NotificationItemIcon.css +1 -1
  40. package/dist/assets/PageMenu.css +1 -1
  41. package/dist/assets/PageTabs.css +1 -1
  42. package/dist/assets/SearchField.css +1 -1
  43. package/dist/assets/SearchbarBase.css +1 -1
  44. package/dist/assets/SearchbarField.css +1 -1
  45. package/dist/assets/SnackbarBase.css +1 -1
  46. package/dist/assets/TimelineBase.css +1 -1
  47. package/dist/assets/ToolbarBase.css +1 -1
  48. package/dist/assets/globalSearch.css +1 -1
  49. package/dist/button-MzZgmHyA.js +23 -0
  50. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +1 -1
  51. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +1 -1
  52. package/dist/components/Account/AccountList.js +23 -23
  53. package/dist/components/Account/AccountListItem.js +1 -1
  54. package/dist/components/Account/AccountListItemControls.js +26 -26
  55. package/dist/components/Account/AccountListItemDetails.js +1 -1
  56. package/dist/components/Account/AccountListVirtual.js +47 -50
  57. package/dist/components/Account/AccountMenu.js +47 -51
  58. package/dist/components/Account/AccountMenuButton.js +65 -65
  59. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  60. package/dist/components/Account/AccountOrganization.js +1 -1
  61. package/dist/components/ActivityLog/ActivityLog.js +13 -13
  62. package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
  63. package/dist/components/ActivityLog/ActivityLogSegment.js +6 -6
  64. package/dist/components/Alert/Alert.js +1 -1
  65. package/dist/components/Article/Article.js +1 -1
  66. package/dist/components/Article/ArticleContact.js +1 -1
  67. package/dist/components/Article/ArticleHeader.js +1 -1
  68. package/dist/components/Attachment/AttachmentLink.js +1 -1
  69. package/dist/components/Avatar/Avatar.js +1 -1
  70. package/dist/components/Avatar/AvatarGroup.js +31 -31
  71. package/dist/components/Badge/Badge.js +1 -1
  72. package/dist/components/Banner/Banner.js +6 -6
  73. package/dist/components/Button/Button.js +1 -1
  74. package/dist/components/Button/ButtonBase.js +2 -2
  75. package/dist/components/Button/ButtonGroup.js +28 -8
  76. package/dist/components/Button/ButtonGroupDivider.js +8 -0
  77. package/dist/components/Button/ButtonIcon.js +1 -1
  78. package/dist/components/Button/ButtonLabel.js +5 -5
  79. package/dist/components/Button/ComboButton.js +1 -1
  80. package/dist/components/Button/FloatingActionButton.js +1 -1
  81. package/dist/components/Button/IconButton.js +1 -1
  82. package/dist/components/Byline/Byline.js +1 -1
  83. package/dist/components/ContextMenu/ContextMenu.js +51 -54
  84. package/dist/components/Dashboard/DashboardCard.js +25 -25
  85. package/dist/components/Dashboard/DashboardHeader.js +1 -1
  86. package/dist/components/Dashboard/DashboardIcon.js +1 -1
  87. package/dist/components/Datepicker/DatepickerBase.js +1 -1
  88. package/dist/components/Datepicker/DatepickerHeader.js +1 -1
  89. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  90. package/dist/components/Dialog/Dialog.js +1 -1
  91. package/dist/components/Dialog/DialogActions.js +13 -16
  92. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  93. package/dist/components/Dialog/DialogAttachments.js +8 -8
  94. package/dist/components/Dialog/DialogBody.js +20 -20
  95. package/dist/components/Dialog/DialogByline.js +14 -14
  96. package/dist/components/Dialog/DialogContact.js +1 -1
  97. package/dist/components/Dialog/DialogHeader.js +1 -1
  98. package/dist/components/Dialog/DialogHistory.js +14 -14
  99. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  100. package/dist/components/Dialog/DialogHistorySegment.js +15 -15
  101. package/dist/components/Dialog/DialogLayout.js +14 -14
  102. package/dist/components/Dialog/DialogList.js +15 -15
  103. package/dist/components/Dialog/DialogListGroup.js +1 -1
  104. package/dist/components/Dialog/DialogListItem.js +27 -27
  105. package/dist/components/Dialog/DialogMetadata.js +38 -38
  106. package/dist/components/Dialog/DialogSection.js +1 -1
  107. package/dist/components/Dialog/DialogSeenBy.js +1 -1
  108. package/dist/components/Dialog/DialogSelect.js +1 -1
  109. package/dist/components/Dialog/DialogStatus.js +1 -1
  110. package/dist/components/Dialog/DialogTabs.js +1 -1
  111. package/dist/components/Dialog/SeenByLog.js +18 -18
  112. package/dist/components/Dialog/SeenByLogButton.js +1 -1
  113. package/dist/components/Dialog/SeenByLogItem.js +1 -1
  114. package/dist/components/Dropdown/Backdrop.js +1 -1
  115. package/dist/components/Dropdown/DrawerBase.js +1 -1
  116. package/dist/components/Dropdown/DrawerBody.js +1 -1
  117. package/dist/components/Dropdown/DrawerButton.js +1 -1
  118. package/dist/components/Dropdown/DrawerFooter.js +1 -1
  119. package/dist/components/Dropdown/DrawerHeader.js +1 -1
  120. package/dist/components/Dropdown/DrawerOrDropdown.js +30 -30
  121. package/dist/components/Dropdown/DropdownBase.js +1 -1
  122. package/dist/components/Dropdown/FloatingDropdown.js +53 -55
  123. package/dist/components/DsComponents/index.js +9 -9
  124. package/dist/components/Footer/FooterAddress.js +1 -1
  125. package/dist/components/Footer/FooterBase.js +1 -1
  126. package/dist/components/Footer/FooterLogo.js +1 -1
  127. package/dist/components/Footer/FooterMenu.js +1 -1
  128. package/dist/components/Forms/Checkbox.js +1 -1
  129. package/dist/components/Forms/CheckboxOptions.js +1 -1
  130. package/dist/components/Forms/Field.js +8 -8
  131. package/dist/components/Forms/FieldBase.js +1 -1
  132. package/dist/components/Forms/Fieldset.js +2 -2
  133. package/dist/components/Forms/FieldsetBase.js +1 -1
  134. package/dist/components/Forms/Input.js +1 -1
  135. package/dist/components/Forms/Label.js +1 -1
  136. package/dist/components/Forms/Legend.js +1 -1
  137. package/dist/components/Forms/Radio.js +1 -1
  138. package/dist/components/Forms/RadioOptions.js +5 -5
  139. package/dist/components/Forms/SearchField.js +33 -31
  140. package/dist/components/Forms/Select.js +15 -15
  141. package/dist/components/Forms/SelectField.js +1 -1
  142. package/dist/components/Forms/Switch.js +1 -1
  143. package/dist/components/Forms/SwitchOptions.js +4 -4
  144. package/dist/components/Forms/TextField.js +1 -1
  145. package/dist/components/Forms/Textarea.js +1 -1
  146. package/dist/components/Forms/TextareaField.js +1 -1
  147. package/dist/components/GlobalHeader/AccountSelector.js +50 -51
  148. package/dist/components/GlobalHeader/GlobalHeader.js +86 -87
  149. package/dist/components/GlobalHeader/GlobalHeaderBase.js +1 -1
  150. package/dist/components/GlobalHeader/GlobalSearch.js +17 -18
  151. package/dist/components/GlobalHeader/GlobalSearchButton.js +3 -3
  152. package/dist/components/GlobalHeader/HeaderGroup.js +1 -1
  153. package/dist/components/GlobalHeader/HeaderLogo.js +1 -1
  154. package/dist/components/GlobalMenu/BackButton.js +1 -1
  155. package/dist/components/GlobalMenu/GlobalMenu.js +40 -42
  156. package/dist/components/GlobalMenu/GlobalMenuButton.js +10 -10
  157. package/dist/components/GlobalMenu/LocaleButton.js +1 -1
  158. package/dist/components/GlobalMenu/LocaleSwitcher.js +18 -19
  159. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  160. package/dist/components/GlobalMenu_old/BackButton.js +1 -1
  161. package/dist/components/GlobalMenu_old/CurrentAccount.js +10 -10
  162. package/dist/components/GlobalMenu_old/GlobalMenu.js +50 -53
  163. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +29 -29
  164. package/dist/components/GlobalMenu_old/LogoutButton.js +1 -1
  165. package/dist/components/Header/Header.js +50 -50
  166. package/dist/components/Header/HeaderBase.js +1 -1
  167. package/dist/components/Header/HeaderButton.js +30 -30
  168. package/dist/components/Header/HeaderGroup.js +1 -1
  169. package/dist/components/Header/HeaderLogo.js +1 -1
  170. package/dist/components/Header/HeaderSearch.js +1 -1
  171. package/dist/components/Header/LocaleButton.js +1 -1
  172. package/dist/components/Header/LocaleSwitcher.js +27 -29
  173. package/dist/components/Icon/Icon.js +1 -1
  174. package/dist/components/Icon/IconOrAvatar.js +1 -1
  175. package/dist/components/Icon/ProgressIcon.js +1 -1
  176. package/dist/components/InboxSearch/InboxSearch.js +1 -1
  177. package/dist/components/Layout/Layout.js +39 -39
  178. package/dist/components/LayoutAction/ActionHeader.js +1 -1
  179. package/dist/components/LayoutAction/LayoutAction.js +10 -10
  180. package/dist/components/List/List.js +1 -1
  181. package/dist/components/List/ListBase.js +1 -1
  182. package/dist/components/List/ListItem.js +1 -1
  183. package/dist/components/List/ListItemBase.js +1 -1
  184. package/dist/components/List/ListItemControls.js +1 -1
  185. package/dist/components/List/ListItemHeader.js +1 -1
  186. package/dist/components/List/ListItemIcon.js +1 -1
  187. package/dist/components/List/ListItemLabel.js +1 -1
  188. package/dist/components/List/ListItemLink.js +39 -39
  189. package/dist/components/List/ListItemSelect.js +1 -1
  190. package/dist/components/Menu/MenuBase.js +1 -1
  191. package/dist/components/Menu/MenuItem.js +1 -1
  192. package/dist/components/Menu/MenuItemBase.js +46 -46
  193. package/dist/components/Menu/MenuItemIcon.js +9 -9
  194. package/dist/components/Menu/MenuItemLabel.js +29 -29
  195. package/dist/components/Menu/MenuItems.js +61 -64
  196. package/dist/components/Menu/MenuItemsVirtual.js +111 -120
  197. package/dist/components/Menu/MenuOption.js +1 -1
  198. package/dist/components/Menu/MenuSearch.js +1 -1
  199. package/dist/components/Metadata/MetaBase.js +1 -1
  200. package/dist/components/Metadata/MetaItem.js +1 -1
  201. package/dist/components/Metadata/MetaItemBase.js +1 -1
  202. package/dist/components/Metadata/MetaItemIcon.js +1 -1
  203. package/dist/components/Metadata/MetaProgress.js +1 -1
  204. package/dist/components/Metadata/MetaTimestamp.js +1 -1
  205. package/dist/components/Metadata/Metadata.js +1 -1
  206. package/dist/components/Modal/Modal.js +1 -1
  207. package/dist/components/Modal/ModalBase.js +49 -50
  208. package/dist/components/Modal/ModalBody.js +1 -1
  209. package/dist/components/Modal/ModalFooter.js +1 -1
  210. package/dist/components/Modal/ModalHeader.js +18 -18
  211. package/dist/components/Modal/ModalIcon.js +1 -1
  212. package/dist/components/Notifications/NotificationItem.js +1 -1
  213. package/dist/components/Notifications/NotificationItemBase.js +1 -1
  214. package/dist/components/Notifications/NotificationItemControls.js +1 -1
  215. package/dist/components/Notifications/NotificationItemIcon.js +1 -1
  216. package/dist/components/Page/AccordionSection.js +9 -9
  217. package/dist/components/Page/Breadcrumbs.js +14 -14
  218. package/dist/components/Page/BreadcrumbsLink.js +1 -1
  219. package/dist/components/Page/ContactButtons.js +1 -1
  220. package/dist/components/Page/ContactSection.js +1 -1
  221. package/dist/components/Page/Flex.js +1 -1
  222. package/dist/components/Page/Grid.js +1 -1
  223. package/dist/components/Page/PageDetails.js +5 -5
  224. package/dist/components/Page/PageMenu.js +1 -1
  225. package/dist/components/Page/PageNav.js +17 -17
  226. package/dist/components/Page/PageTabs.js +1 -1
  227. package/dist/components/Page/Section.js +1 -1
  228. package/dist/components/ResourceListItem/ResourceListItem.js +1 -1
  229. package/dist/components/RootProvider/RootProvider.js +30 -30
  230. package/dist/components/Search/SearchItem.js +12 -12
  231. package/dist/components/Searchbar/Autocomplete.js +35 -38
  232. package/dist/components/Searchbar/AutocompleteBase.js +1 -1
  233. package/dist/components/Searchbar/AutocompleteItem.js +1 -1
  234. package/dist/components/Searchbar/Searchbar.js +41 -44
  235. package/dist/components/Searchbar/SearchbarBase.js +1 -1
  236. package/dist/components/Searchbar/SearchbarField.js +59 -60
  237. package/dist/components/Settings/BookmarksSettingsItem.js +57 -59
  238. package/dist/components/Settings/BookmarksSettingsList.js +25 -25
  239. package/dist/components/Settings/SettingsItem.js +48 -48
  240. package/dist/components/Settings/SettingsItemBase.js +1 -1
  241. package/dist/components/Settings/SettingsList.js +25 -25
  242. package/dist/components/Settings/SettingsModal.js +27 -28
  243. package/dist/components/Settings/SettingsSection.js +1 -1
  244. package/dist/components/Settings/UsedByLog.js +31 -31
  245. package/dist/components/Settings/UsedByLogItem.js +1 -1
  246. package/dist/components/Skeleton/Skeleton.js +1 -1
  247. package/dist/components/SkipLink/SkipLink.js +1 -1
  248. package/dist/components/Snackbar/SnackbarItem.js +13 -13
  249. package/dist/components/Snackbar/useSnackbar.js +20 -20
  250. package/dist/components/Timeline/Timeline.js +1 -1
  251. package/dist/components/Timeline/TimelineActivity.js +1 -1
  252. package/dist/components/Timeline/TimelineBase.js +1 -1
  253. package/dist/components/Timeline/TimelineFooter.js +1 -1
  254. package/dist/components/Timeline/TimelineHeader.js +1 -1
  255. package/dist/components/Timeline/TimelineIcon.js +1 -1
  256. package/dist/components/Timeline/TimelineLink.js +1 -1
  257. package/dist/components/Timeline/TimelineSection.js +1 -1
  258. package/dist/components/Timeline/TimelineSegment.js +1 -1
  259. package/dist/components/Toolbar/Toolbar.js +57 -58
  260. package/dist/components/Toolbar/ToolbarAccountMenu.js +36 -36
  261. package/dist/components/Toolbar/ToolbarAdd.js +1 -1
  262. package/dist/components/Toolbar/ToolbarButton.js +1 -1
  263. package/dist/components/Toolbar/ToolbarDaterange.js +1 -1
  264. package/dist/components/Toolbar/ToolbarFilter.js +51 -51
  265. package/dist/components/Toolbar/ToolbarFilterBase.js +1 -1
  266. package/dist/components/Toolbar/ToolbarMenu.js +1 -1
  267. package/dist/components/Toolbar/ToolbarOptions.js +51 -55
  268. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  269. package/dist/components/Transmission/Transmission.js +45 -45
  270. package/dist/components/Transmission/TransmissionList.js +1 -1
  271. package/dist/components/Transmission/TransmissionType.js +1 -1
  272. package/dist/components/Typography/Heading.js +1 -1
  273. package/dist/components/Typography/Typography.js +1 -1
  274. package/dist/components/Typography/useHighlightedText.js +13 -13
  275. package/dist/components/UserListItem/UserListItem.js +30 -59
  276. package/dist/components/index.js +449 -455
  277. package/dist/{FieldsetLegend-CiZWWPgY.js → fieldset-legend-B6lDmp0N.js} +1 -1
  278. package/dist/global.css +7 -7
  279. package/dist/globalSearch.module-DziLSGZg.js +9 -0
  280. package/dist/{Heading-By5DKz2H.js → heading-C_XYsUfi.js} +1 -1
  281. package/dist/hooks/useAccountSelector.js +96 -97
  282. package/dist/hooks/useClickOutside.js +8 -8
  283. package/dist/hooks/useEnterKey.js +6 -6
  284. package/dist/hooks/useEscapeKey.js +5 -5
  285. package/dist/hooks/useMenu.js +33 -33
  286. package/dist/index-D7FJjvrv.js +86 -0
  287. package/dist/{index-D-VWMqlv.js → index-De5bF0Gf.js} +4 -4
  288. package/dist/index-Dg71_7ad.js +2993 -0
  289. package/dist/index-Q0EA2XB0.js +111 -0
  290. package/dist/index-p1eeF8LQ.js +42 -0
  291. package/dist/index-z82sbSVU.js +105 -0
  292. package/dist/index.js +457 -463
  293. package/dist/input-wBv_FkEV.js +12 -0
  294. package/dist/{Label-9elsbqMH.js → label-xTmTyPhk.js} +1 -1
  295. package/dist/{Paragraph-Bm-eoPYv.js → paragraph-BRiIBpbY.js} +1 -1
  296. package/dist/spinner-0Qe_jRGB.js +23 -0
  297. package/dist/textfield-B_OMMEbF.js +1442 -0
  298. package/dist/tokens/{altinn-ds.css → design-tokens-build/theme.css} +425 -466
  299. package/dist/types/lib/components/Banner/Banner.d.ts +1 -1
  300. package/dist/types/lib/components/Button/ButtonGroup.d.ts +9 -5
  301. package/dist/types/lib/components/Button/ButtonGroup.stories.d.ts +12 -0
  302. package/dist/types/lib/components/Button/ButtonGroupDivider.d.ts +1 -0
  303. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +1 -0
  304. package/dist/types/lib/components/LayoutAction/LayoutAction.d.ts +1 -1
  305. package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts +1 -1
  306. package/dist/types/lib/components/index.d.ts +0 -1
  307. package/dist/types/lib/types/color.d.ts +1 -1
  308. package/dist/types/lib/types/fields.d.ts +1 -1
  309. package/dist/use-merge-refs-Cj4kTYVj.js +29 -0
  310. package/package.json +24 -20
  311. package/dist/Button-B0t0vz2h.js +0 -23
  312. package/dist/Input-B_w6SBmg.js +0 -12
  313. package/dist/Spinner-BDXfwXIh.js +0 -26
  314. package/dist/altinn-ds-overrides.css +0 -53
  315. package/dist/altinn-ds.css +0 -1125
  316. package/dist/components/Bookmarks/BookmarksListItem.js +0 -20
  317. package/dist/components/Bookmarks/BookmarksSection.js +0 -40
  318. package/dist/components/Bookmarks/EditableBookmark.js +0 -92
  319. package/dist/components/Bookmarks/index.js +0 -8
  320. package/dist/globalSearch.module-Ejp7X0dO.js +0 -9
  321. package/dist/index-B6sKSsN9.js +0 -2951
  322. package/dist/index-CnWc2FNH.js +0 -81
  323. package/dist/index-D3Rt9ate.js +0 -116
  324. package/dist/index-D8Pn8SCu.js +0 -78
  325. package/dist/index-L8X2o7IH.js +0 -44
  326. package/dist/tokens/$metadata.json +0 -25
  327. package/dist/tokens/$themes.json +0 -137
  328. package/dist/tokens/README.md +0 -14
  329. package/dist/tokens/alert.css +0 -25
  330. package/dist/tokens/alert.json +0 -70
  331. package/dist/tokens/altinn-ds/color/alert.css +0 -25
  332. package/dist/tokens/altinn-ds/color/article.css +0 -25
  333. package/dist/tokens/altinn-ds/color/company.css +0 -26
  334. package/dist/tokens/altinn-ds/color/danger.css +0 -25
  335. package/dist/tokens/altinn-ds/color/info.css +0 -25
  336. package/dist/tokens/altinn-ds/color/neutral.css +0 -25
  337. package/dist/tokens/altinn-ds/color/person.css +0 -25
  338. package/dist/tokens/altinn-ds/color/success.css +0 -25
  339. package/dist/tokens/altinn-ds/color/warning.css +0 -25
  340. package/dist/tokens/altinn-ds/color-scheme/dark.css +0 -311
  341. package/dist/tokens/altinn-ds/color-scheme/light.css +0 -312
  342. package/dist/tokens/altinn-ds/semantic.css +0 -70
  343. package/dist/tokens/altinn-ds/typography/primary.css +0 -123
  344. package/dist/tokens/altinn-ds/typography/secondary.css +0 -122
  345. package/dist/tokens/altinn-ds.json +0 -22
  346. package/dist/tokens/article.css +0 -25
  347. package/dist/tokens/article.json +0 -70
  348. package/dist/tokens/color/alert.css +0 -25
  349. package/dist/tokens/color/article.css +0 -25
  350. package/dist/tokens/color/company.css +0 -26
  351. package/dist/tokens/color/danger.css +0 -25
  352. package/dist/tokens/color/info.css +0 -25
  353. package/dist/tokens/color/neutral.css +0 -25
  354. package/dist/tokens/color/person.css +0 -25
  355. package/dist/tokens/color/success.css +0 -25
  356. package/dist/tokens/color/warning.css +0 -25
  357. package/dist/tokens/color-scheme/dark/altinn-ds.json +0 -334
  358. package/dist/tokens/color-scheme/dark/global.json +0 -334
  359. package/dist/tokens/color-scheme/dark.css +0 -311
  360. package/dist/tokens/color-scheme/light/altinn-ds.json +0 -334
  361. package/dist/tokens/color-scheme/light/global.json +0 -334
  362. package/dist/tokens/color-scheme/light.css +0 -312
  363. package/dist/tokens/color.json +0 -616
  364. package/dist/tokens/colors.d.ts +0 -10
  365. package/dist/tokens/company.css +0 -26
  366. package/dist/tokens/company.json +0 -70
  367. package/dist/tokens/danger.css +0 -25
  368. package/dist/tokens/dark/altinn-ds.json +0 -334
  369. package/dist/tokens/dark/global.json +0 -334
  370. package/dist/tokens/dark.css +0 -311
  371. package/dist/tokens/design-tokens/$metadata.json +0 -25
  372. package/dist/tokens/design-tokens/$themes.json +0 -137
  373. package/dist/tokens/design-tokens/primitives/globals.json +0 -143
  374. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/altinn-ds.json +0 -334
  375. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/global.json +0 -334
  376. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/altinn-ds.json +0 -334
  377. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/global.json +0 -334
  378. package/dist/tokens/design-tokens/primitives/modes/size/global.json +0 -96
  379. package/dist/tokens/design-tokens/primitives/modes/size/large.json +0 -16
  380. package/dist/tokens/design-tokens/primitives/modes/size/medium.json +0 -16
  381. package/dist/tokens/design-tokens/primitives/modes/size/small.json +0 -16
  382. package/dist/tokens/design-tokens/primitives/modes/typography/primary/altinn-ds.json +0 -22
  383. package/dist/tokens/design-tokens/primitives/modes/typography/secondary/altinn-ds.json +0 -22
  384. package/dist/tokens/design-tokens/primitives/modes/typography/size/large.json +0 -96
  385. package/dist/tokens/design-tokens/primitives/modes/typography/size/medium.json +0 -96
  386. package/dist/tokens/design-tokens/primitives/modes/typography/size/small.json +0 -96
  387. package/dist/tokens/design-tokens/semantic/color.json +0 -616
  388. package/dist/tokens/design-tokens/semantic/modes/main-color/company.json +0 -70
  389. package/dist/tokens/design-tokens/semantic/modes/main-color/person.json +0 -70
  390. package/dist/tokens/design-tokens/semantic/modes/support-color/alert.json +0 -70
  391. package/dist/tokens/design-tokens/semantic/modes/support-color/article.json +0 -70
  392. package/dist/tokens/design-tokens/semantic/style.json +0 -378
  393. package/dist/tokens/design-tokens/themes/altinn-ds.json +0 -386
  394. package/dist/tokens/design-tokens-build/altinn-ds/color/alert.css +0 -25
  395. package/dist/tokens/design-tokens-build/altinn-ds/color/article.css +0 -25
  396. package/dist/tokens/design-tokens-build/altinn-ds/color/company.css +0 -26
  397. package/dist/tokens/design-tokens-build/altinn-ds/color/danger.css +0 -25
  398. package/dist/tokens/design-tokens-build/altinn-ds/color/info.css +0 -25
  399. package/dist/tokens/design-tokens-build/altinn-ds/color/neutral.css +0 -25
  400. package/dist/tokens/design-tokens-build/altinn-ds/color/person.css +0 -25
  401. package/dist/tokens/design-tokens-build/altinn-ds/color/success.css +0 -25
  402. package/dist/tokens/design-tokens-build/altinn-ds/color/warning.css +0 -25
  403. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/dark.css +0 -311
  404. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/light.css +0 -312
  405. package/dist/tokens/design-tokens-build/altinn-ds/semantic.css +0 -70
  406. package/dist/tokens/design-tokens-build/altinn-ds/typography/primary.css +0 -123
  407. package/dist/tokens/design-tokens-build/altinn-ds/typography/secondary.css +0 -122
  408. package/dist/tokens/design-tokens-build/altinn-ds.css +0 -1125
  409. package/dist/tokens/design-tokens-build/colors.d.ts +0 -10
  410. package/dist/tokens/global.json +0 -334
  411. package/dist/tokens/globals.json +0 -143
  412. package/dist/tokens/info.css +0 -25
  413. package/dist/tokens/large.json +0 -96
  414. package/dist/tokens/light/altinn-ds.json +0 -334
  415. package/dist/tokens/light/global.json +0 -334
  416. package/dist/tokens/light.css +0 -312
  417. package/dist/tokens/main-color/company.json +0 -70
  418. package/dist/tokens/main-color/person.json +0 -70
  419. package/dist/tokens/medium.json +0 -96
  420. package/dist/tokens/modes/color-scheme/dark/altinn-ds.json +0 -334
  421. package/dist/tokens/modes/color-scheme/dark/global.json +0 -334
  422. package/dist/tokens/modes/color-scheme/light/altinn-ds.json +0 -334
  423. package/dist/tokens/modes/color-scheme/light/global.json +0 -334
  424. package/dist/tokens/modes/main-color/company.json +0 -70
  425. package/dist/tokens/modes/main-color/person.json +0 -70
  426. package/dist/tokens/modes/size/global.json +0 -96
  427. package/dist/tokens/modes/size/large.json +0 -16
  428. package/dist/tokens/modes/size/medium.json +0 -16
  429. package/dist/tokens/modes/size/small.json +0 -16
  430. package/dist/tokens/modes/support-color/alert.json +0 -70
  431. package/dist/tokens/modes/support-color/article.json +0 -70
  432. package/dist/tokens/modes/typography/primary/altinn-ds.json +0 -22
  433. package/dist/tokens/modes/typography/secondary/altinn-ds.json +0 -22
  434. package/dist/tokens/modes/typography/size/large.json +0 -96
  435. package/dist/tokens/modes/typography/size/medium.json +0 -96
  436. package/dist/tokens/modes/typography/size/small.json +0 -96
  437. package/dist/tokens/neutral.css +0 -25
  438. package/dist/tokens/person.css +0 -25
  439. package/dist/tokens/person.json +0 -70
  440. package/dist/tokens/primary/altinn-ds.json +0 -22
  441. package/dist/tokens/primary.css +0 -123
  442. package/dist/tokens/primitives/globals.json +0 -143
  443. package/dist/tokens/primitives/modes/color-scheme/dark/altinn-ds.json +0 -334
  444. package/dist/tokens/primitives/modes/color-scheme/dark/global.json +0 -334
  445. package/dist/tokens/primitives/modes/color-scheme/light/altinn-ds.json +0 -334
  446. package/dist/tokens/primitives/modes/color-scheme/light/global.json +0 -334
  447. package/dist/tokens/primitives/modes/size/global.json +0 -96
  448. package/dist/tokens/primitives/modes/size/large.json +0 -16
  449. package/dist/tokens/primitives/modes/size/medium.json +0 -16
  450. package/dist/tokens/primitives/modes/size/small.json +0 -16
  451. package/dist/tokens/primitives/modes/typography/primary/altinn-ds.json +0 -22
  452. package/dist/tokens/primitives/modes/typography/secondary/altinn-ds.json +0 -22
  453. package/dist/tokens/primitives/modes/typography/size/large.json +0 -96
  454. package/dist/tokens/primitives/modes/typography/size/medium.json +0 -96
  455. package/dist/tokens/primitives/modes/typography/size/small.json +0 -96
  456. package/dist/tokens/secondary/altinn-ds.json +0 -22
  457. package/dist/tokens/secondary.css +0 -122
  458. package/dist/tokens/semantic/color.json +0 -616
  459. package/dist/tokens/semantic/modes/main-color/company.json +0 -70
  460. package/dist/tokens/semantic/modes/main-color/person.json +0 -70
  461. package/dist/tokens/semantic/modes/support-color/alert.json +0 -70
  462. package/dist/tokens/semantic/modes/support-color/article.json +0 -70
  463. package/dist/tokens/semantic/style.json +0 -378
  464. package/dist/tokens/semantic.css +0 -70
  465. package/dist/tokens/size/global.json +0 -96
  466. package/dist/tokens/size/large.json +0 -96
  467. package/dist/tokens/size/medium.json +0 -96
  468. package/dist/tokens/size/small.json +0 -96
  469. package/dist/tokens/small.json +0 -96
  470. package/dist/tokens/style.json +0 -378
  471. package/dist/tokens/success.css +0 -25
  472. package/dist/tokens/support-color/alert.json +0 -70
  473. package/dist/tokens/support-color/article.json +0 -70
  474. package/dist/tokens/themes/altinn-ds.json +0 -386
  475. package/dist/tokens/typography/primary/altinn-ds.json +0 -22
  476. package/dist/tokens/typography/primary.css +0 -123
  477. package/dist/tokens/typography/secondary/altinn-ds.json +0 -22
  478. package/dist/tokens/typography/secondary.css +0 -122
  479. package/dist/tokens/typography/size/large.json +0 -96
  480. package/dist/tokens/typography/size/medium.json +0 -96
  481. package/dist/tokens/typography/size/small.json +0 -96
  482. package/dist/tokens/warning.css +0 -25
  483. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +0 -7
  484. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +0 -23
  485. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +0 -12
  486. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +0 -77
  487. package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts +0 -32
  488. package/dist/types/lib/components/Bookmarks/index.d.ts +0 -3
  489. package/dist/useMergeRefs-DOnoWyUH.js +0 -29
  490. package/dist/usePagination-cq1YWZkE.js +0 -889
  491. /package/dist/{Alert-BzifOfXl.js → alert-BzifOfXl.js} +0 -0
  492. /package/dist/{padding.css → data-padding.css} +0 -0
  493. /package/dist/{shadow.css → data-shadow.css} +0 -0
  494. /package/dist/{spacing.css → data-spacing.css} +0 -0
  495. /package/dist/{altinn-theme.css → data-theme.css} +0 -0
  496. /package/dist/{Textarea-BBstVlPT.js → textarea-BBstVlPT.js} +0 -0
package/dist/altinn-ds.css DELETED
@@ -1,1125 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- @layer ds.theme, ds.base, ds.utilities, ds.components;
4
-
5
- /* This file is generated by @digdir/designsystemet@1.0.4 */
6
-
7
- @layer ds.theme.color-scheme.light {
8
- :root,
9
- [data-color-scheme="light"] {
10
- --ds-color-company-background-default: #ffffff;
11
- --ds-color-company-background-tinted: #f3f3f6;
12
- --ds-color-company-surface-default: #ffffff;
13
- --ds-color-company-surface-tinted: #e7e8ec;
14
- --ds-color-company-surface-hover: #d8dae1;
15
- --ds-color-company-surface-active: #c7cad3;
16
- --ds-color-company-border-subtle: #b8bbc8;
17
- --ds-color-company-border-default: #717891;
18
- --ds-color-company-border-strong: #545c7a;
19
- --ds-color-company-text-subtle: #545c7a;
20
- --ds-color-company-text-default: #1e2950;
21
- --ds-color-company-base-default: #111d46;
22
- --ds-color-company-base-hover: #242f55;
23
- --ds-color-company-base-active: #384264;
24
- --ds-color-company-base-contrast-subtle: #adb1bf;
25
- --ds-color-company-base-contrast-default: #ffffff;
26
- --ds-color-person-background-default: #ffffff;
27
- --ds-color-person-background-tinted: #f1f4f2;
28
- --ds-color-person-surface-default: #ffffff;
29
- --ds-color-person-surface-tinted: #e3eae6;
30
- --ds-color-person-surface-hover: #d1ddd6;
31
- --ds-color-person-surface-active: #bdcec5;
32
- --ds-color-person-border-subtle: #abc1b5;
33
- --ds-color-person-border-default: #56826b;
34
- --ds-color-person-border-strong: #32674b;
35
- --ds-color-person-text-subtle: #32674b;
36
- --ds-color-person-text-default: #06331b;
37
- --ds-color-person-base-default: #084826;
38
- --ds-color-person-base-hover: #215a3c;
39
- --ds-color-person-base-active: #3b6e53;
40
- --ds-color-person-base-contrast-subtle: #cfdbd4;
41
- --ds-color-person-base-contrast-default: #ffffff;
42
- --ds-color-neutral-background-default: #ffffff;
43
- --ds-color-neutral-background-tinted: #f3f4f4;
44
- --ds-color-neutral-surface-default: #ffffff;
45
- --ds-color-neutral-surface-tinted: #e7e9ea;
46
- --ds-color-neutral-surface-hover: #d8dadd;
47
- --ds-color-neutral-surface-active: #c7cacf;
48
- --ds-color-neutral-border-subtle: #b8bcc1;
49
- --ds-color-neutral-border-default: #717a84;
50
- --ds-color-neutral-border-strong: #545e6b;
51
- --ds-color-neutral-text-subtle: #545e6b;
52
- --ds-color-neutral-text-default: #1f2c3d;
53
- --ds-color-neutral-base-default: #1e2b3c;
54
- --ds-color-neutral-base-hover: #313d4d;
55
- --ds-color-neutral-base-active: #444f5d;
56
- --ds-color-neutral-base-contrast-subtle: #babec4;
57
- --ds-color-neutral-base-contrast-default: #ffffff;
58
- --ds-color-article-background-default: #ffffff;
59
- --ds-color-article-background-tinted: #eef4fa;
60
- --ds-color-article-surface-default: #ffffff;
61
- --ds-color-article-surface-tinted: #ddeaf6;
62
- --ds-color-article-surface-hover: #c7ddf0;
63
- --ds-color-article-surface-active: #afcee9;
64
- --ds-color-article-border-subtle: #99c0e3;
65
- --ds-color-article-border-default: #2a7cc5;
66
- --ds-color-article-border-strong: #005db1;
67
- --ds-color-article-text-subtle: #005db1;
68
- --ds-color-article-text-default: #002c54;
69
- --ds-color-article-base-default: #0062ba;
70
- --ds-color-article-base-hover: #004f96;
71
- --ds-color-article-base-active: #003d75;
72
- --ds-color-article-base-contrast-subtle: #dbe9f5;
73
- --ds-color-article-base-contrast-default: #ffffff;
74
- --ds-color-alert-background-default: #ffffff;
75
- --ds-color-alert-background-tinted: #fcf1f3;
76
- --ds-color-alert-surface-default: #ffffff;
77
- --ds-color-alert-surface-tinted: #fae3e6;
78
- --ds-color-alert-surface-hover: #f6d1d6;
79
- --ds-color-alert-surface-active: #f3bcc4;
80
- --ds-color-alert-border-subtle: #efa9b4;
81
- --ds-color-alert-border-default: #db3d54;
82
- --ds-color-alert-border-strong: #b2243a;
83
- --ds-color-alert-text-subtle: #b2243a;
84
- --ds-color-alert-text-default: #55111c;
85
- --ds-color-alert-base-default: #d82c46;
86
- --ds-color-alert-base-hover: #b3243a;
87
- --ds-color-alert-base-active: #901d2f;
88
- --ds-color-alert-base-contrast-subtle: #fef8f9;
89
- --ds-color-alert-base-contrast-default: #ffffff;
90
- --ds-color-success-background-default: #ffffff;
91
- --ds-color-success-background-tinted: #ecf6ee;
92
- --ds-color-success-surface-default: #ffffff;
93
- --ds-color-success-surface-tinted: #daeddd;
94
- --ds-color-success-surface-hover: #c3e2c7;
95
- --ds-color-success-surface-active: #a8d5ae;
96
- --ds-color-success-border-subtle: #8fc997;
97
- --ds-color-success-border-default: #108c22;
98
- --ds-color-success-border-strong: #056d13;
99
- --ds-color-success-text-subtle: #056d13;
100
- --ds-color-success-text-default: #023409;
101
- --ds-color-success-base-default: #068718;
102
- --ds-color-success-base-hover: #057014;
103
- --ds-color-success-base-active: #045a10;
104
- --ds-color-success-base-contrast-subtle: #fafdfb;
105
- --ds-color-success-base-contrast-default: #ffffff;
106
- --ds-color-danger-background-default: #ffffff;
107
- --ds-color-danger-background-tinted: #fbf1f1;
108
- --ds-color-danger-surface-default: #ffffff;
109
- --ds-color-danger-surface-tinted: #f8e4e4;
110
- --ds-color-danger-surface-hover: #f3d2d2;
111
- --ds-color-danger-surface-active: #edbfbf;
112
- --ds-color-danger-border-subtle: #e8adad;
113
- --ds-color-danger-border-default: #ce4d4d;
114
- --ds-color-danger-border-strong: #b81a1a;
115
- --ds-color-danger-text-subtle: #b81a1a;
116
- --ds-color-danger-text-default: #590d0d;
117
- --ds-color-danger-base-default: #c01b1b;
118
- --ds-color-danger-base-hover: #9b1616;
119
- --ds-color-danger-base-active: #791111;
120
- --ds-color-danger-base-contrast-subtle: #f7e1e1;
121
- --ds-color-danger-base-contrast-default: #ffffff;
122
- --ds-color-info-background-default: #ffffff;
123
- --ds-color-info-background-tinted: #edf5fa;
124
- --ds-color-info-surface-default: #ffffff;
125
- --ds-color-info-surface-tinted: #dcebf6;
126
- --ds-color-info-surface-hover: #c5ddf0;
127
- --ds-color-info-surface-active: #abcfe9;
128
- --ds-color-info-border-subtle: #94c1e3;
129
- --ds-color-info-border-default: #1f7dc5;
130
- --ds-color-info-border-strong: #0860a3;
131
- --ds-color-info-text-subtle: #0860a3;
132
- --ds-color-info-text-default: #042d4d;
133
- --ds-color-info-base-default: #0a71c0;
134
- --ds-color-info-base-hover: #085d9f;
135
- --ds-color-info-base-active: #074a7e;
136
- --ds-color-info-base-contrast-subtle: #eff6fb;
137
- --ds-color-info-base-contrast-default: #ffffff;
138
- --ds-color-warning-background-default: #ffffff;
139
- --ds-color-warning-background-tinted: #fcf2e2;
140
- --ds-color-warning-surface-default: #ffffff;
141
- --ds-color-warning-surface-tinted: #fae6c6;
142
- --ds-color-warning-surface-hover: #f6d5a0;
143
- --ds-color-warning-surface-active: #f2c275;
144
- --ds-color-warning-border-subtle: #eeb04c;
145
- --ds-color-warning-border-default: #a56d13;
146
- --ds-color-warning-border-strong: #80540f;
147
- --ds-color-warning-text-subtle: #80540f;
148
- --ds-color-warning-text-default: #3c2807;
149
- --ds-color-warning-base-default: #ea9b1b;
150
- --ds-color-warning-base-hover: #cd8818;
151
- --ds-color-warning-base-active: #b27614;
152
- --ds-color-warning-base-contrast-subtle: #271a04;
153
- --ds-color-warning-base-contrast-default: #000000;
154
- --ds-color-focus-inner: #ffffff;
155
- --ds-color-focus-outer: #1f2c3d;
156
- --ds-link-color-visited: #663299;
157
-
158
- color-scheme: light;
159
- }
160
-
161
- @media (prefers-color-scheme: light) {
162
- [data-color-scheme="auto"] {
163
- --ds-color-company-background-default: #ffffff;
164
- --ds-color-company-background-tinted: #f3f3f6;
165
- --ds-color-company-surface-default: #ffffff;
166
- --ds-color-company-surface-tinted: #e7e8ec;
167
- --ds-color-company-surface-hover: #d8dae1;
168
- --ds-color-company-surface-active: #c7cad3;
169
- --ds-color-company-border-subtle: #b8bbc8;
170
- --ds-color-company-border-default: #717891;
171
- --ds-color-company-border-strong: #545c7a;
172
- --ds-color-company-text-subtle: #545c7a;
173
- --ds-color-company-text-default: #1e2950;
174
- --ds-color-company-base-default: #111d46;
175
- --ds-color-company-base-hover: #242f55;
176
- --ds-color-company-base-active: #384264;
177
- --ds-color-company-base-contrast-subtle: #adb1bf;
178
- --ds-color-company-base-contrast-default: #ffffff;
179
- --ds-color-person-background-default: #ffffff;
180
- --ds-color-person-background-tinted: #f1f4f2;
181
- --ds-color-person-surface-default: #ffffff;
182
- --ds-color-person-surface-tinted: #e3eae6;
183
- --ds-color-person-surface-hover: #d1ddd6;
184
- --ds-color-person-surface-active: #bdcec5;
185
- --ds-color-person-border-subtle: #abc1b5;
186
- --ds-color-person-border-default: #56826b;
187
- --ds-color-person-border-strong: #32674b;
188
- --ds-color-person-text-subtle: #32674b;
189
- --ds-color-person-text-default: #06331b;
190
- --ds-color-person-base-default: #084826;
191
- --ds-color-person-base-hover: #215a3c;
192
- --ds-color-person-base-active: #3b6e53;
193
- --ds-color-person-base-contrast-subtle: #cfdbd4;
194
- --ds-color-person-base-contrast-default: #ffffff;
195
- --ds-color-neutral-background-default: #ffffff;
196
- --ds-color-neutral-background-tinted: #f3f4f4;
197
- --ds-color-neutral-surface-default: #ffffff;
198
- --ds-color-neutral-surface-tinted: #e7e9ea;
199
- --ds-color-neutral-surface-hover: #d8dadd;
200
- --ds-color-neutral-surface-active: #c7cacf;
201
- --ds-color-neutral-border-subtle: #b8bcc1;
202
- --ds-color-neutral-border-default: #717a84;
203
- --ds-color-neutral-border-strong: #545e6b;
204
- --ds-color-neutral-text-subtle: #545e6b;
205
- --ds-color-neutral-text-default: #1f2c3d;
206
- --ds-color-neutral-base-default: #1e2b3c;
207
- --ds-color-neutral-base-hover: #313d4d;
208
- --ds-color-neutral-base-active: #444f5d;
209
- --ds-color-neutral-base-contrast-subtle: #babec4;
210
- --ds-color-neutral-base-contrast-default: #ffffff;
211
- --ds-color-article-background-default: #ffffff;
212
- --ds-color-article-background-tinted: #eef4fa;
213
- --ds-color-article-surface-default: #ffffff;
214
- --ds-color-article-surface-tinted: #ddeaf6;
215
- --ds-color-article-surface-hover: #c7ddf0;
216
- --ds-color-article-surface-active: #afcee9;
217
- --ds-color-article-border-subtle: #99c0e3;
218
- --ds-color-article-border-default: #2a7cc5;
219
- --ds-color-article-border-strong: #005db1;
220
- --ds-color-article-text-subtle: #005db1;
221
- --ds-color-article-text-default: #002c54;
222
- --ds-color-article-base-default: #0062ba;
223
- --ds-color-article-base-hover: #004f96;
224
- --ds-color-article-base-active: #003d75;
225
- --ds-color-article-base-contrast-subtle: #dbe9f5;
226
- --ds-color-article-base-contrast-default: #ffffff;
227
- --ds-color-alert-background-default: #ffffff;
228
- --ds-color-alert-background-tinted: #fcf1f3;
229
- --ds-color-alert-surface-default: #ffffff;
230
- --ds-color-alert-surface-tinted: #fae3e6;
231
- --ds-color-alert-surface-hover: #f6d1d6;
232
- --ds-color-alert-surface-active: #f3bcc4;
233
- --ds-color-alert-border-subtle: #efa9b4;
234
- --ds-color-alert-border-default: #db3d54;
235
- --ds-color-alert-border-strong: #b2243a;
236
- --ds-color-alert-text-subtle: #b2243a;
237
- --ds-color-alert-text-default: #55111c;
238
- --ds-color-alert-base-default: #d82c46;
239
- --ds-color-alert-base-hover: #b3243a;
240
- --ds-color-alert-base-active: #901d2f;
241
- --ds-color-alert-base-contrast-subtle: #fef8f9;
242
- --ds-color-alert-base-contrast-default: #ffffff;
243
- --ds-color-success-background-default: #ffffff;
244
- --ds-color-success-background-tinted: #ecf6ee;
245
- --ds-color-success-surface-default: #ffffff;
246
- --ds-color-success-surface-tinted: #daeddd;
247
- --ds-color-success-surface-hover: #c3e2c7;
248
- --ds-color-success-surface-active: #a8d5ae;
249
- --ds-color-success-border-subtle: #8fc997;
250
- --ds-color-success-border-default: #108c22;
251
- --ds-color-success-border-strong: #056d13;
252
- --ds-color-success-text-subtle: #056d13;
253
- --ds-color-success-text-default: #023409;
254
- --ds-color-success-base-default: #068718;
255
- --ds-color-success-base-hover: #057014;
256
- --ds-color-success-base-active: #045a10;
257
- --ds-color-success-base-contrast-subtle: #fafdfb;
258
- --ds-color-success-base-contrast-default: #ffffff;
259
- --ds-color-danger-background-default: #ffffff;
260
- --ds-color-danger-background-tinted: #fbf1f1;
261
- --ds-color-danger-surface-default: #ffffff;
262
- --ds-color-danger-surface-tinted: #f8e4e4;
263
- --ds-color-danger-surface-hover: #f3d2d2;
264
- --ds-color-danger-surface-active: #edbfbf;
265
- --ds-color-danger-border-subtle: #e8adad;
266
- --ds-color-danger-border-default: #ce4d4d;
267
- --ds-color-danger-border-strong: #b81a1a;
268
- --ds-color-danger-text-subtle: #b81a1a;
269
- --ds-color-danger-text-default: #590d0d;
270
- --ds-color-danger-base-default: #c01b1b;
271
- --ds-color-danger-base-hover: #9b1616;
272
- --ds-color-danger-base-active: #791111;
273
- --ds-color-danger-base-contrast-subtle: #f7e1e1;
274
- --ds-color-danger-base-contrast-default: #ffffff;
275
- --ds-color-info-background-default: #ffffff;
276
- --ds-color-info-background-tinted: #edf5fa;
277
- --ds-color-info-surface-default: #ffffff;
278
- --ds-color-info-surface-tinted: #dcebf6;
279
- --ds-color-info-surface-hover: #c5ddf0;
280
- --ds-color-info-surface-active: #abcfe9;
281
- --ds-color-info-border-subtle: #94c1e3;
282
- --ds-color-info-border-default: #1f7dc5;
283
- --ds-color-info-border-strong: #0860a3;
284
- --ds-color-info-text-subtle: #0860a3;
285
- --ds-color-info-text-default: #042d4d;
286
- --ds-color-info-base-default: #0a71c0;
287
- --ds-color-info-base-hover: #085d9f;
288
- --ds-color-info-base-active: #074a7e;
289
- --ds-color-info-base-contrast-subtle: #eff6fb;
290
- --ds-color-info-base-contrast-default: #ffffff;
291
- --ds-color-warning-background-default: #ffffff;
292
- --ds-color-warning-background-tinted: #fcf2e2;
293
- --ds-color-warning-surface-default: #ffffff;
294
- --ds-color-warning-surface-tinted: #fae6c6;
295
- --ds-color-warning-surface-hover: #f6d5a0;
296
- --ds-color-warning-surface-active: #f2c275;
297
- --ds-color-warning-border-subtle: #eeb04c;
298
- --ds-color-warning-border-default: #a56d13;
299
- --ds-color-warning-border-strong: #80540f;
300
- --ds-color-warning-text-subtle: #80540f;
301
- --ds-color-warning-text-default: #3c2807;
302
- --ds-color-warning-base-default: #ea9b1b;
303
- --ds-color-warning-base-hover: #cd8818;
304
- --ds-color-warning-base-active: #b27614;
305
- --ds-color-warning-base-contrast-subtle: #271a04;
306
- --ds-color-warning-base-contrast-default: #000000;
307
- --ds-color-focus-inner: #ffffff;
308
- --ds-color-focus-outer: #1f2c3d;
309
- --ds-link-color-visited: #663299;
310
-
311
- color-scheme: light;
312
- }
313
- }
314
- }
315
-
316
- @layer ds.theme.typography.secondary {
317
- [data-typography="secondary"] {
318
- --ds-line-height-sm: 1.3;
319
- --ds-line-height-md: 1.5;
320
- --ds-line-height-lg: 1.7;
321
- --ds-font-size-1: 0.75rem;
322
- --ds-font-size-2: 0.875rem;
323
- --ds-font-size-3: 1rem;
324
- --ds-font-size-4: 1.125rem;
325
- --ds-font-size-5: 1.3125rem;
326
- --ds-font-size-6: 1.5rem;
327
- --ds-font-size-7: 1.875rem;
328
- --ds-font-size-8: 2.25rem;
329
- --ds-font-size-9: 3rem;
330
- --ds-font-size-10: 3.75rem;
331
- --ds-letter-spacing-1: -1%;
332
- --ds-letter-spacing-2: -0.5%;
333
- --ds-letter-spacing-3: -0.25%;
334
- --ds-letter-spacing-4: -0.15%;
335
- --ds-letter-spacing-5: 0%;
336
- --ds-letter-spacing-6: 0.15%;
337
- --ds-letter-spacing-7: 0.25%;
338
- --ds-letter-spacing-8: 0.5%;
339
- --ds-letter-spacing-9: 1.5%;
340
- --ds-font-family: Inter;
341
- --ds-font-weight-medium: 500;
342
- --ds-font-weight-semibold: 600;
343
- --ds-font-weight-regular: 400;
344
- --ds-heading-2xl-font-weight: 500;
345
- --ds-heading-2xl-line-height: 1.3;
346
- --ds-heading-2xl-font-size: 3.75rem;
347
- --ds-heading-2xl-letter-spacing: -1%;
348
- --ds-heading-xl-font-weight: 500;
349
- --ds-heading-xl-line-height: 1.3;
350
- --ds-heading-xl-font-size: 3rem;
351
- --ds-heading-xl-letter-spacing: -1%;
352
- --ds-heading-lg-font-weight: 500;
353
- --ds-heading-lg-line-height: 1.3;
354
- --ds-heading-lg-font-size: 2.25rem;
355
- --ds-heading-lg-letter-spacing: -0.5%;
356
- --ds-heading-md-font-weight: 500;
357
- --ds-heading-md-line-height: 1.3;
358
- --ds-heading-md-font-size: 1.875rem;
359
- --ds-heading-md-letter-spacing: -0.25%;
360
- --ds-heading-sm-font-weight: 500;
361
- --ds-heading-sm-line-height: 1.3;
362
- --ds-heading-sm-font-size: 1.5rem;
363
- --ds-heading-sm-letter-spacing: 0%;
364
- --ds-heading-xs-font-weight: 500;
365
- --ds-heading-xs-line-height: 1.3;
366
- --ds-heading-xs-font-size: 1.3125rem;
367
- --ds-heading-xs-letter-spacing: 0.15%;
368
- --ds-heading-2xs-font-weight: 500;
369
- --ds-heading-2xs-line-height: 1.3;
370
- --ds-heading-2xs-font-size: 1.125rem;
371
- --ds-heading-2xs-letter-spacing: 0.15%;
372
- --ds-body-xl-font-weight: 400;
373
- --ds-body-xl-line-height: 1.5;
374
- --ds-body-xl-font-size: 1.5rem;
375
- --ds-body-xl-letter-spacing: 0.5%;
376
- --ds-body-lg-font-weight: 400;
377
- --ds-body-lg-line-height: 1.5;
378
- --ds-body-lg-font-size: 1.3125rem;
379
- --ds-body-lg-letter-spacing: 0.5%;
380
- --ds-body-md-font-weight: 400;
381
- --ds-body-md-line-height: 1.5;
382
- --ds-body-md-font-size: 1.125rem;
383
- --ds-body-md-letter-spacing: 0.5%;
384
- --ds-body-sm-font-weight: 400;
385
- --ds-body-sm-line-height: 1.5;
386
- --ds-body-sm-font-size: 1rem;
387
- --ds-body-sm-letter-spacing: 0.25%;
388
- --ds-body-xs-font-weight: 400;
389
- --ds-body-xs-line-height: 1.5;
390
- --ds-body-xs-font-size: 0.875rem;
391
- --ds-body-xs-letter-spacing: 0.15%;
392
- --ds-body-short-xl-font-weight: 400;
393
- --ds-body-short-xl-line-height: 1.3;
394
- --ds-body-short-xl-font-size: 1.5rem;
395
- --ds-body-short-xl-letter-spacing: 0.5%;
396
- --ds-body-short-lg-font-weight: 400;
397
- --ds-body-short-lg-line-height: 1.3;
398
- --ds-body-short-lg-font-size: 1.3125rem;
399
- --ds-body-short-lg-letter-spacing: 0.5%;
400
- --ds-body-short-md-font-weight: 400;
401
- --ds-body-short-md-line-height: 1.3;
402
- --ds-body-short-md-font-size: 1.125rem;
403
- --ds-body-short-md-letter-spacing: 0.5%;
404
- --ds-body-short-sm-font-weight: 400;
405
- --ds-body-short-sm-line-height: 1.3;
406
- --ds-body-short-sm-font-size: 1rem;
407
- --ds-body-short-sm-letter-spacing: 0.25%;
408
- --ds-body-short-xs-font-weight: 400;
409
- --ds-body-short-xs-line-height: 1.3;
410
- --ds-body-short-xs-font-size: 0.875rem;
411
- --ds-body-short-xs-letter-spacing: 0.15%;
412
- --ds-body-long-xl-font-weight: 400;
413
- --ds-body-long-xl-line-height: 1.7;
414
- --ds-body-long-xl-font-size: 1.5rem;
415
- --ds-body-long-xl-letter-spacing: 0.5%;
416
- --ds-body-long-lg-font-weight: 400;
417
- --ds-body-long-lg-line-height: 1.7;
418
- --ds-body-long-lg-font-size: 1.3125rem;
419
- --ds-body-long-lg-letter-spacing: 0.5%;
420
- --ds-body-long-md-font-weight: 400;
421
- --ds-body-long-md-line-height: 1.7;
422
- --ds-body-long-md-font-size: 1.125rem;
423
- --ds-body-long-md-letter-spacing: 0.5%;
424
- --ds-body-long-sm-font-weight: 400;
425
- --ds-body-long-sm-line-height: 1.7;
426
- --ds-body-long-sm-font-size: 1rem;
427
- --ds-body-long-sm-letter-spacing: 0.25%;
428
- --ds-body-long-xs-font-weight: 400;
429
- --ds-body-long-xs-line-height: 1.7;
430
- --ds-body-long-xs-font-size: 0.875rem;
431
- --ds-body-long-xs-letter-spacing: 0.15%;
432
- }
433
- }
434
- @layer ds.theme.semantic {
435
- :root {
436
- --ds-size-base: 18;
437
- --ds-size-step: 4;
438
- --ds-border-radius-base: 0.25rem;
439
- --ds-border-radius-scale: 0.25rem;
440
- --ds-border-radius-sm: min(var(--ds-border-radius-base) * 0.5, var(--ds-border-radius-scale));
441
- --ds-border-radius-md: min(var(--ds-border-radius-base), var(--ds-border-radius-scale) * 2);
442
- --ds-border-radius-lg: min(var(--ds-border-radius-base) * 2, var(--ds-border-radius-scale) * 5);
443
- --ds-border-radius-xl: min(var(--ds-border-radius-base) * 3, var(--ds-border-radius-scale) * 7);
444
- --ds-border-radius-default: var(--ds-border-radius-base);
445
- --ds-border-radius-full: 624.9375rem;
446
- --ds-border-width-default: 1px;
447
- --ds-border-width-focus: 3px;
448
- --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
449
- --ds-shadow-sm: 0 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
450
- --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
451
- --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
452
- --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
453
- --ds-opacity-disabled: 30%;
454
-
455
- --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
456
- --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
457
- --ds-size-2: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2);
458
- --ds-size-3: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3);
459
- --ds-size-4: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4);
460
- --ds-size-5: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5);
461
- --ds-size-6: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6);
462
- --ds-size-7: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7);
463
- --ds-size-8: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8);
464
- --ds-size-9: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9);
465
- --ds-size-10: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10);
466
- --ds-size-11: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11);
467
- --ds-size-12: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12);
468
- --ds-size-13: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13);
469
- --ds-size-14: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14);
470
- --ds-size-15: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15);
471
- --ds-size-18: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18);
472
- --ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22);
473
- --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26);
474
- --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30);
475
-
476
- @supports (width: round(down, 0.1em, 1px)) {
477
- --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0), 0.0625rem);
478
- --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1), 0.0625rem);
479
- --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2), 0.0625rem);
480
- --ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3), 0.0625rem);
481
- --ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4), 0.0625rem);
482
- --ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5), 0.0625rem);
483
- --ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6), 0.0625rem);
484
- --ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7), 0.0625rem);
485
- --ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8), 0.0625rem);
486
- --ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9), 0.0625rem);
487
- --ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10), 0.0625rem);
488
- --ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11), 0.0625rem);
489
- --ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12), 0.0625rem);
490
- --ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13), 0.0625rem);
491
- --ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14), 0.0625rem);
492
- --ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15), 0.0625rem);
493
- --ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18), 0.0625rem);
494
- --ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22), 0.0625rem);
495
- --ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26), 0.0625rem);
496
- --ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30), 0.0625rem);
497
- }
498
- }
499
- }
500
-
501
- @layer ds.theme.color-scheme.dark {
502
- [data-color-scheme="dark"] {
503
- --ds-color-company-background-default: #10172c;
504
- --ds-color-company-background-tinted: #151e39;
505
- --ds-color-company-surface-default: #1e2742;
506
- --ds-color-company-surface-tinted: #242d47;
507
- --ds-color-company-surface-hover: #2c354e;
508
- --ds-color-company-surface-active: #3b425a;
509
- --ds-color-company-border-subtle: #484f65;
510
- --ds-color-company-border-default: #7c8191;
511
- --ds-color-company-border-strong: #a4a8b3;
512
- --ds-color-company-text-subtle: #a4a8b3;
513
- --ds-color-company-text-default: #ebecee;
514
- --ds-color-company-base-default: #a6abba;
515
- --ds-color-company-base-hover: #9096a9;
516
- --ds-color-company-base-active: #7a8197;
517
- --ds-color-company-base-contrast-subtle: #1b1c1e;
518
- --ds-color-company-base-contrast-default: #000000;
519
- --ds-color-person-background-default: #0c1b12;
520
- --ds-color-person-background-tinted: #102317;
521
- --ds-color-person-surface-default: #152d1d;
522
- --ds-color-person-surface-tinted: #183321;
523
- --ds-color-person-surface-hover: #1c3c27;
524
- --ds-color-person-surface-active: #264a33;
525
- --ds-color-person-border-subtle: #365741;
526
- --ds-color-person-border-default: #6f8777;
527
- --ds-color-person-border-strong: #9baca1;
528
- --ds-color-person-text-subtle: #9baca1;
529
- --ds-color-person-text-default: #eaedeb;
530
- --ds-color-person-base-default: #96b1a3;
531
- --ds-color-person-base-hover: #7c9e8c;
532
- --ds-color-person-base-active: #618a74;
533
- --ds-color-person-base-contrast-subtle: #181c1a;
534
- --ds-color-person-base-contrast-default: #000000;
535
- --ds-color-neutral-background-default: #13181f;
536
- --ds-color-neutral-background-tinted: #192029;
537
- --ds-color-neutral-surface-default: #202834;
538
- --ds-color-neutral-surface-tinted: #262e3a;
539
- --ds-color-neutral-surface-hover: #2e3641;
540
- --ds-color-neutral-surface-active: #3c444e;
541
- --ds-color-neutral-border-subtle: #49515a;
542
- --ds-color-neutral-border-default: #7c8289;
543
- --ds-color-neutral-border-strong: #a4a8ad;
544
- --ds-color-neutral-text-subtle: #a4a8ad;
545
- --ds-color-neutral-text-default: #ebeced;
546
- --ds-color-neutral-base-default: #a6acb2;
547
- --ds-color-neutral-base-hover: #90979f;
548
- --ds-color-neutral-base-active: #7a828c;
549
- --ds-color-neutral-base-contrast-subtle: #1b1c1d;
550
- --ds-color-neutral-base-contrast-default: #000000;
551
- --ds-color-article-background-default: #0c1927;
552
- --ds-color-article-background-tinted: #102033;
553
- --ds-color-article-surface-default: #142941;
554
- --ds-color-article-surface-tinted: #172f4b;
555
- --ds-color-article-surface-hover: #1a3757;
556
- --ds-color-article-surface-active: #21446d;
557
- --ds-color-article-border-subtle: #285182;
558
- --ds-color-article-border-default: #5a84b4;
559
- --ds-color-article-border-strong: #8eaacb;
560
- --ds-color-article-text-subtle: #8eaacb;
561
- --ds-color-article-text-default: #e7edf4;
562
- --ds-color-article-base-default: #4c91cf;
563
- --ds-color-article-base-hover: #6fa6d8;
564
- --ds-color-article-base-active: #92bce1;
565
- --ds-color-article-base-contrast-subtle: #0d1924;
566
- --ds-color-article-base-contrast-default: #000000;
567
- --ds-color-alert-background-default: #281112;
568
- --ds-color-alert-background-tinted: #351618;
569
- --ds-color-alert-surface-default: #431c1e;
570
- --ds-color-alert-surface-tinted: #4c2023;
571
- --ds-color-alert-surface-hover: #592528;
572
- --ds-color-alert-surface-active: #6f2e32;
573
- --ds-color-alert-border-subtle: #84373c;
574
- --ds-color-alert-border-default: #c76369;
575
- --ds-color-alert-border-strong: #d9969a;
576
- --ds-color-alert-text-subtle: #d9969a;
577
- --ds-color-alert-text-default: #f7e9ea;
578
- --ds-color-alert-base-default: #dc445b;
579
- --ds-color-alert-base-hover: #e3697b;
580
- --ds-color-alert-base-active: #ea8b99;
581
- --ds-color-alert-base-contrast-subtle: #0f0506;
582
- --ds-color-alert-base-contrast-default: #000000;
583
- --ds-color-success-background-default: #0d1b0d;
584
- --ds-color-success-background-tinted: #112411;
585
- --ds-color-success-surface-default: #152d15;
586
- --ds-color-success-surface-tinted: #183418;
587
- --ds-color-success-surface-hover: #1c3c1c;
588
- --ds-color-success-surface-active: #244c24;
589
- --ds-color-success-border-subtle: #2b5a2b;
590
- --ds-color-success-border-default: #528f52;
591
- --ds-color-success-border-strong: #89b289;
592
- --ds-color-success-text-subtle: #89b289;
593
- --ds-color-success-text-default: #e6efe6;
594
- --ds-color-success-base-default: #138d24;
595
- --ds-color-success-base-hover: #3ca14b;
596
- --ds-color-success-base-active: #66b571;
597
- --ds-color-success-base-contrast-subtle: #010501;
598
- --ds-color-success-base-contrast-default: #000000;
599
- --ds-color-danger-background-default: #2a100e;
600
- --ds-color-danger-background-tinted: #371512;
601
- --ds-color-danger-surface-default: #451b17;
602
- --ds-color-danger-surface-tinted: #4f1f1b;
603
- --ds-color-danger-surface-hover: #5c241f;
604
- --ds-color-danger-surface-active: #722d27;
605
- --ds-color-danger-border-subtle: #88352e;
606
- --ds-color-danger-border-default: #bc6b64;
607
- --ds-color-danger-border-strong: #d19a96;
608
- --ds-color-danger-text-subtle: #d19a96;
609
- --ds-color-danger-text-default: #f5eae9;
610
- --ds-color-danger-base-default: #d76e6e;
611
- --ds-color-danger-base-hover: #df8b8b;
612
- --ds-color-danger-base-active: #e7a8a8;
613
- --ds-color-danger-base-contrast-subtle: #271414;
614
- --ds-color-danger-base-contrast-default: #000000;
615
- --ds-color-info-background-default: #0d1925;
616
- --ds-color-info-background-tinted: #112130;
617
- --ds-color-info-surface-default: #15293d;
618
- --ds-color-info-surface-tinted: #182f46;
619
- --ds-color-info-surface-hover: #1c3751;
620
- --ds-color-info-surface-active: #234566;
621
- --ds-color-info-border-subtle: #2a537a;
622
- --ds-color-info-border-default: #5585b4;
623
- --ds-color-info-border-strong: #8aabcb;
624
- --ds-color-info-text-subtle: #8aabcb;
625
- --ds-color-info-text-default: #e6edf4;
626
- --ds-color-info-base-default: #2d85c9;
627
- --ds-color-info-base-hover: #519ad2;
628
- --ds-color-info-base-active: #77b0dc;
629
- --ds-color-info-base-contrast-subtle: #050e15;
630
- --ds-color-info-base-contrast-default: #000000;
631
- --ds-color-warning-background-default: #1e160d;
632
- --ds-color-warning-background-tinted: #281e11;
633
- --ds-color-warning-surface-default: #322616;
634
- --ds-color-warning-surface-tinted: #3a2b19;
635
- --ds-color-warning-surface-hover: #43321d;
636
- --ds-color-warning-surface-active: #543f24;
637
- --ds-color-warning-border-subtle: #654b2b;
638
- --ds-color-warning-border-default: #a37a46;
639
- --ds-color-warning-border-strong: #d39e5b;
640
- --ds-color-warning-text-subtle: #d39e5b;
641
- --ds-color-warning-text-default: #f7ebdb;
642
- --ds-color-warning-base-default: #60400b;
643
- --ds-color-warning-base-hover: #7a510e;
644
- --ds-color-warning-base-active: #946211;
645
- --ds-color-warning-base-contrast-subtle: #e6e2d9;
646
- --ds-color-warning-base-contrast-default: #ffffff;
647
- --ds-color-focus-inner: #13181f;
648
- --ds-color-focus-outer: #ebeced;
649
- --ds-link-color-visited: #b49acd;
650
-
651
- color-scheme: dark;
652
- }
653
-
654
- @media (prefers-color-scheme: dark) {
655
- [data-color-scheme="auto"] {
656
- --ds-color-company-background-default: #10172c;
657
- --ds-color-company-background-tinted: #151e39;
658
- --ds-color-company-surface-default: #1e2742;
659
- --ds-color-company-surface-tinted: #242d47;
660
- --ds-color-company-surface-hover: #2c354e;
661
- --ds-color-company-surface-active: #3b425a;
662
- --ds-color-company-border-subtle: #484f65;
663
- --ds-color-company-border-default: #7c8191;
664
- --ds-color-company-border-strong: #a4a8b3;
665
- --ds-color-company-text-subtle: #a4a8b3;
666
- --ds-color-company-text-default: #ebecee;
667
- --ds-color-company-base-default: #a6abba;
668
- --ds-color-company-base-hover: #9096a9;
669
- --ds-color-company-base-active: #7a8197;
670
- --ds-color-company-base-contrast-subtle: #1b1c1e;
671
- --ds-color-company-base-contrast-default: #000000;
672
- --ds-color-person-background-default: #0c1b12;
673
- --ds-color-person-background-tinted: #102317;
674
- --ds-color-person-surface-default: #152d1d;
675
- --ds-color-person-surface-tinted: #183321;
676
- --ds-color-person-surface-hover: #1c3c27;
677
- --ds-color-person-surface-active: #264a33;
678
- --ds-color-person-border-subtle: #365741;
679
- --ds-color-person-border-default: #6f8777;
680
- --ds-color-person-border-strong: #9baca1;
681
- --ds-color-person-text-subtle: #9baca1;
682
- --ds-color-person-text-default: #eaedeb;
683
- --ds-color-person-base-default: #96b1a3;
684
- --ds-color-person-base-hover: #7c9e8c;
685
- --ds-color-person-base-active: #618a74;
686
- --ds-color-person-base-contrast-subtle: #181c1a;
687
- --ds-color-person-base-contrast-default: #000000;
688
- --ds-color-neutral-background-default: #13181f;
689
- --ds-color-neutral-background-tinted: #192029;
690
- --ds-color-neutral-surface-default: #202834;
691
- --ds-color-neutral-surface-tinted: #262e3a;
692
- --ds-color-neutral-surface-hover: #2e3641;
693
- --ds-color-neutral-surface-active: #3c444e;
694
- --ds-color-neutral-border-subtle: #49515a;
695
- --ds-color-neutral-border-default: #7c8289;
696
- --ds-color-neutral-border-strong: #a4a8ad;
697
- --ds-color-neutral-text-subtle: #a4a8ad;
698
- --ds-color-neutral-text-default: #ebeced;
699
- --ds-color-neutral-base-default: #a6acb2;
700
- --ds-color-neutral-base-hover: #90979f;
701
- --ds-color-neutral-base-active: #7a828c;
702
- --ds-color-neutral-base-contrast-subtle: #1b1c1d;
703
- --ds-color-neutral-base-contrast-default: #000000;
704
- --ds-color-article-background-default: #0c1927;
705
- --ds-color-article-background-tinted: #102033;
706
- --ds-color-article-surface-default: #142941;
707
- --ds-color-article-surface-tinted: #172f4b;
708
- --ds-color-article-surface-hover: #1a3757;
709
- --ds-color-article-surface-active: #21446d;
710
- --ds-color-article-border-subtle: #285182;
711
- --ds-color-article-border-default: #5a84b4;
712
- --ds-color-article-border-strong: #8eaacb;
713
- --ds-color-article-text-subtle: #8eaacb;
714
- --ds-color-article-text-default: #e7edf4;
715
- --ds-color-article-base-default: #4c91cf;
716
- --ds-color-article-base-hover: #6fa6d8;
717
- --ds-color-article-base-active: #92bce1;
718
- --ds-color-article-base-contrast-subtle: #0d1924;
719
- --ds-color-article-base-contrast-default: #000000;
720
- --ds-color-alert-background-default: #281112;
721
- --ds-color-alert-background-tinted: #351618;
722
- --ds-color-alert-surface-default: #431c1e;
723
- --ds-color-alert-surface-tinted: #4c2023;
724
- --ds-color-alert-surface-hover: #592528;
725
- --ds-color-alert-surface-active: #6f2e32;
726
- --ds-color-alert-border-subtle: #84373c;
727
- --ds-color-alert-border-default: #c76369;
728
- --ds-color-alert-border-strong: #d9969a;
729
- --ds-color-alert-text-subtle: #d9969a;
730
- --ds-color-alert-text-default: #f7e9ea;
731
- --ds-color-alert-base-default: #dc445b;
732
- --ds-color-alert-base-hover: #e3697b;
733
- --ds-color-alert-base-active: #ea8b99;
734
- --ds-color-alert-base-contrast-subtle: #0f0506;
735
- --ds-color-alert-base-contrast-default: #000000;
736
- --ds-color-success-background-default: #0d1b0d;
737
- --ds-color-success-background-tinted: #112411;
738
- --ds-color-success-surface-default: #152d15;
739
- --ds-color-success-surface-tinted: #183418;
740
- --ds-color-success-surface-hover: #1c3c1c;
741
- --ds-color-success-surface-active: #244c24;
742
- --ds-color-success-border-subtle: #2b5a2b;
743
- --ds-color-success-border-default: #528f52;
744
- --ds-color-success-border-strong: #89b289;
745
- --ds-color-success-text-subtle: #89b289;
746
- --ds-color-success-text-default: #e6efe6;
747
- --ds-color-success-base-default: #138d24;
748
- --ds-color-success-base-hover: #3ca14b;
749
- --ds-color-success-base-active: #66b571;
750
- --ds-color-success-base-contrast-subtle: #010501;
751
- --ds-color-success-base-contrast-default: #000000;
752
- --ds-color-danger-background-default: #2a100e;
753
- --ds-color-danger-background-tinted: #371512;
754
- --ds-color-danger-surface-default: #451b17;
755
- --ds-color-danger-surface-tinted: #4f1f1b;
756
- --ds-color-danger-surface-hover: #5c241f;
757
- --ds-color-danger-surface-active: #722d27;
758
- --ds-color-danger-border-subtle: #88352e;
759
- --ds-color-danger-border-default: #bc6b64;
760
- --ds-color-danger-border-strong: #d19a96;
761
- --ds-color-danger-text-subtle: #d19a96;
762
- --ds-color-danger-text-default: #f5eae9;
763
- --ds-color-danger-base-default: #d76e6e;
764
- --ds-color-danger-base-hover: #df8b8b;
765
- --ds-color-danger-base-active: #e7a8a8;
766
- --ds-color-danger-base-contrast-subtle: #271414;
767
- --ds-color-danger-base-contrast-default: #000000;
768
- --ds-color-info-background-default: #0d1925;
769
- --ds-color-info-background-tinted: #112130;
770
- --ds-color-info-surface-default: #15293d;
771
- --ds-color-info-surface-tinted: #182f46;
772
- --ds-color-info-surface-hover: #1c3751;
773
- --ds-color-info-surface-active: #234566;
774
- --ds-color-info-border-subtle: #2a537a;
775
- --ds-color-info-border-default: #5585b4;
776
- --ds-color-info-border-strong: #8aabcb;
777
- --ds-color-info-text-subtle: #8aabcb;
778
- --ds-color-info-text-default: #e6edf4;
779
- --ds-color-info-base-default: #2d85c9;
780
- --ds-color-info-base-hover: #519ad2;
781
- --ds-color-info-base-active: #77b0dc;
782
- --ds-color-info-base-contrast-subtle: #050e15;
783
- --ds-color-info-base-contrast-default: #000000;
784
- --ds-color-warning-background-default: #1e160d;
785
- --ds-color-warning-background-tinted: #281e11;
786
- --ds-color-warning-surface-default: #322616;
787
- --ds-color-warning-surface-tinted: #3a2b19;
788
- --ds-color-warning-surface-hover: #43321d;
789
- --ds-color-warning-surface-active: #543f24;
790
- --ds-color-warning-border-subtle: #654b2b;
791
- --ds-color-warning-border-default: #a37a46;
792
- --ds-color-warning-border-strong: #d39e5b;
793
- --ds-color-warning-text-subtle: #d39e5b;
794
- --ds-color-warning-text-default: #f7ebdb;
795
- --ds-color-warning-base-default: #60400b;
796
- --ds-color-warning-base-hover: #7a510e;
797
- --ds-color-warning-base-active: #946211;
798
- --ds-color-warning-base-contrast-subtle: #e6e2d9;
799
- --ds-color-warning-base-contrast-default: #ffffff;
800
- --ds-color-focus-inner: #13181f;
801
- --ds-color-focus-outer: #ebeced;
802
- --ds-link-color-visited: #b49acd;
803
-
804
- color-scheme: dark;
805
- }
806
- }
807
- }
808
-
809
- @layer ds.theme.typography.primary {
810
- :root,
811
- [data-typography="primary"] {
812
- --ds-line-height-sm: 1.3;
813
- --ds-line-height-md: 1.5;
814
- --ds-line-height-lg: 1.7;
815
- --ds-font-size-1: 0.75rem;
816
- --ds-font-size-2: 0.875rem;
817
- --ds-font-size-3: 1rem;
818
- --ds-font-size-4: 1.125rem;
819
- --ds-font-size-5: 1.3125rem;
820
- --ds-font-size-6: 1.5rem;
821
- --ds-font-size-7: 1.875rem;
822
- --ds-font-size-8: 2.25rem;
823
- --ds-font-size-9: 3rem;
824
- --ds-font-size-10: 3.75rem;
825
- --ds-letter-spacing-1: -1%;
826
- --ds-letter-spacing-2: -0.5%;
827
- --ds-letter-spacing-3: -0.25%;
828
- --ds-letter-spacing-4: -0.15%;
829
- --ds-letter-spacing-5: 0%;
830
- --ds-letter-spacing-6: 0.15%;
831
- --ds-letter-spacing-7: 0.25%;
832
- --ds-letter-spacing-8: 0.5%;
833
- --ds-letter-spacing-9: 1.5%;
834
- --ds-font-family: Inter;
835
- --ds-font-weight-medium: 500;
836
- --ds-font-weight-semibold: 600;
837
- --ds-font-weight-regular: 400;
838
- --ds-heading-2xl-font-weight: 500;
839
- --ds-heading-2xl-line-height: 1.3;
840
- --ds-heading-2xl-font-size: 3.75rem;
841
- --ds-heading-2xl-letter-spacing: -1%;
842
- --ds-heading-xl-font-weight: 500;
843
- --ds-heading-xl-line-height: 1.3;
844
- --ds-heading-xl-font-size: 3rem;
845
- --ds-heading-xl-letter-spacing: -1%;
846
- --ds-heading-lg-font-weight: 500;
847
- --ds-heading-lg-line-height: 1.3;
848
- --ds-heading-lg-font-size: 2.25rem;
849
- --ds-heading-lg-letter-spacing: -0.5%;
850
- --ds-heading-md-font-weight: 500;
851
- --ds-heading-md-line-height: 1.3;
852
- --ds-heading-md-font-size: 1.875rem;
853
- --ds-heading-md-letter-spacing: -0.25%;
854
- --ds-heading-sm-font-weight: 500;
855
- --ds-heading-sm-line-height: 1.3;
856
- --ds-heading-sm-font-size: 1.5rem;
857
- --ds-heading-sm-letter-spacing: 0%;
858
- --ds-heading-xs-font-weight: 500;
859
- --ds-heading-xs-line-height: 1.3;
860
- --ds-heading-xs-font-size: 1.3125rem;
861
- --ds-heading-xs-letter-spacing: 0.15%;
862
- --ds-heading-2xs-font-weight: 500;
863
- --ds-heading-2xs-line-height: 1.3;
864
- --ds-heading-2xs-font-size: 1.125rem;
865
- --ds-heading-2xs-letter-spacing: 0.15%;
866
- --ds-body-xl-font-weight: 400;
867
- --ds-body-xl-line-height: 1.5;
868
- --ds-body-xl-font-size: 1.5rem;
869
- --ds-body-xl-letter-spacing: 0.5%;
870
- --ds-body-lg-font-weight: 400;
871
- --ds-body-lg-line-height: 1.5;
872
- --ds-body-lg-font-size: 1.3125rem;
873
- --ds-body-lg-letter-spacing: 0.5%;
874
- --ds-body-md-font-weight: 400;
875
- --ds-body-md-line-height: 1.5;
876
- --ds-body-md-font-size: 1.125rem;
877
- --ds-body-md-letter-spacing: 0.5%;
878
- --ds-body-sm-font-weight: 400;
879
- --ds-body-sm-line-height: 1.5;
880
- --ds-body-sm-font-size: 1rem;
881
- --ds-body-sm-letter-spacing: 0.25%;
882
- --ds-body-xs-font-weight: 400;
883
- --ds-body-xs-line-height: 1.5;
884
- --ds-body-xs-font-size: 0.875rem;
885
- --ds-body-xs-letter-spacing: 0.15%;
886
- --ds-body-short-xl-font-weight: 400;
887
- --ds-body-short-xl-line-height: 1.3;
888
- --ds-body-short-xl-font-size: 1.5rem;
889
- --ds-body-short-xl-letter-spacing: 0.5%;
890
- --ds-body-short-lg-font-weight: 400;
891
- --ds-body-short-lg-line-height: 1.3;
892
- --ds-body-short-lg-font-size: 1.3125rem;
893
- --ds-body-short-lg-letter-spacing: 0.5%;
894
- --ds-body-short-md-font-weight: 400;
895
- --ds-body-short-md-line-height: 1.3;
896
- --ds-body-short-md-font-size: 1.125rem;
897
- --ds-body-short-md-letter-spacing: 0.5%;
898
- --ds-body-short-sm-font-weight: 400;
899
- --ds-body-short-sm-line-height: 1.3;
900
- --ds-body-short-sm-font-size: 1rem;
901
- --ds-body-short-sm-letter-spacing: 0.25%;
902
- --ds-body-short-xs-font-weight: 400;
903
- --ds-body-short-xs-line-height: 1.3;
904
- --ds-body-short-xs-font-size: 0.875rem;
905
- --ds-body-short-xs-letter-spacing: 0.15%;
906
- --ds-body-long-xl-font-weight: 400;
907
- --ds-body-long-xl-line-height: 1.7;
908
- --ds-body-long-xl-font-size: 1.5rem;
909
- --ds-body-long-xl-letter-spacing: 0.5%;
910
- --ds-body-long-lg-font-weight: 400;
911
- --ds-body-long-lg-line-height: 1.7;
912
- --ds-body-long-lg-font-size: 1.3125rem;
913
- --ds-body-long-lg-letter-spacing: 0.5%;
914
- --ds-body-long-md-font-weight: 400;
915
- --ds-body-long-md-line-height: 1.7;
916
- --ds-body-long-md-font-size: 1.125rem;
917
- --ds-body-long-md-letter-spacing: 0.5%;
918
- --ds-body-long-sm-font-weight: 400;
919
- --ds-body-long-sm-line-height: 1.7;
920
- --ds-body-long-sm-font-size: 1rem;
921
- --ds-body-long-sm-letter-spacing: 0.25%;
922
- --ds-body-long-xs-font-weight: 400;
923
- --ds-body-long-xs-line-height: 1.7;
924
- --ds-body-long-xs-font-size: 0.875rem;
925
- --ds-body-long-xs-letter-spacing: 0.15%;
926
- }
927
- }
928
- @layer ds.theme.color {
929
- [data-color="alert"],
930
- [data-color-scheme][data-color="alert"] {
931
- --ds-color-background-default: var(--ds-color-alert-background-default);
932
- --ds-color-background-tinted: var(--ds-color-alert-background-tinted);
933
- --ds-color-surface-default: var(--ds-color-alert-surface-default);
934
- --ds-color-surface-tinted: var(--ds-color-alert-surface-tinted);
935
- --ds-color-surface-hover: var(--ds-color-alert-surface-hover);
936
- --ds-color-surface-active: var(--ds-color-alert-surface-active);
937
- --ds-color-border-subtle: var(--ds-color-alert-border-subtle);
938
- --ds-color-border-default: var(--ds-color-alert-border-default);
939
- --ds-color-border-strong: var(--ds-color-alert-border-strong);
940
- --ds-color-text-subtle: var(--ds-color-alert-text-subtle);
941
- --ds-color-text-default: var(--ds-color-alert-text-default);
942
- --ds-color-base-default: var(--ds-color-alert-base-default);
943
- --ds-color-base-hover: var(--ds-color-alert-base-hover);
944
- --ds-color-base-active: var(--ds-color-alert-base-active);
945
- --ds-color-base-contrast-subtle: var(--ds-color-alert-base-contrast-subtle);
946
- --ds-color-base-contrast-default: var(--ds-color-alert-base-contrast-default);
947
- }
948
- }
949
-
950
- @layer ds.theme.color {
951
- [data-color="article"],
952
- [data-color-scheme][data-color="article"] {
953
- --ds-color-background-default: var(--ds-color-article-background-default);
954
- --ds-color-background-tinted: var(--ds-color-article-background-tinted);
955
- --ds-color-surface-default: var(--ds-color-article-surface-default);
956
- --ds-color-surface-tinted: var(--ds-color-article-surface-tinted);
957
- --ds-color-surface-hover: var(--ds-color-article-surface-hover);
958
- --ds-color-surface-active: var(--ds-color-article-surface-active);
959
- --ds-color-border-subtle: var(--ds-color-article-border-subtle);
960
- --ds-color-border-default: var(--ds-color-article-border-default);
961
- --ds-color-border-strong: var(--ds-color-article-border-strong);
962
- --ds-color-text-subtle: var(--ds-color-article-text-subtle);
963
- --ds-color-text-default: var(--ds-color-article-text-default);
964
- --ds-color-base-default: var(--ds-color-article-base-default);
965
- --ds-color-base-hover: var(--ds-color-article-base-hover);
966
- --ds-color-base-active: var(--ds-color-article-base-active);
967
- --ds-color-base-contrast-subtle: var(--ds-color-article-base-contrast-subtle);
968
- --ds-color-base-contrast-default: var(--ds-color-article-base-contrast-default);
969
- }
970
- }
971
-
972
- @layer ds.theme.color {
973
- :root,
974
- [data-color-scheme],
975
- [data-color="company"] {
976
- --ds-color-background-default: var(--ds-color-company-background-default);
977
- --ds-color-background-tinted: var(--ds-color-company-background-tinted);
978
- --ds-color-surface-default: var(--ds-color-company-surface-default);
979
- --ds-color-surface-tinted: var(--ds-color-company-surface-tinted);
980
- --ds-color-surface-hover: var(--ds-color-company-surface-hover);
981
- --ds-color-surface-active: var(--ds-color-company-surface-active);
982
- --ds-color-border-subtle: var(--ds-color-company-border-subtle);
983
- --ds-color-border-default: var(--ds-color-company-border-default);
984
- --ds-color-border-strong: var(--ds-color-company-border-strong);
985
- --ds-color-text-subtle: var(--ds-color-company-text-subtle);
986
- --ds-color-text-default: var(--ds-color-company-text-default);
987
- --ds-color-base-default: var(--ds-color-company-base-default);
988
- --ds-color-base-hover: var(--ds-color-company-base-hover);
989
- --ds-color-base-active: var(--ds-color-company-base-active);
990
- --ds-color-base-contrast-subtle: var(--ds-color-company-base-contrast-subtle);
991
- --ds-color-base-contrast-default: var(--ds-color-company-base-contrast-default);
992
- }
993
- }
994
-
995
- @layer ds.theme.color {
996
- [data-color="danger"],
997
- [data-color-scheme][data-color="danger"] {
998
- --ds-color-background-default: var(--ds-color-danger-background-default);
999
- --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
1000
- --ds-color-surface-default: var(--ds-color-danger-surface-default);
1001
- --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
1002
- --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
1003
- --ds-color-surface-active: var(--ds-color-danger-surface-active);
1004
- --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
1005
- --ds-color-border-default: var(--ds-color-danger-border-default);
1006
- --ds-color-border-strong: var(--ds-color-danger-border-strong);
1007
- --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
1008
- --ds-color-text-default: var(--ds-color-danger-text-default);
1009
- --ds-color-base-default: var(--ds-color-danger-base-default);
1010
- --ds-color-base-hover: var(--ds-color-danger-base-hover);
1011
- --ds-color-base-active: var(--ds-color-danger-base-active);
1012
- --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
1013
- --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
1014
- }
1015
- }
1016
-
1017
- @layer ds.theme.color {
1018
- [data-color="info"],
1019
- [data-color-scheme][data-color="info"] {
1020
- --ds-color-background-default: var(--ds-color-info-background-default);
1021
- --ds-color-background-tinted: var(--ds-color-info-background-tinted);
1022
- --ds-color-surface-default: var(--ds-color-info-surface-default);
1023
- --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
1024
- --ds-color-surface-hover: var(--ds-color-info-surface-hover);
1025
- --ds-color-surface-active: var(--ds-color-info-surface-active);
1026
- --ds-color-border-subtle: var(--ds-color-info-border-subtle);
1027
- --ds-color-border-default: var(--ds-color-info-border-default);
1028
- --ds-color-border-strong: var(--ds-color-info-border-strong);
1029
- --ds-color-text-subtle: var(--ds-color-info-text-subtle);
1030
- --ds-color-text-default: var(--ds-color-info-text-default);
1031
- --ds-color-base-default: var(--ds-color-info-base-default);
1032
- --ds-color-base-hover: var(--ds-color-info-base-hover);
1033
- --ds-color-base-active: var(--ds-color-info-base-active);
1034
- --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
1035
- --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
1036
- }
1037
- }
1038
-
1039
- @layer ds.theme.color {
1040
- [data-color="neutral"],
1041
- [data-color-scheme][data-color="neutral"] {
1042
- --ds-color-background-default: var(--ds-color-neutral-background-default);
1043
- --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
1044
- --ds-color-surface-default: var(--ds-color-neutral-surface-default);
1045
- --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
1046
- --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
1047
- --ds-color-surface-active: var(--ds-color-neutral-surface-active);
1048
- --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
1049
- --ds-color-border-default: var(--ds-color-neutral-border-default);
1050
- --ds-color-border-strong: var(--ds-color-neutral-border-strong);
1051
- --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
1052
- --ds-color-text-default: var(--ds-color-neutral-text-default);
1053
- --ds-color-base-default: var(--ds-color-neutral-base-default);
1054
- --ds-color-base-hover: var(--ds-color-neutral-base-hover);
1055
- --ds-color-base-active: var(--ds-color-neutral-base-active);
1056
- --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
1057
- --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
1058
- }
1059
- }
1060
-
1061
- @layer ds.theme.color {
1062
- [data-color="person"],
1063
- [data-color-scheme][data-color="person"] {
1064
- --ds-color-background-default: var(--ds-color-person-background-default);
1065
- --ds-color-background-tinted: var(--ds-color-person-background-tinted);
1066
- --ds-color-surface-default: var(--ds-color-person-surface-default);
1067
- --ds-color-surface-tinted: var(--ds-color-person-surface-tinted);
1068
- --ds-color-surface-hover: var(--ds-color-person-surface-hover);
1069
- --ds-color-surface-active: var(--ds-color-person-surface-active);
1070
- --ds-color-border-subtle: var(--ds-color-person-border-subtle);
1071
- --ds-color-border-default: var(--ds-color-person-border-default);
1072
- --ds-color-border-strong: var(--ds-color-person-border-strong);
1073
- --ds-color-text-subtle: var(--ds-color-person-text-subtle);
1074
- --ds-color-text-default: var(--ds-color-person-text-default);
1075
- --ds-color-base-default: var(--ds-color-person-base-default);
1076
- --ds-color-base-hover: var(--ds-color-person-base-hover);
1077
- --ds-color-base-active: var(--ds-color-person-base-active);
1078
- --ds-color-base-contrast-subtle: var(--ds-color-person-base-contrast-subtle);
1079
- --ds-color-base-contrast-default: var(--ds-color-person-base-contrast-default);
1080
- }
1081
- }
1082
-
1083
- @layer ds.theme.color {
1084
- [data-color="success"],
1085
- [data-color-scheme][data-color="success"] {
1086
- --ds-color-background-default: var(--ds-color-success-background-default);
1087
- --ds-color-background-tinted: var(--ds-color-success-background-tinted);
1088
- --ds-color-surface-default: var(--ds-color-success-surface-default);
1089
- --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
1090
- --ds-color-surface-hover: var(--ds-color-success-surface-hover);
1091
- --ds-color-surface-active: var(--ds-color-success-surface-active);
1092
- --ds-color-border-subtle: var(--ds-color-success-border-subtle);
1093
- --ds-color-border-default: var(--ds-color-success-border-default);
1094
- --ds-color-border-strong: var(--ds-color-success-border-strong);
1095
- --ds-color-text-subtle: var(--ds-color-success-text-subtle);
1096
- --ds-color-text-default: var(--ds-color-success-text-default);
1097
- --ds-color-base-default: var(--ds-color-success-base-default);
1098
- --ds-color-base-hover: var(--ds-color-success-base-hover);
1099
- --ds-color-base-active: var(--ds-color-success-base-active);
1100
- --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
1101
- --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
1102
- }
1103
- }
1104
-
1105
- @layer ds.theme.color {
1106
- [data-color="warning"],
1107
- [data-color-scheme][data-color="warning"] {
1108
- --ds-color-background-default: var(--ds-color-warning-background-default);
1109
- --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
1110
- --ds-color-surface-default: var(--ds-color-warning-surface-default);
1111
- --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
1112
- --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
1113
- --ds-color-surface-active: var(--ds-color-warning-surface-active);
1114
- --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
1115
- --ds-color-border-default: var(--ds-color-warning-border-default);
1116
- --ds-color-border-strong: var(--ds-color-warning-border-strong);
1117
- --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
1118
- --ds-color-text-default: var(--ds-color-warning-text-default);
1119
- --ds-color-base-default: var(--ds-color-warning-base-default);
1120
- --ds-color-base-hover: var(--ds-color-warning-base-hover);
1121
- --ds-color-base-active: var(--ds-color-warning-base-active);
1122
- --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
1123
- --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
1124
- }
1125
- }