@altinn/altinn-components 0.52.3 → 0.52.5

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 +34 -32
  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 +1 -1
  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/tokens/{altinn-ds.css → design-tokens-build/theme.css} RENAMED
@@ -1,18 +1,120 @@
1
1
  @charset "UTF-8";
2
+ /*
3
+ build: v1.9.0
4
+ design-tokens: v1.9.0
5
+ */
2
6
 
3
- @layer ds.theme, ds.base, ds.utilities, ds.components;
7
+ @layer ds.theme.size-mode {
8
+ :root /* xsmall */ {
9
+ --ds-size-mode-font-size--xs: 0.875;
10
+ }
11
+ }
12
+
13
+ @layer ds.theme.size-mode {
14
+ :root /* small */ {
15
+ --ds-size-mode-font-size--sm: 1;
16
+ }
17
+ }
18
+
19
+ @layer ds.theme.size-mode {
20
+ :root /* medium */ {
21
+ --ds-size-mode-font-size--md: 1.125;
22
+ }
23
+ }
24
+
25
+ @layer ds.theme.size-mode {
26
+ :root /* large */ {
27
+ --ds-size-mode-font-size--lg: 1.3125;
28
+ }
29
+ }
30
+
31
+ @layer ds.theme.size-mode {
32
+ :root,
33
+ [data-size] {
34
+ --ds-size: var(--ds-size--md);
35
+ --ds-size--xs: var(--ds-size,);
36
+ --ds-size--sm: var(--ds-size,);
37
+ --ds-size--md: var(--ds-size,);
38
+ --ds-size--lg: var(--ds-size,);
39
+ --ds-size-mode-font-size: var(--ds-size--xs, var(--ds-size-mode-font-size--xs))
40
+ var(--ds-size--sm, var(--ds-size-mode-font-size--sm)) var(--ds-size--md, var(--ds-size-mode-font-size--md))
41
+ var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
42
+ }
43
+
44
+ [data-size="xs"] {
45
+ --ds-size: var(--ds-size--xs);
46
+ }
47
+ [data-size="sm"] {
48
+ --ds-size: var(--ds-size--sm);
49
+ }
50
+ [data-size="md"] {
51
+ --ds-size: var(--ds-size--md);
52
+ }
53
+ [data-size="lg"] {
54
+ --ds-size: var(--ds-size--lg);
55
+ }
56
+ }
4
57
 
5
- /* This file is generated by @digdir/designsystemet@1.0.4 */
58
+ @layer ds.theme.type-scale {
59
+ :root,
60
+ [data-size] {
61
+ --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
62
+ --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
63
+ --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
64
+ --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
65
+ --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
66
+ --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
67
+ --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
68
+ --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
69
+ --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
70
+ --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
71
+ --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
72
+ --ds-heading-2xl-font-size: var(--ds-font-size-10);
73
+ --ds-heading-xl-font-size: var(--ds-font-size-9);
74
+ --ds-heading-lg-font-size: var(--ds-font-size-8);
75
+ --ds-heading-md-font-size: var(--ds-font-size-7);
76
+ --ds-heading-sm-font-size: var(--ds-font-size-6);
77
+ --ds-heading-xs-font-size: var(--ds-font-size-5);
78
+ --ds-heading-2xs-font-size: var(--ds-font-size-4);
79
+ --ds-body-xl-font-size: var(--ds-font-size-6);
80
+ --ds-body-lg-font-size: var(--ds-font-size-5);
81
+ --ds-body-md-font-size: var(--ds-font-size-4);
82
+ --ds-body-sm-font-size: var(--ds-font-size-3);
83
+ --ds-body-xs-font-size: var(--ds-font-size-2);
84
+ --ds-body-short-xl-font-size: var(--ds-font-size-6);
85
+ --ds-body-short-lg-font-size: var(--ds-font-size-5);
86
+ --ds-body-short-md-font-size: var(--ds-font-size-4);
87
+ --ds-body-short-sm-font-size: var(--ds-font-size-3);
88
+ --ds-body-short-xs-font-size: var(--ds-font-size-2);
89
+ --ds-body-long-xl-font-size: var(--ds-font-size-6);
90
+ --ds-body-long-lg-font-size: var(--ds-font-size-5);
91
+ --ds-body-long-md-font-size: var(--ds-font-size-4);
92
+ --ds-body-long-sm-font-size: var(--ds-font-size-3);
93
+ --ds-body-long-xs-font-size: var(--ds-font-size-2);
6
94
 
95
+ @supports (width: round(down, .1em, 1px)) {
96
+ --ds-font-size-1: round(calc(0.75rem * var(--_ds-font-size-factor)), 1px);
97
+ --ds-font-size-2: round(calc(0.875rem * var(--_ds-font-size-factor)), 1px);
98
+ --ds-font-size-3: round(calc(1rem * var(--_ds-font-size-factor)), 1px);
99
+ --ds-font-size-4: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);
100
+ --ds-font-size-5: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);
101
+ --ds-font-size-6: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);
102
+ --ds-font-size-7: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);
103
+ --ds-font-size-8: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);
104
+ --ds-font-size-9: round(calc(3rem * var(--_ds-font-size-factor)), 1px);
105
+ --ds-font-size-10: round(calc(3.75rem * var(--_ds-font-size-factor)), 1px);
106
+ }
107
+ }
108
+ }
7
109
  @layer ds.theme.color-scheme.light {
8
110
  :root,
9
111
  [data-color-scheme="light"] {
10
112
  --ds-color-company-background-default: #ffffff;
11
- --ds-color-company-background-tinted: #f3f3f6;
113
+ --ds-color-company-background-tinted: #e9f5ff;
12
114
  --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;
115
+ --ds-color-company-surface-tinted: #d3eafd;
116
+ --ds-color-company-surface-hover: #a5d6fb;
117
+ --ds-color-company-surface-active: #78c1f9;
16
118
  --ds-color-company-border-subtle: #b8bbc8;
17
119
  --ds-color-company-border-default: #717891;
18
120
  --ds-color-company-border-strong: #545c7a;
@@ -24,11 +126,11 @@
24
126
  --ds-color-company-base-contrast-subtle: #adb1bf;
25
127
  --ds-color-company-base-contrast-default: #ffffff;
26
128
  --ds-color-person-background-default: #ffffff;
27
- --ds-color-person-background-tinted: #f1f4f2;
129
+ --ds-color-person-background-tinted: #eaf7ef;
28
130
  --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;
131
+ --ds-color-person-surface-tinted: #a8f3d0;
132
+ --ds-color-person-surface-hover: #6ee7b7;
133
+ --ds-color-person-surface-active: #34d399;
32
134
  --ds-color-person-border-subtle: #abc1b5;
33
135
  --ds-color-person-border-default: #56826b;
34
136
  --ds-color-person-border-strong: #32674b;
@@ -40,20 +142,20 @@
40
142
  --ds-color-person-base-contrast-subtle: #cfdbd4;
41
143
  --ds-color-person-base-contrast-default: #ffffff;
42
144
  --ds-color-neutral-background-default: #ffffff;
43
- --ds-color-neutral-background-tinted: #f3f4f4;
145
+ --ds-color-neutral-background-tinted: #f3f3f4;
44
146
  --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;
147
+ --ds-color-neutral-surface-tinted: #e8e8e9;
148
+ --ds-color-neutral-surface-hover: #d9dadb;
149
+ --ds-color-neutral-surface-active: #c9cacb;
150
+ --ds-color-neutral-border-subtle: #bbbcbd;
151
+ --ds-color-neutral-border-default: #77797b;
152
+ --ds-color-neutral-border-strong: #5b5d60;
153
+ --ds-color-neutral-text-subtle: #5b5d60;
154
+ --ds-color-neutral-text-default: #292c30;
155
+ --ds-color-neutral-base-default: #24272b;
156
+ --ds-color-neutral-base-hover: #36383c;
157
+ --ds-color-neutral-base-active: #484a4e;
158
+ --ds-color-neutral-base-contrast-subtle: #b9babb;
57
159
  --ds-color-neutral-base-contrast-default: #ffffff;
58
160
  --ds-color-article-background-default: #ffffff;
59
161
  --ds-color-article-background-tinted: #eef4fa;
@@ -71,54 +173,6 @@
71
173
  --ds-color-article-base-active: #003d75;
72
174
  --ds-color-article-base-contrast-subtle: #dbe9f5;
73
175
  --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
176
  --ds-color-info-background-default: #ffffff;
123
177
  --ds-color-info-background-tinted: #edf5fa;
124
178
  --ds-color-info-surface-default: #ffffff;
@@ -135,6 +189,22 @@
135
189
  --ds-color-info-base-active: #074a7e;
136
190
  --ds-color-info-base-contrast-subtle: #eff6fb;
137
191
  --ds-color-info-base-contrast-default: #ffffff;
192
+ --ds-color-success-background-default: #ffffff;
193
+ --ds-color-success-background-tinted: #ecf6ee;
194
+ --ds-color-success-surface-default: #ffffff;
195
+ --ds-color-success-surface-tinted: #daeddd;
196
+ --ds-color-success-surface-hover: #c3e2c7;
197
+ --ds-color-success-surface-active: #a8d5ae;
198
+ --ds-color-success-border-subtle: #8fc997;
199
+ --ds-color-success-border-default: #108c22;
200
+ --ds-color-success-border-strong: #056d13;
201
+ --ds-color-success-text-subtle: #056d13;
202
+ --ds-color-success-text-default: #023409;
203
+ --ds-color-success-base-default: #068718;
204
+ --ds-color-success-base-hover: #057014;
205
+ --ds-color-success-base-active: #045a10;
206
+ --ds-color-success-base-contrast-subtle: #fafdfb;
207
+ --ds-color-success-base-contrast-default: #ffffff;
138
208
  --ds-color-warning-background-default: #ffffff;
139
209
  --ds-color-warning-background-tinted: #fcf2e2;
140
210
  --ds-color-warning-surface-default: #ffffff;
@@ -151,8 +221,24 @@
151
221
  --ds-color-warning-base-active: #b27614;
152
222
  --ds-color-warning-base-contrast-subtle: #271a04;
153
223
  --ds-color-warning-base-contrast-default: #000000;
224
+ --ds-color-danger-background-default: #ffffff;
225
+ --ds-color-danger-background-tinted: #fbf1f1;
226
+ --ds-color-danger-surface-default: #ffffff;
227
+ --ds-color-danger-surface-tinted: #f8e4e4;
228
+ --ds-color-danger-surface-hover: #f3d2d2;
229
+ --ds-color-danger-surface-active: #edbfbf;
230
+ --ds-color-danger-border-subtle: #e8adad;
231
+ --ds-color-danger-border-default: #ce4d4d;
232
+ --ds-color-danger-border-strong: #b81a1a;
233
+ --ds-color-danger-text-subtle: #b81a1a;
234
+ --ds-color-danger-text-default: #590d0d;
235
+ --ds-color-danger-base-default: #c01b1b;
236
+ --ds-color-danger-base-hover: #9b1616;
237
+ --ds-color-danger-base-active: #791111;
238
+ --ds-color-danger-base-contrast-subtle: #f7e1e1;
239
+ --ds-color-danger-base-contrast-default: #ffffff;
154
240
  --ds-color-focus-inner: #ffffff;
155
- --ds-color-focus-outer: #1f2c3d;
241
+ --ds-color-focus-outer: #292c30;
156
242
  --ds-link-color-visited: #663299;
157
243
 
158
244
  color-scheme: light;
@@ -161,11 +247,11 @@
161
247
  @media (prefers-color-scheme: light) {
162
248
  [data-color-scheme="auto"] {
163
249
  --ds-color-company-background-default: #ffffff;
164
- --ds-color-company-background-tinted: #f3f3f6;
250
+ --ds-color-company-background-tinted: #e9f5ff;
165
251
  --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;
252
+ --ds-color-company-surface-tinted: #d3eafd;
253
+ --ds-color-company-surface-hover: #a5d6fb;
254
+ --ds-color-company-surface-active: #78c1f9;
169
255
  --ds-color-company-border-subtle: #b8bbc8;
170
256
  --ds-color-company-border-default: #717891;
171
257
  --ds-color-company-border-strong: #545c7a;
@@ -177,11 +263,11 @@
177
263
  --ds-color-company-base-contrast-subtle: #adb1bf;
178
264
  --ds-color-company-base-contrast-default: #ffffff;
179
265
  --ds-color-person-background-default: #ffffff;
180
- --ds-color-person-background-tinted: #f1f4f2;
266
+ --ds-color-person-background-tinted: #eaf7ef;
181
267
  --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;
268
+ --ds-color-person-surface-tinted: #a8f3d0;
269
+ --ds-color-person-surface-hover: #6ee7b7;
270
+ --ds-color-person-surface-active: #34d399;
185
271
  --ds-color-person-border-subtle: #abc1b5;
186
272
  --ds-color-person-border-default: #56826b;
187
273
  --ds-color-person-border-strong: #32674b;
@@ -193,20 +279,20 @@
193
279
  --ds-color-person-base-contrast-subtle: #cfdbd4;
194
280
  --ds-color-person-base-contrast-default: #ffffff;
195
281
  --ds-color-neutral-background-default: #ffffff;
196
- --ds-color-neutral-background-tinted: #f3f4f4;
282
+ --ds-color-neutral-background-tinted: #f3f3f4;
197
283
  --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;
284
+ --ds-color-neutral-surface-tinted: #e8e8e9;
285
+ --ds-color-neutral-surface-hover: #d9dadb;
286
+ --ds-color-neutral-surface-active: #c9cacb;
287
+ --ds-color-neutral-border-subtle: #bbbcbd;
288
+ --ds-color-neutral-border-default: #77797b;
289
+ --ds-color-neutral-border-strong: #5b5d60;
290
+ --ds-color-neutral-text-subtle: #5b5d60;
291
+ --ds-color-neutral-text-default: #292c30;
292
+ --ds-color-neutral-base-default: #24272b;
293
+ --ds-color-neutral-base-hover: #36383c;
294
+ --ds-color-neutral-base-active: #484a4e;
295
+ --ds-color-neutral-base-contrast-subtle: #b9babb;
210
296
  --ds-color-neutral-base-contrast-default: #ffffff;
211
297
  --ds-color-article-background-default: #ffffff;
212
298
  --ds-color-article-background-tinted: #eef4fa;
@@ -224,54 +310,6 @@
224
310
  --ds-color-article-base-active: #003d75;
225
311
  --ds-color-article-base-contrast-subtle: #dbe9f5;
226
312
  --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
313
  --ds-color-info-background-default: #ffffff;
276
314
  --ds-color-info-background-tinted: #edf5fa;
277
315
  --ds-color-info-surface-default: #ffffff;
@@ -288,6 +326,22 @@
288
326
  --ds-color-info-base-active: #074a7e;
289
327
  --ds-color-info-base-contrast-subtle: #eff6fb;
290
328
  --ds-color-info-base-contrast-default: #ffffff;
329
+ --ds-color-success-background-default: #ffffff;
330
+ --ds-color-success-background-tinted: #ecf6ee;
331
+ --ds-color-success-surface-default: #ffffff;
332
+ --ds-color-success-surface-tinted: #daeddd;
333
+ --ds-color-success-surface-hover: #c3e2c7;
334
+ --ds-color-success-surface-active: #a8d5ae;
335
+ --ds-color-success-border-subtle: #8fc997;
336
+ --ds-color-success-border-default: #108c22;
337
+ --ds-color-success-border-strong: #056d13;
338
+ --ds-color-success-text-subtle: #056d13;
339
+ --ds-color-success-text-default: #023409;
340
+ --ds-color-success-base-default: #068718;
341
+ --ds-color-success-base-hover: #057014;
342
+ --ds-color-success-base-active: #045a10;
343
+ --ds-color-success-base-contrast-subtle: #fafdfb;
344
+ --ds-color-success-base-contrast-default: #ffffff;
291
345
  --ds-color-warning-background-default: #ffffff;
292
346
  --ds-color-warning-background-tinted: #fcf2e2;
293
347
  --ds-color-warning-surface-default: #ffffff;
@@ -304,8 +358,24 @@
304
358
  --ds-color-warning-base-active: #b27614;
305
359
  --ds-color-warning-base-contrast-subtle: #271a04;
306
360
  --ds-color-warning-base-contrast-default: #000000;
361
+ --ds-color-danger-background-default: #ffffff;
362
+ --ds-color-danger-background-tinted: #fbf1f1;
363
+ --ds-color-danger-surface-default: #ffffff;
364
+ --ds-color-danger-surface-tinted: #f8e4e4;
365
+ --ds-color-danger-surface-hover: #f3d2d2;
366
+ --ds-color-danger-surface-active: #edbfbf;
367
+ --ds-color-danger-border-subtle: #e8adad;
368
+ --ds-color-danger-border-default: #ce4d4d;
369
+ --ds-color-danger-border-strong: #b81a1a;
370
+ --ds-color-danger-text-subtle: #b81a1a;
371
+ --ds-color-danger-text-default: #590d0d;
372
+ --ds-color-danger-base-default: #c01b1b;
373
+ --ds-color-danger-base-hover: #9b1616;
374
+ --ds-color-danger-base-active: #791111;
375
+ --ds-color-danger-base-contrast-subtle: #f7e1e1;
376
+ --ds-color-danger-base-contrast-default: #ffffff;
307
377
  --ds-color-focus-inner: #ffffff;
308
- --ds-color-focus-outer: #1f2c3d;
378
+ --ds-color-focus-outer: #292c30;
309
379
  --ds-link-color-visited: #663299;
310
380
 
311
381
  color-scheme: light;
@@ -318,123 +388,142 @@
318
388
  --ds-line-height-sm: 1.3;
319
389
  --ds-line-height-md: 1.5;
320
390
  --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%;
391
+ --ds-letter-spacing-1: -0.01em;
392
+ --ds-letter-spacing-2: -0.005em;
393
+ --ds-letter-spacing-3: -0.0025em;
394
+ --ds-letter-spacing-4: -0.0015em;
395
+ --ds-letter-spacing-5: 0em;
396
+ --ds-letter-spacing-6: 0.0015em;
397
+ --ds-letter-spacing-7: 0.0025em;
398
+ --ds-letter-spacing-8: 0.005em;
399
+ --ds-letter-spacing-9: 0.015em;
340
400
  --ds-font-family: Inter;
341
401
  --ds-font-weight-medium: 500;
342
402
  --ds-font-weight-semibold: 600;
343
403
  --ds-font-weight-regular: 400;
344
404
  --ds-heading-2xl-font-weight: 500;
345
405
  --ds-heading-2xl-line-height: 1.3;
346
- --ds-heading-2xl-font-size: 3.75rem;
347
- --ds-heading-2xl-letter-spacing: -1%;
406
+ --ds-heading-2xl-letter-spacing: -0.01em;
348
407
  --ds-heading-xl-font-weight: 500;
349
408
  --ds-heading-xl-line-height: 1.3;
350
- --ds-heading-xl-font-size: 3rem;
351
- --ds-heading-xl-letter-spacing: -1%;
409
+ --ds-heading-xl-letter-spacing: -0.01em;
352
410
  --ds-heading-lg-font-weight: 500;
353
411
  --ds-heading-lg-line-height: 1.3;
354
- --ds-heading-lg-font-size: 2.25rem;
355
- --ds-heading-lg-letter-spacing: -0.5%;
412
+ --ds-heading-lg-letter-spacing: -0.005em;
356
413
  --ds-heading-md-font-weight: 500;
357
414
  --ds-heading-md-line-height: 1.3;
358
- --ds-heading-md-font-size: 1.875rem;
359
- --ds-heading-md-letter-spacing: -0.25%;
415
+ --ds-heading-md-letter-spacing: -0.0025em;
360
416
  --ds-heading-sm-font-weight: 500;
361
417
  --ds-heading-sm-line-height: 1.3;
362
- --ds-heading-sm-font-size: 1.5rem;
363
- --ds-heading-sm-letter-spacing: 0%;
418
+ --ds-heading-sm-letter-spacing: 0em;
364
419
  --ds-heading-xs-font-weight: 500;
365
420
  --ds-heading-xs-line-height: 1.3;
366
- --ds-heading-xs-font-size: 1.3125rem;
367
- --ds-heading-xs-letter-spacing: 0.15%;
421
+ --ds-heading-xs-letter-spacing: 0.0015em;
368
422
  --ds-heading-2xs-font-weight: 500;
369
423
  --ds-heading-2xs-line-height: 1.3;
370
- --ds-heading-2xs-font-size: 1.125rem;
371
- --ds-heading-2xs-letter-spacing: 0.15%;
424
+ --ds-heading-2xs-letter-spacing: 0.0015em;
372
425
  --ds-body-xl-font-weight: 400;
373
426
  --ds-body-xl-line-height: 1.5;
374
- --ds-body-xl-font-size: 1.5rem;
375
- --ds-body-xl-letter-spacing: 0.5%;
427
+ --ds-body-xl-letter-spacing: 0.005em;
376
428
  --ds-body-lg-font-weight: 400;
377
429
  --ds-body-lg-line-height: 1.5;
378
- --ds-body-lg-font-size: 1.3125rem;
379
- --ds-body-lg-letter-spacing: 0.5%;
430
+ --ds-body-lg-letter-spacing: 0.005em;
380
431
  --ds-body-md-font-weight: 400;
381
432
  --ds-body-md-line-height: 1.5;
382
- --ds-body-md-font-size: 1.125rem;
383
- --ds-body-md-letter-spacing: 0.5%;
433
+ --ds-body-md-letter-spacing: 0.005em;
384
434
  --ds-body-sm-font-weight: 400;
385
435
  --ds-body-sm-line-height: 1.5;
386
- --ds-body-sm-font-size: 1rem;
387
- --ds-body-sm-letter-spacing: 0.25%;
436
+ --ds-body-sm-letter-spacing: 0.0025em;
388
437
  --ds-body-xs-font-weight: 400;
389
438
  --ds-body-xs-line-height: 1.5;
390
- --ds-body-xs-font-size: 0.875rem;
391
- --ds-body-xs-letter-spacing: 0.15%;
439
+ --ds-body-xs-letter-spacing: 0.0015em;
392
440
  --ds-body-short-xl-font-weight: 400;
393
441
  --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%;
442
+ --ds-body-short-xl-letter-spacing: 0.005em;
396
443
  --ds-body-short-lg-font-weight: 400;
397
444
  --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%;
445
+ --ds-body-short-lg-letter-spacing: 0.005em;
400
446
  --ds-body-short-md-font-weight: 400;
401
447
  --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%;
448
+ --ds-body-short-md-letter-spacing: 0.005em;
404
449
  --ds-body-short-sm-font-weight: 400;
405
450
  --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%;
451
+ --ds-body-short-sm-letter-spacing: 0.0025em;
408
452
  --ds-body-short-xs-font-weight: 400;
409
453
  --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%;
454
+ --ds-body-short-xs-letter-spacing: 0.0015em;
412
455
  --ds-body-long-xl-font-weight: 400;
413
456
  --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%;
457
+ --ds-body-long-xl-letter-spacing: 0.005em;
416
458
  --ds-body-long-lg-font-weight: 400;
417
459
  --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%;
460
+ --ds-body-long-lg-letter-spacing: 0.005em;
420
461
  --ds-body-long-md-font-weight: 400;
421
462
  --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%;
463
+ --ds-body-long-md-letter-spacing: 0.005em;
424
464
  --ds-body-long-sm-font-weight: 400;
425
465
  --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%;
466
+ --ds-body-long-sm-letter-spacing: 0.0025em;
428
467
  --ds-body-long-xs-font-weight: 400;
429
468
  --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%;
469
+ --ds-body-long-xs-letter-spacing: 0.0015em;
432
470
  }
433
471
  }
434
- @layer ds.theme.semantic {
435
- :root {
472
+ @layer ds.theme.size {
473
+ :root,
474
+ [data-size] {
436
475
  --ds-size-base: 18;
437
476
  --ds-size-step: 4;
477
+
478
+ --ds-size-0: calc(var(--ds-size-unit) * 0);
479
+ --ds-size-1: calc(var(--ds-size-unit) * 1);
480
+ --ds-size-2: calc(var(--ds-size-unit) * 2);
481
+ --ds-size-3: calc(var(--ds-size-unit) * 3);
482
+ --ds-size-4: calc(var(--ds-size-unit) * 4);
483
+ --ds-size-5: calc(var(--ds-size-unit) * 5);
484
+ --ds-size-6: calc(var(--ds-size-unit) * 6);
485
+ --ds-size-7: calc(var(--ds-size-unit) * 7);
486
+ --ds-size-8: calc(var(--ds-size-unit) * 8);
487
+ --ds-size-9: calc(var(--ds-size-unit) * 9);
488
+ --ds-size-10: calc(var(--ds-size-unit) * 10);
489
+ --ds-size-11: calc(var(--ds-size-unit) * 11);
490
+ --ds-size-12: calc(var(--ds-size-unit) * 12);
491
+ --ds-size-13: calc(var(--ds-size-unit) * 13);
492
+ --ds-size-14: calc(var(--ds-size-unit) * 14);
493
+ --ds-size-15: calc(var(--ds-size-unit) * 15);
494
+ --ds-size-18: calc(var(--ds-size-unit) * 18);
495
+ --ds-size-22: calc(var(--ds-size-unit) * 22);
496
+ --ds-size-26: calc(var(--ds-size-unit) * 26);
497
+ --ds-size-30: calc(var(--ds-size-unit) * 30);
498
+ --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));
499
+
500
+ @supports (width: round(down, .1em, 1px)) {
501
+ --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
502
+ --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
503
+ --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
504
+ --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
505
+ --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
506
+ --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
507
+ --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
508
+ --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
509
+ --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
510
+ --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
511
+ --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
512
+ --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
513
+ --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
514
+ --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
515
+ --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
516
+ --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
517
+ --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
518
+ --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
519
+ --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
520
+ --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
521
+ }
522
+ }
523
+ }
524
+
525
+ @layer ds.theme.semantic {
526
+ :root {
438
527
  --ds-border-radius-base: 0.25rem;
439
528
  --ds-border-radius-scale: 0.25rem;
440
529
  --ds-border-radius-sm: min(var(--ds-border-radius-base) * 0.5, var(--ds-border-radius-scale));
@@ -451,50 +540,6 @@
451
540
  --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
541
  --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
542
  --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, .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
543
  }
499
544
  }
500
545
 
@@ -532,21 +577,21 @@
532
577
  --ds-color-person-base-active: #618a74;
533
578
  --ds-color-person-base-contrast-subtle: #181c1a;
534
579
  --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;
580
+ --ds-color-neutral-background-default: #17181a;
581
+ --ds-color-neutral-background-tinted: #1e2022;
582
+ --ds-color-neutral-surface-default: #26282b;
583
+ --ds-color-neutral-surface-tinted: #2c2e31;
584
+ --ds-color-neutral-surface-hover: #343538;
585
+ --ds-color-neutral-surface-active: #414346;
586
+ --ds-color-neutral-border-subtle: #4e5052;
587
+ --ds-color-neutral-border-default: #808183;
588
+ --ds-color-neutral-border-strong: #a7a8a9;
589
+ --ds-color-neutral-text-subtle: #a7a8a9;
590
+ --ds-color-neutral-text-default: #ececec;
591
+ --ds-color-neutral-base-default: #aaabad;
592
+ --ds-color-neutral-base-hover: #959698;
593
+ --ds-color-neutral-base-active: #7f8184;
594
+ --ds-color-neutral-base-contrast-subtle: #1b1b1b;
550
595
  --ds-color-neutral-base-contrast-default: #000000;
551
596
  --ds-color-article-background-default: #0c1927;
552
597
  --ds-color-article-background-tinted: #102033;
@@ -564,54 +609,6 @@
564
609
  --ds-color-article-base-active: #92bce1;
565
610
  --ds-color-article-base-contrast-subtle: #0d1924;
566
611
  --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
612
  --ds-color-info-background-default: #0d1925;
616
613
  --ds-color-info-background-tinted: #112130;
617
614
  --ds-color-info-surface-default: #15293d;
@@ -628,6 +625,22 @@
628
625
  --ds-color-info-base-active: #77b0dc;
629
626
  --ds-color-info-base-contrast-subtle: #050e15;
630
627
  --ds-color-info-base-contrast-default: #000000;
628
+ --ds-color-success-background-default: #0d1b0d;
629
+ --ds-color-success-background-tinted: #112411;
630
+ --ds-color-success-surface-default: #152d15;
631
+ --ds-color-success-surface-tinted: #183418;
632
+ --ds-color-success-surface-hover: #1c3c1c;
633
+ --ds-color-success-surface-active: #244c24;
634
+ --ds-color-success-border-subtle: #2b5a2b;
635
+ --ds-color-success-border-default: #528f52;
636
+ --ds-color-success-border-strong: #89b289;
637
+ --ds-color-success-text-subtle: #89b289;
638
+ --ds-color-success-text-default: #e6efe6;
639
+ --ds-color-success-base-default: #138d24;
640
+ --ds-color-success-base-hover: #3ca14b;
641
+ --ds-color-success-base-active: #66b571;
642
+ --ds-color-success-base-contrast-subtle: #010501;
643
+ --ds-color-success-base-contrast-default: #000000;
631
644
  --ds-color-warning-background-default: #1e160d;
632
645
  --ds-color-warning-background-tinted: #281e11;
633
646
  --ds-color-warning-surface-default: #322616;
@@ -644,8 +657,24 @@
644
657
  --ds-color-warning-base-active: #946211;
645
658
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
646
659
  --ds-color-warning-base-contrast-default: #ffffff;
647
- --ds-color-focus-inner: #13181f;
648
- --ds-color-focus-outer: #ebeced;
660
+ --ds-color-danger-background-default: #2a100e;
661
+ --ds-color-danger-background-tinted: #371512;
662
+ --ds-color-danger-surface-default: #451b17;
663
+ --ds-color-danger-surface-tinted: #4f1f1b;
664
+ --ds-color-danger-surface-hover: #5c241f;
665
+ --ds-color-danger-surface-active: #722d27;
666
+ --ds-color-danger-border-subtle: #88352e;
667
+ --ds-color-danger-border-default: #bc6b64;
668
+ --ds-color-danger-border-strong: #d19a96;
669
+ --ds-color-danger-text-subtle: #d19a96;
670
+ --ds-color-danger-text-default: #f5eae9;
671
+ --ds-color-danger-base-default: #d76e6e;
672
+ --ds-color-danger-base-hover: #df8b8b;
673
+ --ds-color-danger-base-active: #e7a8a8;
674
+ --ds-color-danger-base-contrast-subtle: #271414;
675
+ --ds-color-danger-base-contrast-default: #000000;
676
+ --ds-color-focus-inner: #17181a;
677
+ --ds-color-focus-outer: #ececec;
649
678
  --ds-link-color-visited: #b49acd;
650
679
 
651
680
  color-scheme: dark;
@@ -685,21 +714,21 @@
685
714
  --ds-color-person-base-active: #618a74;
686
715
  --ds-color-person-base-contrast-subtle: #181c1a;
687
716
  --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;
717
+ --ds-color-neutral-background-default: #17181a;
718
+ --ds-color-neutral-background-tinted: #1e2022;
719
+ --ds-color-neutral-surface-default: #26282b;
720
+ --ds-color-neutral-surface-tinted: #2c2e31;
721
+ --ds-color-neutral-surface-hover: #343538;
722
+ --ds-color-neutral-surface-active: #414346;
723
+ --ds-color-neutral-border-subtle: #4e5052;
724
+ --ds-color-neutral-border-default: #808183;
725
+ --ds-color-neutral-border-strong: #a7a8a9;
726
+ --ds-color-neutral-text-subtle: #a7a8a9;
727
+ --ds-color-neutral-text-default: #ececec;
728
+ --ds-color-neutral-base-default: #aaabad;
729
+ --ds-color-neutral-base-hover: #959698;
730
+ --ds-color-neutral-base-active: #7f8184;
731
+ --ds-color-neutral-base-contrast-subtle: #1b1b1b;
703
732
  --ds-color-neutral-base-contrast-default: #000000;
704
733
  --ds-color-article-background-default: #0c1927;
705
734
  --ds-color-article-background-tinted: #102033;
@@ -717,54 +746,6 @@
717
746
  --ds-color-article-base-active: #92bce1;
718
747
  --ds-color-article-base-contrast-subtle: #0d1924;
719
748
  --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
749
  --ds-color-info-background-default: #0d1925;
769
750
  --ds-color-info-background-tinted: #112130;
770
751
  --ds-color-info-surface-default: #15293d;
@@ -781,6 +762,22 @@
781
762
  --ds-color-info-base-active: #77b0dc;
782
763
  --ds-color-info-base-contrast-subtle: #050e15;
783
764
  --ds-color-info-base-contrast-default: #000000;
765
+ --ds-color-success-background-default: #0d1b0d;
766
+ --ds-color-success-background-tinted: #112411;
767
+ --ds-color-success-surface-default: #152d15;
768
+ --ds-color-success-surface-tinted: #183418;
769
+ --ds-color-success-surface-hover: #1c3c1c;
770
+ --ds-color-success-surface-active: #244c24;
771
+ --ds-color-success-border-subtle: #2b5a2b;
772
+ --ds-color-success-border-default: #528f52;
773
+ --ds-color-success-border-strong: #89b289;
774
+ --ds-color-success-text-subtle: #89b289;
775
+ --ds-color-success-text-default: #e6efe6;
776
+ --ds-color-success-base-default: #138d24;
777
+ --ds-color-success-base-hover: #3ca14b;
778
+ --ds-color-success-base-active: #66b571;
779
+ --ds-color-success-base-contrast-subtle: #010501;
780
+ --ds-color-success-base-contrast-default: #000000;
784
781
  --ds-color-warning-background-default: #1e160d;
785
782
  --ds-color-warning-background-tinted: #281e11;
786
783
  --ds-color-warning-surface-default: #322616;
@@ -797,8 +794,24 @@
797
794
  --ds-color-warning-base-active: #946211;
798
795
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
799
796
  --ds-color-warning-base-contrast-default: #ffffff;
800
- --ds-color-focus-inner: #13181f;
801
- --ds-color-focus-outer: #ebeced;
797
+ --ds-color-danger-background-default: #2a100e;
798
+ --ds-color-danger-background-tinted: #371512;
799
+ --ds-color-danger-surface-default: #451b17;
800
+ --ds-color-danger-surface-tinted: #4f1f1b;
801
+ --ds-color-danger-surface-hover: #5c241f;
802
+ --ds-color-danger-surface-active: #722d27;
803
+ --ds-color-danger-border-subtle: #88352e;
804
+ --ds-color-danger-border-default: #bc6b64;
805
+ --ds-color-danger-border-strong: #d19a96;
806
+ --ds-color-danger-text-subtle: #d19a96;
807
+ --ds-color-danger-text-default: #f5eae9;
808
+ --ds-color-danger-base-default: #d76e6e;
809
+ --ds-color-danger-base-hover: #df8b8b;
810
+ --ds-color-danger-base-active: #e7a8a8;
811
+ --ds-color-danger-base-contrast-subtle: #271414;
812
+ --ds-color-danger-base-contrast-default: #000000;
813
+ --ds-color-focus-inner: #17181a;
814
+ --ds-color-focus-outer: #ececec;
802
815
  --ds-link-color-visited: #b49acd;
803
816
 
804
817
  color-scheme: dark;
@@ -812,141 +825,87 @@
812
825
  --ds-line-height-sm: 1.3;
813
826
  --ds-line-height-md: 1.5;
814
827
  --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%;
828
+ --ds-letter-spacing-1: -0.01em;
829
+ --ds-letter-spacing-2: -0.005em;
830
+ --ds-letter-spacing-3: -0.0025em;
831
+ --ds-letter-spacing-4: -0.0015em;
832
+ --ds-letter-spacing-5: 0em;
833
+ --ds-letter-spacing-6: 0.0015em;
834
+ --ds-letter-spacing-7: 0.0025em;
835
+ --ds-letter-spacing-8: 0.005em;
836
+ --ds-letter-spacing-9: 0.015em;
834
837
  --ds-font-family: Inter;
835
838
  --ds-font-weight-medium: 500;
836
839
  --ds-font-weight-semibold: 600;
837
840
  --ds-font-weight-regular: 400;
838
841
  --ds-heading-2xl-font-weight: 500;
839
842
  --ds-heading-2xl-line-height: 1.3;
840
- --ds-heading-2xl-font-size: 3.75rem;
841
- --ds-heading-2xl-letter-spacing: -1%;
843
+ --ds-heading-2xl-letter-spacing: -0.01em;
842
844
  --ds-heading-xl-font-weight: 500;
843
845
  --ds-heading-xl-line-height: 1.3;
844
- --ds-heading-xl-font-size: 3rem;
845
- --ds-heading-xl-letter-spacing: -1%;
846
+ --ds-heading-xl-letter-spacing: -0.01em;
846
847
  --ds-heading-lg-font-weight: 500;
847
848
  --ds-heading-lg-line-height: 1.3;
848
- --ds-heading-lg-font-size: 2.25rem;
849
- --ds-heading-lg-letter-spacing: -0.5%;
849
+ --ds-heading-lg-letter-spacing: -0.005em;
850
850
  --ds-heading-md-font-weight: 500;
851
851
  --ds-heading-md-line-height: 1.3;
852
- --ds-heading-md-font-size: 1.875rem;
853
- --ds-heading-md-letter-spacing: -0.25%;
852
+ --ds-heading-md-letter-spacing: -0.0025em;
854
853
  --ds-heading-sm-font-weight: 500;
855
854
  --ds-heading-sm-line-height: 1.3;
856
- --ds-heading-sm-font-size: 1.5rem;
857
- --ds-heading-sm-letter-spacing: 0%;
855
+ --ds-heading-sm-letter-spacing: 0em;
858
856
  --ds-heading-xs-font-weight: 500;
859
857
  --ds-heading-xs-line-height: 1.3;
860
- --ds-heading-xs-font-size: 1.3125rem;
861
- --ds-heading-xs-letter-spacing: 0.15%;
858
+ --ds-heading-xs-letter-spacing: 0.0015em;
862
859
  --ds-heading-2xs-font-weight: 500;
863
860
  --ds-heading-2xs-line-height: 1.3;
864
- --ds-heading-2xs-font-size: 1.125rem;
865
- --ds-heading-2xs-letter-spacing: 0.15%;
861
+ --ds-heading-2xs-letter-spacing: 0.0015em;
866
862
  --ds-body-xl-font-weight: 400;
867
863
  --ds-body-xl-line-height: 1.5;
868
- --ds-body-xl-font-size: 1.5rem;
869
- --ds-body-xl-letter-spacing: 0.5%;
864
+ --ds-body-xl-letter-spacing: 0.005em;
870
865
  --ds-body-lg-font-weight: 400;
871
866
  --ds-body-lg-line-height: 1.5;
872
- --ds-body-lg-font-size: 1.3125rem;
873
- --ds-body-lg-letter-spacing: 0.5%;
867
+ --ds-body-lg-letter-spacing: 0.005em;
874
868
  --ds-body-md-font-weight: 400;
875
869
  --ds-body-md-line-height: 1.5;
876
- --ds-body-md-font-size: 1.125rem;
877
- --ds-body-md-letter-spacing: 0.5%;
870
+ --ds-body-md-letter-spacing: 0.005em;
878
871
  --ds-body-sm-font-weight: 400;
879
872
  --ds-body-sm-line-height: 1.5;
880
- --ds-body-sm-font-size: 1rem;
881
- --ds-body-sm-letter-spacing: 0.25%;
873
+ --ds-body-sm-letter-spacing: 0.0025em;
882
874
  --ds-body-xs-font-weight: 400;
883
875
  --ds-body-xs-line-height: 1.5;
884
- --ds-body-xs-font-size: 0.875rem;
885
- --ds-body-xs-letter-spacing: 0.15%;
876
+ --ds-body-xs-letter-spacing: 0.0015em;
886
877
  --ds-body-short-xl-font-weight: 400;
887
878
  --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%;
879
+ --ds-body-short-xl-letter-spacing: 0.005em;
890
880
  --ds-body-short-lg-font-weight: 400;
891
881
  --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%;
882
+ --ds-body-short-lg-letter-spacing: 0.005em;
894
883
  --ds-body-short-md-font-weight: 400;
895
884
  --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%;
885
+ --ds-body-short-md-letter-spacing: 0.005em;
898
886
  --ds-body-short-sm-font-weight: 400;
899
887
  --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%;
888
+ --ds-body-short-sm-letter-spacing: 0.0025em;
902
889
  --ds-body-short-xs-font-weight: 400;
903
890
  --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%;
891
+ --ds-body-short-xs-letter-spacing: 0.0015em;
906
892
  --ds-body-long-xl-font-weight: 400;
907
893
  --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%;
894
+ --ds-body-long-xl-letter-spacing: 0.005em;
910
895
  --ds-body-long-lg-font-weight: 400;
911
896
  --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%;
897
+ --ds-body-long-lg-letter-spacing: 0.005em;
914
898
  --ds-body-long-md-font-weight: 400;
915
899
  --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%;
900
+ --ds-body-long-md-letter-spacing: 0.005em;
918
901
  --ds-body-long-sm-font-weight: 400;
919
902
  --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%;
903
+ --ds-body-long-sm-letter-spacing: 0.0025em;
922
904
  --ds-body-long-xs-font-weight: 400;
923
905
  --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%;
906
+ --ds-body-long-xs-letter-spacing: 0.0015em;
926
907
  }
927
908
  }
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
909
  @layer ds.theme.color {
951
910
  [data-color="article"],
952
911
  [data-color-scheme][data-color="article"] {