@designsystem-se/af 36.0.2 → 36.0.3-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (639) hide show
  1. package/components/digi-badge-notification.d.ts +1 -1
  2. package/components/digi-badge-status.d.ts +1 -1
  3. package/components/digi-bar-chart.d.ts +1 -1
  4. package/components/digi-bar-chart.js +1 -1
  5. package/components/digi-button.d.ts +1 -1
  6. package/components/digi-button.js +1 -1
  7. package/components/digi-calendar-datepicker.d.ts +1 -1
  8. package/components/digi-calendar-datepicker.js +4 -4
  9. package/components/digi-calendar-week-view.d.ts +1 -1
  10. package/components/digi-calendar-week-view.js +1 -1
  11. package/components/digi-calendar.d.ts +1 -1
  12. package/components/digi-calendar.js +1 -1
  13. package/components/digi-chart-line.d.ts +1 -1
  14. package/components/digi-chart-line.js +1 -1
  15. package/components/digi-code-block.d.ts +1 -1
  16. package/components/digi-code-block.js +1 -1
  17. package/components/digi-code-example.d.ts +1 -1
  18. package/components/digi-code-example.js +3 -3
  19. package/components/digi-code.d.ts +1 -1
  20. package/components/digi-context-menu.d.ts +1 -1
  21. package/components/digi-context-menu.js +1 -1
  22. package/components/digi-dialog.d.ts +1 -1
  23. package/components/digi-dialog.js +3 -3
  24. package/components/digi-expandable-accordion.d.ts +1 -1
  25. package/components/digi-expandable-faq-item.d.ts +1 -1
  26. package/components/digi-expandable-faq-item.js +1 -1
  27. package/components/digi-expandable-faq.d.ts +1 -1
  28. package/components/digi-footer-card.d.ts +1 -1
  29. package/components/digi-footer.d.ts +1 -1
  30. package/components/digi-footer.js +1 -1
  31. package/components/digi-form-category-filter.d.ts +1 -1
  32. package/components/digi-form-category-filter.js +1 -1
  33. package/components/digi-form-checkbox.d.ts +1 -1
  34. package/components/digi-form-checkbox.js +1 -1
  35. package/components/digi-form-error-list.d.ts +1 -1
  36. package/components/digi-form-error-list.js +3 -3
  37. package/components/digi-form-fieldset.d.ts +1 -1
  38. package/components/digi-form-file-upload.d.ts +1 -1
  39. package/components/digi-form-file-upload.js +1 -1
  40. package/components/digi-form-filter.d.ts +1 -1
  41. package/components/digi-form-filter.js +2 -2
  42. package/components/digi-form-input-search.d.ts +1 -1
  43. package/components/digi-form-input-search.js +1 -1
  44. package/components/digi-form-input.d.ts +1 -1
  45. package/components/digi-form-label.d.ts +1 -1
  46. package/components/digi-form-radiobutton.d.ts +1 -1
  47. package/components/digi-form-radiogroup.d.ts +1 -1
  48. package/components/digi-form-receipt.d.ts +1 -1
  49. package/components/digi-form-receipt.js +1 -1
  50. package/components/digi-form-select-filter.d.ts +1 -1
  51. package/components/digi-form-select-filter.js +3 -3
  52. package/components/digi-form-select.d.ts +1 -1
  53. package/components/digi-form-select.js +1 -1
  54. package/components/digi-form-textarea.d.ts +1 -1
  55. package/components/digi-form-validation-message.d.ts +1 -1
  56. package/components/digi-header-avatar.d.ts +1 -1
  57. package/components/digi-header-avatar.js +1 -1
  58. package/components/digi-header-navigation-item.d.ts +1 -1
  59. package/components/digi-header-navigation.d.ts +1 -1
  60. package/components/digi-header-navigation.js +2 -2
  61. package/components/digi-header-notification.d.ts +1 -1
  62. package/components/digi-header.d.ts +1 -1
  63. package/components/digi-header.js +3 -3
  64. package/components/digi-icon-accessibility-deaf.d.ts +1 -1
  65. package/components/digi-icon-accessibility-universal.d.ts +1 -1
  66. package/components/digi-icon-apple.d.ts +1 -1
  67. package/components/digi-icon-archive-outline.d.ts +1 -1
  68. package/components/digi-icon-archive.d.ts +1 -1
  69. package/components/digi-icon-arrow-back.d.ts +1 -1
  70. package/components/digi-icon-arrow-down.d.ts +1 -1
  71. package/components/digi-icon-arrow-left.d.ts +1 -1
  72. package/components/digi-icon-arrow-right.d.ts +1 -1
  73. package/components/digi-icon-arrow-sign-in.d.ts +1 -1
  74. package/components/digi-icon-arrow-sign-out.d.ts +1 -1
  75. package/components/digi-icon-arrow-up.d.ts +1 -1
  76. package/components/digi-icon-at.d.ts +1 -1
  77. package/components/digi-icon-bars.d.ts +1 -1
  78. package/components/digi-icon-bell-filled.d.ts +1 -1
  79. package/components/digi-icon-bell.d.ts +1 -1
  80. package/components/digi-icon-book.d.ts +1 -1
  81. package/components/digi-icon-bookmark-outline.d.ts +1 -1
  82. package/components/digi-icon-bookmark-solid.d.ts +1 -1
  83. package/components/digi-icon-bubble-ellipsis.d.ts +1 -1
  84. package/components/digi-icon-bubble.d.ts +1 -1
  85. package/components/digi-icon-building-outline.d.ts +1 -1
  86. package/components/digi-icon-building-solid.d.ts +1 -1
  87. package/components/digi-icon-bullseye.d.ts +1 -1
  88. package/components/digi-icon-calculator-solid.d.ts +1 -1
  89. package/components/digi-icon-calendar-alt-alert.d.ts +1 -1
  90. package/components/digi-icon-calendar-alt.d.ts +1 -1
  91. package/components/digi-icon-calendar.d.ts +1 -1
  92. package/components/digi-icon-caret-circle-right.d.ts +1 -1
  93. package/components/digi-icon-caret-down.d.ts +1 -1
  94. package/components/digi-icon-caret-left.d.ts +1 -1
  95. package/components/digi-icon-caret-right.d.ts +1 -1
  96. package/components/digi-icon-caret-up.d.ts +1 -1
  97. package/components/digi-icon-chart.d.ts +1 -1
  98. package/components/digi-icon-chat.d.ts +1 -1
  99. package/components/digi-icon-check-circle-reg-alt.d.ts +1 -1
  100. package/components/digi-icon-check-circle-solid.d.ts +1 -1
  101. package/components/digi-icon-check.d.ts +1 -1
  102. package/components/digi-icon-checklist.d.ts +1 -1
  103. package/components/digi-icon-chevron-down.d.ts +1 -1
  104. package/components/digi-icon-chevron-left.d.ts +1 -1
  105. package/components/digi-icon-chevron-right.d.ts +1 -1
  106. package/components/digi-icon-chevron-up.d.ts +1 -1
  107. package/components/digi-icon-clock.d.ts +1 -1
  108. package/components/digi-icon-communication-play-solid.d.ts +1 -1
  109. package/components/digi-icon-compress-alt.d.ts +1 -1
  110. package/components/digi-icon-comunication-case.d.ts +1 -1
  111. package/components/digi-icon-comunication-flag.d.ts +1 -1
  112. package/components/digi-icon-comunication-graduate.d.ts +1 -1
  113. package/components/digi-icon-comunication-play.d.ts +1 -1
  114. package/components/digi-icon-cooperation.d.ts +1 -1
  115. package/components/digi-icon-copy.d.ts +1 -1
  116. package/components/digi-icon-danger-outline.d.ts +1 -1
  117. package/components/digi-icon-download.d.ts +1 -1
  118. package/components/digi-icon-dxa.d.ts +1 -1
  119. package/components/digi-icon-edit.d.ts +1 -1
  120. package/components/digi-icon-ellipsis.d.ts +1 -1
  121. package/components/digi-icon-envelope-filled.d.ts +1 -1
  122. package/components/digi-icon-envelope.d.ts +1 -1
  123. package/components/digi-icon-exclamation-circle-filled.d.ts +1 -1
  124. package/components/digi-icon-exclamation-triangle-filled.d.ts +1 -1
  125. package/components/digi-icon-exclamation-triangle-warning.d.ts +1 -1
  126. package/components/digi-icon-exclamation-triangle.d.ts +1 -1
  127. package/components/digi-icon-expand-alt.d.ts +1 -1
  128. package/components/digi-icon-external-link-alt.d.ts +1 -1
  129. package/components/digi-icon-eye-slash.d.ts +1 -1
  130. package/components/digi-icon-eye.d.ts +1 -1
  131. package/components/digi-icon-facebook-square.d.ts +1 -1
  132. package/components/digi-icon-file-add.d.ts +1 -1
  133. package/components/digi-icon-file-document.d.ts +1 -1
  134. package/components/digi-icon-file-excel.d.ts +1 -1
  135. package/components/digi-icon-file-export.d.ts +1 -1
  136. package/components/digi-icon-file-governing.d.ts +1 -1
  137. package/components/digi-icon-file-pdf.d.ts +1 -1
  138. package/components/digi-icon-file-powerpoint.d.ts +1 -1
  139. package/components/digi-icon-file-remove.d.ts +1 -1
  140. package/components/digi-icon-file-word.d.ts +1 -1
  141. package/components/digi-icon-film.d.ts +1 -1
  142. package/components/digi-icon-filter.d.ts +1 -1
  143. package/components/digi-icon-folder-add.d.ts +1 -1
  144. package/components/digi-icon-folder-directory.d.ts +1 -1
  145. package/components/digi-icon-folder-open.d.ts +1 -1
  146. package/components/digi-icon-folder.d.ts +1 -1
  147. package/components/digi-icon-globe-filled.d.ts +1 -1
  148. package/components/digi-icon-globe.d.ts +1 -1
  149. package/components/digi-icon-headphones.d.ts +1 -1
  150. package/components/digi-icon-heart-solid.d.ts +1 -1
  151. package/components/digi-icon-heart.d.ts +1 -1
  152. package/components/digi-icon-history.d.ts +1 -1
  153. package/components/digi-icon-home.d.ts +1 -1
  154. package/components/digi-icon-image.d.ts +1 -1
  155. package/components/digi-icon-info-circle-solid.d.ts +1 -1
  156. package/components/digi-icon-input-select-marker.d.ts +1 -1
  157. package/components/digi-icon-instagram.d.ts +1 -1
  158. package/components/digi-icon-job-suggestion.d.ts +1 -1
  159. package/components/digi-icon-language-outline.d.ts +1 -1
  160. package/components/digi-icon-language.d.ts +1 -1
  161. package/components/digi-icon-laptop-phone.d.ts +1 -1
  162. package/components/digi-icon-lattlast.d.ts +1 -1
  163. package/components/digi-icon-licence-bus.d.ts +1 -1
  164. package/components/digi-icon-licence-car.d.ts +1 -1
  165. package/components/digi-icon-licence-motorcycle.d.ts +1 -1
  166. package/components/digi-icon-licence-truck.d.ts +1 -1
  167. package/components/digi-icon-lightbulb.d.ts +1 -1
  168. package/components/digi-icon-linkedin-in.d.ts +1 -1
  169. package/components/digi-icon-list-ul.d.ts +1 -1
  170. package/components/digi-icon-lock.d.ts +1 -1
  171. package/components/digi-icon-marker-filled.d.ts +1 -1
  172. package/components/digi-icon-marker.d.ts +1 -1
  173. package/components/digi-icon-media-course.d.ts +1 -1
  174. package/components/digi-icon-media-podcast.d.ts +1 -1
  175. package/components/digi-icon-microphone-off.d.ts +1 -1
  176. package/components/digi-icon-microphone.d.ts +1 -1
  177. package/components/digi-icon-minus.d.ts +1 -1
  178. package/components/digi-icon-move.d.ts +1 -1
  179. package/components/digi-icon-news.d.ts +1 -1
  180. package/components/digi-icon-notification-error.d.ts +1 -1
  181. package/components/digi-icon-notification-info.d.ts +1 -1
  182. package/components/digi-icon-notification-succes.d.ts +1 -1
  183. package/components/digi-icon-notification-warning.d.ts +1 -1
  184. package/components/digi-icon-online-computervideo.d.ts +1 -1
  185. package/components/digi-icon-online-interview.d.ts +1 -1
  186. package/components/digi-icon-online-meeting.d.ts +1 -1
  187. package/components/digi-icon-online-task.d.ts +1 -1
  188. package/components/digi-icon-online-video.d.ts +1 -1
  189. package/components/digi-icon-open-source.d.ts +1 -1
  190. package/components/digi-icon-palette.d.ts +1 -1
  191. package/components/digi-icon-paperclip.d.ts +1 -1
  192. package/components/digi-icon-paste.d.ts +1 -1
  193. package/components/digi-icon-pen.d.ts +1 -1
  194. package/components/digi-icon-phone-hangup.d.ts +1 -1
  195. package/components/digi-icon-phone.d.ts +1 -1
  196. package/components/digi-icon-plus.d.ts +1 -1
  197. package/components/digi-icon-pod.d.ts +1 -1
  198. package/components/digi-icon-print.d.ts +1 -1
  199. package/components/digi-icon-read.d.ts +1 -1
  200. package/components/digi-icon-redo.d.ts +1 -1
  201. package/components/digi-icon-scale.d.ts +1 -1
  202. package/components/digi-icon-screensharing-off.d.ts +1 -1
  203. package/components/digi-icon-screensharing.d.ts +1 -1
  204. package/components/digi-icon-search.d.ts +1 -1
  205. package/components/digi-icon-send-outline.d.ts +1 -1
  206. package/components/digi-icon-send-solid.d.ts +1 -1
  207. package/components/digi-icon-settings.d.ts +1 -1
  208. package/components/digi-icon-share-alt.d.ts +1 -1
  209. package/components/digi-icon-share-chain.d.ts +1 -1
  210. package/components/digi-icon-sign.d.ts +1 -1
  211. package/components/digi-icon-sliders-h.d.ts +1 -1
  212. package/components/digi-icon-sokkandidat.d.ts +1 -1
  213. package/components/digi-icon-sort-down.d.ts +1 -1
  214. package/components/digi-icon-sort-up.d.ts +1 -1
  215. package/components/digi-icon-sort.d.ts +1 -1
  216. package/components/digi-icon-spinner.d.ts +1 -1
  217. package/components/digi-icon-star-reg.d.ts +1 -1
  218. package/components/digi-icon-star.d.ts +1 -1
  219. package/components/digi-icon-suitcase-outline.d.ts +1 -1
  220. package/components/digi-icon-suitcase-solid.d.ts +1 -1
  221. package/components/digi-icon-system-assistance.d.ts +1 -1
  222. package/components/digi-icon-table-column.d.ts +1 -1
  223. package/components/digi-icon-table-row.d.ts +1 -1
  224. package/components/digi-icon-table.d.ts +1 -1
  225. package/components/digi-icon-task-done.d.ts +1 -1
  226. package/components/digi-icon-toggle-off.d.ts +1 -1
  227. package/components/digi-icon-toggle-on.d.ts +1 -1
  228. package/components/digi-icon-trash.d.ts +1 -1
  229. package/components/digi-icon-twitter.d.ts +1 -1
  230. package/components/digi-icon-tyck-till.d.ts +1 -1
  231. package/components/digi-icon-unlock.d.ts +1 -1
  232. package/components/digi-icon-update.d.ts +1 -1
  233. package/components/digi-icon-upload.d.ts +1 -1
  234. package/components/digi-icon-user-add.d.ts +1 -1
  235. package/components/digi-icon-user-alt.d.ts +1 -1
  236. package/components/digi-icon-user-edit.d.ts +1 -1
  237. package/components/digi-icon-users-solid.d.ts +1 -1
  238. package/components/digi-icon-validation-error.d.ts +1 -1
  239. package/components/digi-icon-validation-success.d.ts +1 -1
  240. package/components/digi-icon-validation-warning.d.ts +1 -1
  241. package/components/digi-icon-videocamera-off.d.ts +1 -1
  242. package/components/digi-icon-videocamera.d.ts +1 -1
  243. package/components/digi-icon-volume.d.ts +1 -1
  244. package/components/digi-icon-web-tv.d.ts +1 -1
  245. package/components/digi-icon-webinar.d.ts +1 -1
  246. package/components/digi-icon-wifi-signal0.d.ts +1 -1
  247. package/components/digi-icon-wifi-signal1.d.ts +1 -1
  248. package/components/digi-icon-wifi-signal2.d.ts +1 -1
  249. package/components/digi-icon-wifi-signal3.d.ts +1 -1
  250. package/components/digi-icon-window.d.ts +1 -1
  251. package/components/digi-icon-x-button-outline.d.ts +1 -1
  252. package/components/digi-icon-x-button.d.ts +1 -1
  253. package/components/digi-icon-x.d.ts +1 -1
  254. package/components/digi-icon-youtube.d.ts +1 -1
  255. package/components/digi-info-card-multi-container.d.ts +1 -1
  256. package/components/digi-info-card-multi.d.ts +1 -1
  257. package/components/digi-info-card.d.ts +1 -1
  258. package/components/digi-info-card.js +2 -2
  259. package/components/digi-layout-block.d.ts +1 -1
  260. package/components/digi-layout-columns.d.ts +1 -1
  261. package/components/digi-layout-container.d.ts +1 -1
  262. package/components/digi-link-button.d.ts +1 -1
  263. package/components/digi-link-external.d.ts +1 -1
  264. package/components/digi-link-internal.d.ts +1 -1
  265. package/components/digi-link-internal.js +1 -1
  266. package/components/digi-link.d.ts +1 -1
  267. package/components/digi-list.d.ts +1 -1
  268. package/components/digi-loader-skeleton.d.ts +1 -1
  269. package/components/digi-loader-spinner.d.ts +1 -1
  270. package/components/digi-logo.d.ts +1 -1
  271. package/components/digi-logo.js +1 -1
  272. package/components/digi-media-figure.d.ts +1 -1
  273. package/components/digi-media-image.d.ts +1 -1
  274. package/components/digi-navigation-breadcrumbs.d.ts +1 -1
  275. package/components/digi-navigation-pagination.d.ts +1 -1
  276. package/components/digi-navigation-pagination.js +2 -2
  277. package/components/digi-navigation-sidebar-button.d.ts +1 -1
  278. package/components/digi-navigation-sidebar-button.js +1 -1
  279. package/components/digi-navigation-sidebar.d.ts +1 -1
  280. package/components/digi-navigation-sidebar.js +1 -1
  281. package/components/digi-navigation-vertical-menu-item.d.ts +1 -1
  282. package/components/digi-navigation-vertical-menu-item.js +1 -1
  283. package/components/digi-navigation-vertical-menu.d.ts +1 -1
  284. package/components/digi-notification-alert.d.ts +1 -1
  285. package/components/digi-notification-alert.js +1 -1
  286. package/components/digi-notification-error-page.d.ts +1 -1
  287. package/components/digi-notification-error-page.js +1 -1
  288. package/components/digi-progress-circle.d.ts +1 -1
  289. package/components/digi-progress-indicator.d.ts +1 -1
  290. package/components/digi-progress-indicator.js +1 -1
  291. package/components/digi-progress-list-item.d.ts +1 -1
  292. package/components/digi-progress-list.d.ts +1 -1
  293. package/components/digi-progressbar.d.ts +1 -1
  294. package/components/digi-quote.d.ts +1 -1
  295. package/components/digi-quote.js +1 -1
  296. package/components/digi-table.d.ts +1 -1
  297. package/components/digi-tablist-panel.d.ts +1 -1
  298. package/components/digi-tablist.d.ts +1 -1
  299. package/components/digi-tag-media.d.ts +1 -1
  300. package/components/digi-tag.d.ts +1 -1
  301. package/components/digi-tag.js +1 -1
  302. package/components/digi-title-logo.d.ts +1 -1
  303. package/components/digi-title-logo.js +1 -1
  304. package/components/digi-tools-feedback-banner.d.ts +1 -1
  305. package/components/digi-tools-feedback-rating.d.ts +1 -1
  306. package/components/digi-tools-feedback.d.ts +1 -1
  307. package/components/digi-tools-feedback.js +3 -3
  308. package/components/digi-tools-theme-provider.d.ts +1 -1
  309. package/components/digi-tools-theme-provider.js +18 -5
  310. package/components/digi-typography-heading-jumbo.d.ts +1 -1
  311. package/components/digi-typography-meta.d.ts +1 -1
  312. package/components/digi-typography-preamble.d.ts +1 -1
  313. package/components/digi-typography-time.d.ts +1 -1
  314. package/components/digi-typography.d.ts +1 -1
  315. package/components/digi-util-breakpoint-observer.d.ts +1 -1
  316. package/components/digi-util-detect-click-outside.d.ts +1 -1
  317. package/components/digi-util-detect-focus-outside.d.ts +1 -1
  318. package/components/digi-util-intersection-observer.d.ts +1 -1
  319. package/components/digi-util-keydown-handler.d.ts +1 -1
  320. package/components/digi-util-keyup-handler.d.ts +1 -1
  321. package/components/digi-util-mutation-observer.d.ts +1 -1
  322. package/components/digi-util-resize-observer.d.ts +1 -1
  323. package/components/index.d.ts +284 -284
  324. package/components/index.js +1 -1
  325. package/components/{p-9466c4e0.js → p-117e7b18.js} +1 -1
  326. package/components/{p-44f143ea.js → p-36dad6f1.js} +2 -2
  327. package/components/{p-cd0370eb.js → p-3fad7281.js} +2 -2
  328. package/components/p-606ba731.js +165 -0
  329. package/components/p-8fee3d97.js +163 -0
  330. package/components/{p-2ac136a0.js → p-a79e144f.js} +1 -1
  331. package/components/p-b8c862c0.js +66 -0
  332. package/components/{p-f53eb01a.js → p-d2a95a3e.js} +1 -1
  333. package/components/p-d7ef9cb1.js +13 -0
  334. package/components/{p-62a0008b.js → p-e756fda7.js} +2 -2
  335. package/custom-elements.json +4 -0
  336. package/dist/cjs/{code-example-variation.enum-c6557727.js → code-example-variation.enum-1611825e.js} +6 -0
  337. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  338. package/dist/cjs/digi-button_37.cjs.entry.js +5254 -0
  339. package/dist/cjs/digi-calendar-week-view.cjs.entry.js +50 -51
  340. package/dist/cjs/digi-code-block.cjs.entry.js +89 -0
  341. package/dist/cjs/digi-code-example.cjs.entry.js +4 -5
  342. package/dist/cjs/digi-dialog.cjs.entry.js +6 -20
  343. package/dist/cjs/digi-footer.cjs.entry.js +4 -18
  344. package/dist/cjs/digi-form-error-list.cjs.entry.js +4 -18
  345. package/dist/cjs/digi-form-file-upload.cjs.entry.js +10 -11
  346. package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -8
  347. package/dist/cjs/digi-form-receipt.cjs.entry.js +4 -18
  348. package/dist/cjs/digi-form-select-filter.cjs.entry.js +6 -20
  349. package/dist/cjs/digi-header-avatar.cjs.entry.js +1 -1
  350. package/dist/cjs/digi-header-navigation.cjs.entry.js +4 -18
  351. package/dist/cjs/digi-header.cjs.entry.js +5 -19
  352. package/dist/cjs/digi-info-card.cjs.entry.js +1 -1
  353. package/dist/cjs/digi-link-internal.cjs.entry.js +1 -1
  354. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +4 -18
  355. package/dist/cjs/digi-notification-alert.cjs.entry.js +4 -18
  356. package/dist/cjs/digi-notification-error-page.cjs.entry.js +4 -18
  357. package/dist/cjs/digi-quote.cjs.entry.js +1 -1
  358. package/dist/cjs/digi-title-logo.cjs.entry.js +4 -18
  359. package/dist/cjs/digi-tools-feedback.cjs.entry.js +7 -21
  360. package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
  361. package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
  362. package/dist/cjs/index-7a477838.js +4 -92
  363. package/dist/cjs/{index-ac8e01b4.js → index-acb7b350.js} +189 -19
  364. package/dist/cjs/index.cjs.js +158 -166
  365. package/dist/cjs/loader.cjs.js +1 -1
  366. package/dist/cjs/{typography-variation.enum-50512a4e.js → typography-variation.enum-e41bd69d.js} +158 -0
  367. package/dist/collection/components/_button/button/button.css +6 -6
  368. package/dist/collection/components/_calendar/calendar/calendar.css +5 -0
  369. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +339 -102
  370. package/dist/collection/components/_code/code-example/code-example.css +6 -0
  371. package/dist/collection/components/_dialog/dialog/dialog.css +1 -1
  372. package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +2 -2
  373. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +339 -102
  374. package/dist/collection/components/_form/form-file-upload/form-file-upload.css +4 -3
  375. package/dist/collection/components/_form/form-select/form-select.css +2 -2
  376. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +1 -1
  377. package/dist/collection/components/_header/header-avatar/header-avatar.css +338 -101
  378. package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
  379. package/dist/collection/components/_link/link-internal/link-internal.css +338 -101
  380. package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
  381. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +4 -3
  382. package/dist/collection/components/_quote/quote/quote.css +2 -2
  383. package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
  384. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +105 -2
  385. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
  386. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
  387. package/dist/collection/design-tokens/components/_button.variables.scss +6 -6
  388. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  389. package/dist/collection/design-tokens/components/_calendar.variables.scss +1 -0
  390. package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
  391. package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  392. package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
  393. package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +2 -0
  394. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +1 -1
  395. package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
  396. package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
  397. package/dist/collection/design-tokens/components/_logo.variables.scss +19 -16
  398. package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  399. package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
  400. package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
  401. package/dist/collection/enums.js +1 -0
  402. package/dist/collection/styles/src/_alias.mixin.scss +270 -128
  403. package/dist/collection/styles/src/themes/_common.mixin.scss +7 -0
  404. package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +139 -0
  405. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +1406 -323
  406. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +6 -6
  407. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  408. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +1 -0
  409. package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
  410. package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  411. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
  412. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +2 -0
  413. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +1 -1
  414. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
  415. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
  416. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  417. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
  418. package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
  419. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  420. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  421. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  422. package/dist/digi-arbetsformedlingen/p-014a7047.entry.js +1 -0
  423. package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +1 -0
  424. package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +1 -0
  425. package/dist/digi-arbetsformedlingen/p-158037f8.entry.js +1 -0
  426. package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +1 -0
  427. package/dist/digi-arbetsformedlingen/p-1887ef59.entry.js +1 -0
  428. package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +1 -0
  429. package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +1 -0
  430. package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
  431. package/dist/digi-arbetsformedlingen/p-53d9556b.js +1 -0
  432. package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +1 -0
  433. package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +1 -0
  434. package/dist/digi-arbetsformedlingen/p-64b65586.entry.js +1 -0
  435. package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +1 -0
  436. package/dist/digi-arbetsformedlingen/p-6bf36a39.entry.js +1 -0
  437. package/dist/digi-arbetsformedlingen/p-7a6a447c.entry.js +1 -0
  438. package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +1 -0
  439. package/dist/digi-arbetsformedlingen/p-82225661.entry.js +1 -0
  440. package/dist/digi-arbetsformedlingen/p-a105d9fe.js +1 -0
  441. package/dist/digi-arbetsformedlingen/p-a7372448.entry.js +1 -0
  442. package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
  443. package/dist/digi-arbetsformedlingen/p-cd77a916.entry.js +1 -0
  444. package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +1 -0
  445. package/dist/digi-arbetsformedlingen/p-e5fee242.js +1 -0
  446. package/dist/digi-arbetsformedlingen/p-f358d8b2.entry.js +1 -0
  447. package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +1 -0
  448. package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +1 -0
  449. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +270 -128
  450. package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +7 -0
  451. package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +139 -0
  452. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +1406 -323
  453. package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-e656d235.js} +7 -1
  454. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  455. package/dist/esm/digi-button_37.entry.js +5214 -0
  456. package/dist/esm/digi-calendar-week-view.entry.js +1 -2
  457. package/dist/esm/digi-code-block.entry.js +85 -0
  458. package/dist/esm/digi-code-example.entry.js +2 -3
  459. package/dist/esm/digi-dialog.entry.js +5 -19
  460. package/dist/esm/digi-footer.entry.js +4 -18
  461. package/dist/esm/digi-form-error-list.entry.js +4 -18
  462. package/dist/esm/digi-form-file-upload.entry.js +2 -3
  463. package/dist/esm/digi-form-input-search.entry.js +1 -3
  464. package/dist/esm/digi-form-receipt.entry.js +4 -18
  465. package/dist/esm/digi-form-select-filter.entry.js +5 -19
  466. package/dist/esm/digi-header-avatar.entry.js +1 -1
  467. package/dist/esm/digi-header-navigation.entry.js +4 -18
  468. package/dist/esm/digi-header.entry.js +4 -18
  469. package/dist/esm/digi-info-card.entry.js +1 -1
  470. package/dist/esm/digi-link-internal.entry.js +1 -1
  471. package/dist/esm/digi-navigation-pagination.entry.js +4 -18
  472. package/dist/esm/digi-notification-alert.entry.js +4 -18
  473. package/dist/esm/digi-notification-error-page.entry.js +4 -18
  474. package/dist/esm/digi-quote.entry.js +1 -1
  475. package/dist/esm/digi-title-logo.entry.js +4 -18
  476. package/dist/esm/digi-tools-feedback.entry.js +5 -19
  477. package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
  478. package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
  479. package/dist/esm/index-148a7577.js +4 -92
  480. package/dist/esm/{index-2fce392f.js → index-dc6b83f7.js} +170 -3
  481. package/dist/esm/index.js +4 -18
  482. package/dist/esm/loader.js +1 -1
  483. package/dist/esm/{typography-variation.enum-8c3ff25c.js → typography-variation.enum-b07f76c9.js} +159 -1
  484. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
  485. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
  486. package/dist/types/components.d.ts +12 -0
  487. package/dist/types/enums.d.ts +1 -0
  488. package/hydrate/index.js +40 -21
  489. package/hydrate/index.mjs +40 -21
  490. package/package.json +1 -1
  491. package/components/p-4bad4fb0.js +0 -7
  492. package/components/p-85633f84.js +0 -66
  493. package/components/p-e8fc33ed.js +0 -165
  494. package/components/p-f22b488a.js +0 -163
  495. package/dist/cjs/button-size.enum-1fd86b9e.js +0 -7
  496. package/dist/cjs/button-type.enum-406723db.js +0 -8
  497. package/dist/cjs/digi-button_9.cjs.entry.js +0 -533
  498. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +0 -2603
  499. package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -464
  500. package/dist/cjs/digi-code-block_3.cjs.entry.js +0 -232
  501. package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -97
  502. package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -121
  503. package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -127
  504. package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
  505. package/dist/cjs/digi-form-radiogroup.cjs.entry.js +0 -80
  506. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  507. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  508. package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -53
  509. package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -30
  510. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
  511. package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -92
  512. package/dist/cjs/digi-link.cjs.entry.js +0 -75
  513. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
  514. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
  515. package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
  516. package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -28
  517. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -38
  518. package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -20
  519. package/dist/cjs/digi-typography.cjs.entry.js +0 -26
  520. package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -83
  521. package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +0 -18
  522. package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +0 -19
  523. package/dist/cjs/form-input-search-variation.enum-c50239bc.js +0 -8
  524. package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
  525. package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +0 -9
  526. package/dist/cjs/form-select-variation.enum-528c1bf0.js +0 -16
  527. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
  528. package/dist/cjs/index-cad91a90.js +0 -66
  529. package/dist/cjs/index-e8333bcc.js +0 -174
  530. package/dist/cjs/layout-container-max-width.enum-7e637f44.js +0 -21
  531. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
  532. package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +0 -13
  533. package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +0 -7
  534. package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
  535. package/dist/digi-arbetsformedlingen/p-0436c516.entry.js +0 -1
  536. package/dist/digi-arbetsformedlingen/p-14731327.entry.js +0 -1
  537. package/dist/digi-arbetsformedlingen/p-19c30198.entry.js +0 -1
  538. package/dist/digi-arbetsformedlingen/p-1f3345e9.js +0 -1
  539. package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
  540. package/dist/digi-arbetsformedlingen/p-24fe2189.js +0 -1
  541. package/dist/digi-arbetsformedlingen/p-2698dd2a.entry.js +0 -1
  542. package/dist/digi-arbetsformedlingen/p-2a86cc73.entry.js +0 -1
  543. package/dist/digi-arbetsformedlingen/p-2b7b69cd.entry.js +0 -1
  544. package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
  545. package/dist/digi-arbetsformedlingen/p-33349e7e.entry.js +0 -1
  546. package/dist/digi-arbetsformedlingen/p-38627816.entry.js +0 -1
  547. package/dist/digi-arbetsformedlingen/p-3a76bfde.entry.js +0 -1
  548. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
  549. package/dist/digi-arbetsformedlingen/p-3d7fff3c.entry.js +0 -1
  550. package/dist/digi-arbetsformedlingen/p-41bc039f.entry.js +0 -1
  551. package/dist/digi-arbetsformedlingen/p-4452f871.entry.js +0 -1
  552. package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +0 -1
  553. package/dist/digi-arbetsformedlingen/p-4e36c467.entry.js +0 -1
  554. package/dist/digi-arbetsformedlingen/p-501697cd.entry.js +0 -1
  555. package/dist/digi-arbetsformedlingen/p-55f525dd.entry.js +0 -1
  556. package/dist/digi-arbetsformedlingen/p-57319a80.entry.js +0 -1
  557. package/dist/digi-arbetsformedlingen/p-5a602122.js +0 -1
  558. package/dist/digi-arbetsformedlingen/p-5d3383f9.entry.js +0 -1
  559. package/dist/digi-arbetsformedlingen/p-681e7beb.entry.js +0 -1
  560. package/dist/digi-arbetsformedlingen/p-6bd60ab6.entry.js +0 -1
  561. package/dist/digi-arbetsformedlingen/p-6d864e79.entry.js +0 -1
  562. package/dist/digi-arbetsformedlingen/p-750ff498.entry.js +0 -1
  563. package/dist/digi-arbetsformedlingen/p-76022084.entry.js +0 -1
  564. package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
  565. package/dist/digi-arbetsformedlingen/p-7aacd45f.js +0 -1
  566. package/dist/digi-arbetsformedlingen/p-7d49df06.entry.js +0 -1
  567. package/dist/digi-arbetsformedlingen/p-8142cc73.js +0 -1
  568. package/dist/digi-arbetsformedlingen/p-832cbd71.entry.js +0 -1
  569. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
  570. package/dist/digi-arbetsformedlingen/p-89b457e8.entry.js +0 -1
  571. package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
  572. package/dist/digi-arbetsformedlingen/p-93766b5e.entry.js +0 -1
  573. package/dist/digi-arbetsformedlingen/p-95330112.entry.js +0 -1
  574. package/dist/digi-arbetsformedlingen/p-96987381.entry.js +0 -1
  575. package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
  576. package/dist/digi-arbetsformedlingen/p-a34dfc04.entry.js +0 -1
  577. package/dist/digi-arbetsformedlingen/p-bc3d2778.js +0 -1
  578. package/dist/digi-arbetsformedlingen/p-bf53daba.entry.js +0 -1
  579. package/dist/digi-arbetsformedlingen/p-c24aab43.entry.js +0 -1
  580. package/dist/digi-arbetsformedlingen/p-c29ab968.entry.js +0 -1
  581. package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +0 -1
  582. package/dist/digi-arbetsformedlingen/p-c7949525.js +0 -1
  583. package/dist/digi-arbetsformedlingen/p-c799009f.entry.js +0 -1
  584. package/dist/digi-arbetsformedlingen/p-c8e29e68.entry.js +0 -1
  585. package/dist/digi-arbetsformedlingen/p-cdf86efc.js +0 -1
  586. package/dist/digi-arbetsformedlingen/p-d055d564.entry.js +0 -1
  587. package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
  588. package/dist/digi-arbetsformedlingen/p-d5376b7c.entry.js +0 -1
  589. package/dist/digi-arbetsformedlingen/p-d7aa8315.entry.js +0 -1
  590. package/dist/digi-arbetsformedlingen/p-e6b65415.entry.js +0 -1
  591. package/dist/digi-arbetsformedlingen/p-e7e39ee7.entry.js +0 -1
  592. package/dist/digi-arbetsformedlingen/p-e9656bf8.entry.js +0 -1
  593. package/dist/digi-arbetsformedlingen/p-e9abb2b1.entry.js +0 -1
  594. package/dist/digi-arbetsformedlingen/p-ee4cb21a.js +0 -1
  595. package/dist/digi-arbetsformedlingen/p-ee9589e6.js +0 -1
  596. package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +0 -1
  597. package/dist/digi-arbetsformedlingen/p-f447b984.js +0 -1
  598. package/dist/digi-arbetsformedlingen/p-f8391f37.entry.js +0 -1
  599. package/dist/digi-arbetsformedlingen/p-fdecd798.entry.js +0 -1
  600. package/dist/esm/button-size.enum-d5ff6ff3.js +0 -7
  601. package/dist/esm/button-type.enum-5250ae0b.js +0 -8
  602. package/dist/esm/digi-button_9.entry.js +0 -521
  603. package/dist/esm/digi-calendar-datepicker.entry.js +0 -2599
  604. package/dist/esm/digi-calendar_2.entry.js +0 -459
  605. package/dist/esm/digi-code-block_3.entry.js +0 -226
  606. package/dist/esm/digi-expandable-faq-item.entry.js +0 -93
  607. package/dist/esm/digi-form-category-filter.entry.js +0 -117
  608. package/dist/esm/digi-form-checkbox.entry.js +0 -123
  609. package/dist/esm/digi-form-input.entry.js +0 -190
  610. package/dist/esm/digi-form-radiogroup.entry.js +0 -76
  611. package/dist/esm/digi-icon-check.entry.js +0 -26
  612. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  613. package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
  614. package/dist/esm/digi-icon-copy.entry.js +0 -26
  615. package/dist/esm/digi-icon-minus_2.entry.js +0 -48
  616. package/dist/esm/digi-layout-block_2.entry.js +0 -87
  617. package/dist/esm/digi-link.entry.js +0 -71
  618. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
  619. package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
  620. package/dist/esm/digi-progress-indicator.entry.js +0 -133
  621. package/dist/esm/digi-tools-theme-provider.entry.js +0 -24
  622. package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -34
  623. package/dist/esm/digi-typography-preamble.entry.js +0 -16
  624. package/dist/esm/digi-typography.entry.js +0 -22
  625. package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
  626. package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +0 -18
  627. package/dist/esm/form-checkbox-variation.enum-83e906fc.js +0 -19
  628. package/dist/esm/form-input-search-variation.enum-f9d669f2.js +0 -8
  629. package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
  630. package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +0 -9
  631. package/dist/esm/form-select-variation.enum-f2f6098d.js +0 -16
  632. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
  633. package/dist/esm/index-5b6c95c6.js +0 -63
  634. package/dist/esm/index-8685f88d.js +0 -170
  635. package/dist/esm/layout-container-max-width.enum-c40018ac.js +0 -21
  636. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
  637. package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +0 -13
  638. package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +0 -7
  639. package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
@@ -5,15 +5,22 @@ License: none (public domain)
5
5
  :root {
6
6
  --digi--grayscale--0: #ffffff;
7
7
  --digi--grayscale--50: #fbfbfb;
8
+ --digi--grayscale--75: #f5f5f5;
8
9
  --digi--grayscale--100: #f4f4f4;
9
10
  --digi--grayscale--200: #ededed;
10
11
  --digi--grayscale--300: #e4e4e4;
11
12
  --digi--grayscale--400: #dddddd;
12
13
  --digi--grayscale--500: #cacaca;
14
+ --digi--grayscale--550: #c5c5c5;
13
15
  --digi--grayscale--600: #acacac;
16
+ --digi--grayscale--650: #9c9c9c;
14
17
  --digi--grayscale--700: #757575;
15
18
  --digi--grayscale--800: #5c5c5c;
19
+ --digi--grayscale--850: #515151;
20
+ --digi--grayscale--875: #414141;
16
21
  --digi--grayscale--900: #333333;
22
+ --digi--grayscale--950: #212121;
23
+ --digi--grayscale--975: #2c2c2c;
17
24
  --digi--grayscale--1000: #000000;
18
25
  --digi--sentiment--informative--200: #e9e9ff;
19
26
  --digi--sentiment--informative--500: #0A4DD1;
@@ -350,107 +357,6 @@ License: none (public domain)
350
357
  --digi--typography--button--font-size--desktop: var(--digi--global--typography--font-size--base);
351
358
  --digi--typography--button--font-size--desktop-large: var(--digi--global--typography--font-size--large);
352
359
  --digi--typography--button--font-weight--desktop: var(--digi--global--typography--font-weight--semibold);
353
- --digi--color--logotype-color: var(--digi--color--logotype-color--light);
354
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
355
- --digi--color--infographic--background: var(--digi--color--infographic--background--light);
356
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
357
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
358
- --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
359
- --digi--color--text--primary: var(--digi--color--text--primary--light);
360
- --digi--color--text--secondary: var(--digi--color--text--secondary--light);
361
- --digi--color--text--description: var(--digi--color--text--description--light);
362
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
363
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
364
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
365
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
366
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
367
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
368
- --digi--color--background--primary: var(--digi--color--background--primary--light);
369
- --digi--color--background--secondary: var(--digi--color--background--secondary--light);
370
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
371
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
372
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
373
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
374
- --digi--color--background--transparent: var(--digi--color--background--transparent--light);
375
- --digi--color--background--notification: var(--digi--color--background--notification--light);
376
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
377
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
378
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
379
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
380
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
381
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
382
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
383
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
384
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
385
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
386
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
387
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
388
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
389
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
390
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
391
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
392
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
393
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
394
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
395
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
396
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
397
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
398
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
399
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
400
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
401
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
402
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
403
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
404
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
405
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
406
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
407
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
408
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
409
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
410
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
411
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
412
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
413
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
414
- --digi--color--border--notification: var(--digi--color--border--notification--light);
415
- --digi--color--border--transparent: var(--digi--color--border--transparent--light);
416
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
417
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
418
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
419
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
420
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
421
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
422
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
423
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
424
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
425
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
426
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
427
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
428
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
429
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
430
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
431
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
432
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
433
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
434
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
435
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
436
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
437
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
438
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
439
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
440
- --digi--color--divider--primary: var(--digi--color--divider--primary--light);
441
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
442
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
443
- --digi--color--divider--cta: var(--digi--color--divider--cta--light);
444
- --digi--color--icon--primary: var(--digi--color--icon--primary--light);
445
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
446
- --digi--color--icon--cta: var(--digi--color--icon--cta--light);
447
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
448
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
449
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
450
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
451
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
452
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
453
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
454
360
  --digi--amethyst--500: #822998;
455
361
  --digi--granskott--150: #f2faf2;
456
362
  --digi--granskott--200: #ebf8eb;
@@ -473,6 +379,113 @@ License: none (public domain)
473
379
  --digi--rallarros--300: #f8ddf5;
474
380
  --digi--rallarros--500: #ce1cbd;
475
381
  --digi--sapphire--500: #1616b2;
382
+ --digi--color--logotype-color--dark: var(--digi--granskott--700);
383
+ --digi--color--infographic--lineart--dark: var(--digi--grayscale--900);
384
+ --digi--color--infographic--background--dark: var(--digi--grayscale--0);
385
+ --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
386
+ --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--250);
387
+ --digi--color--infographic--brand--tertiary--dark: var(--digi--rallarros--500);
388
+ --digi--color--text--primary--dark: var(--digi--grayscale--75);
389
+ --digi--color--text--primary-stay--dark: var(--digi--grayscale--850);
390
+ --digi--color--text--secondary--dark: var(--digi--grayscale--75);
391
+ --digi--color--text--secondary-stay--dark: var(--digi--grayscale--0);
392
+ --digi--color--text--description--dark: var(--digi--grayscale--100);
393
+ --digi--color--text--interactive--primary--dark: var(--digi--norrsken--500);
394
+ --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--900);
395
+ --digi--color--text--interactive--tertiary--dark: var(--digi--grayscale--75);
396
+ --digi--color--text--interactive--brand-primary--dark: var(--digi--natthimmel--75);
397
+ --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
398
+ --digi--color--text--interactive--visited--dark: #CB6DE3;
399
+ --digi--color--background--primary--dark: var(--digi--grayscale--975);
400
+ --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
401
+ --digi--color--background--secondary--dark: var(--digi--grayscale--950);
402
+ --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--875);
403
+ --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
404
+ --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
405
+ --digi--color--background--pop-out--dark: var(--digi--grayscale--850);
406
+ --digi--color--background--brand-primary--dark: var(--digi--grayscale--900);
407
+ --digi--color--background--transparent--dark: var(--digi--misc--transparent);
408
+ --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
409
+ --digi--color--background--interactive--default--primary--dark: var(--digi--grayscale--50);
410
+ --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
411
+ --digi--color--background--interactive--default--secondary--dark: var(--digi--misc--transparent);
412
+ --digi--color--background--interactive--default--secondary-inverted--dark: var(--digi--misc--transparent);
413
+ --digi--color--background--interactive--default--tertiary--dark: var(--digi--grayscale--875);
414
+ --digi--color--background--interactive--default--quaternary--dark: var(--digi--grayscale--850);
415
+ --digi--color--background--interactive--default--input-elements--dark: var(--digi--misc--transparent);
416
+ --digi--color--background--interactive--default--pop-out--dark: var(--digi--grayscale--650);
417
+ --digi--color--background--interactive--hover--primary--dark: var(--digi--grayscale--650);
418
+ --digi--color--background--interactive--hover--secondary--dark: var(--digi--grayscale--875);
419
+ --digi--color--background--interactive--hover--tertiary--dark: var(--digi--grayscale--850);
420
+ --digi--color--background--interactive--hover--quarternary--dark: var(--digi--grayscale--875);
421
+ --digi--color--background--interactive--hover--inverted--dark: var(--digi--norrsken--400);
422
+ --digi--color--background--interactive--hover--quinary--dark: var(--digi--grayscale--850);
423
+ --digi--color--background--interactive--selected--primary--dark: var(--digi--misc--transparent);
424
+ --digi--color--background--interactive--selected--secondary--dark: var(--digi--misc--transparent);
425
+ --digi--color--background--interactive--selected--tertiary--dark: var(--digi--grayscale--875);
426
+ --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--grayscale--650);
427
+ --digi--color--background--interactive--validation--success--dark: var(--digi--misc--transparent);
428
+ --digi--color--background--interactive--validation--warning--dark: var(--digi--misc--transparent);
429
+ --digi--color--background--interactive--validation--error--dark: var(--digi--misc--transparent);
430
+ --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--500);
431
+ --digi--color--background--sentiment--error--secondary--dark: var(--digi--sentiment--error--700);
432
+ --digi--color--background--sentiment--error--tertiary--dark: var(--digi--sentiment--error--200);
433
+ --digi--color--background--sentiment--error--tertiary-discreet--dark: var(--digi--grayscale--850);
434
+ --digi--color--background--sentiment--success--primary--dark: var(--digi--sentiment--success--500);
435
+ --digi--color--background--sentiment--success--secondary--dark: var(--digi--sentiment--success--700);
436
+ --digi--color--background--sentiment--success--tertiary--dark: var(--digi--sentiment--success--200);
437
+ --digi--color--background--sentiment--warning--primary--dark: var(--digi--sentiment--warning--500);
438
+ --digi--color--background--sentiment--warning--secondary--dark: var(--digi--sentiment--warning--700);
439
+ --digi--color--background--sentiment--warning--tertiary--dark: var(--digi--sentiment--warning--200);
440
+ --digi--color--background--sentiment--warning--quarternary--dark: var(--digi--grayscale--850);
441
+ --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--500);
442
+ --digi--color--background--sentiment--info--secondary--dark: var(--digi--sentiment--informative--700);
443
+ --digi--color--background--sentiment--info--tertiary--dark: var(--digi--sentiment--informative--200);
444
+ --digi--color--background--sentiment--neutral--primary--dark: var(--digi--grayscale--700);
445
+ --digi--color--background--sentiment--neutral--secondary--dark: var(--digi--grayscale--400);
446
+ --digi--color--background--sentiment--neutral--tertiary--dark: var(--digi--grayscale--900);
447
+ --digi--color--background--sentiment--beta--primary--dark: var(--digi--rallarros--500);
448
+ --digi--color--background--sentiment--beta--secondary--dark: var(--digi--rallarros--300);
449
+ --digi--color--border--notification--dark: var(--digi--grayscale--0);
450
+ --digi--color--border--transparent--dark: var(--digi--misc--transparent);
451
+ --digi--color--border--interactive--default--primary--dark: var(--digi--grayscale--75);
452
+ --digi--color--border--interactive--default--on-input--dark: var(--digi--grayscale--75);
453
+ --digi--color--border--interactive--default--on-input-nuance--dark: var(--digi--grayscale--650);
454
+ --digi--color--border--interactive--default--inverted--dark: var(--digi--norrsken--500);
455
+ --digi--color--border--interactive--hover--primary--dark: var(--digi--grayscale--75);
456
+ --digi--color--border--interactive--hover--secondary--dark: var(--digi--grayscale--75);
457
+ --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
458
+ --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
459
+ --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--900);
460
+ --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
461
+ --digi--color--border--interactive--selected--primary--dark: var(--digi--grayscale--75);
462
+ --digi--color--border--interactive--selected--secondary--dark: var(--digi--grayscale--75);
463
+ --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--500);
464
+ --digi--color--border--sentiment--success--dark: var(--digi--sentiment--success--500);
465
+ --digi--color--border--sentiment--warning--dark: var(--digi--sentiment--warning--500);
466
+ --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--500);
467
+ --digi--color--border--accent--primary--dark: var(--digi--grayscale--650);
468
+ --digi--color--border--accent--secondary--dark: var(--digi--granskott--700);
469
+ --digi--color--marking--navigation--selected--dark: var(--digi--granskott--700);
470
+ --digi--color--marking--navigation--level-active--dark: var(--digi--granskott--250);
471
+ --digi--color--marking--navigation--level-inactive--dark: var(--digi--grayscale--100);
472
+ --digi--color--marking--indication--primary--dark: var(--digi--sentiment--success--500);
473
+ --digi--color--marking--indication--secondary--dark: var(--digi--natthimmel--800);
474
+ --digi--color--marking--indication--tertiary--dark: var(--digi--grayscale--700);
475
+ --digi--color--divider--primary--dark: var(--digi--grayscale--400);
476
+ --digi--color--divider--secondary--dark: var(--digi--grayscale--200);
477
+ --digi--color--divider--on-brand-primary--dark: var(--digi--grayscale--650);
478
+ --digi--color--divider--cta--dark: var(--digi--norrsken--500);
479
+ --digi--color--icon--primary--dark: var(--digi--grayscale--75);
480
+ --digi--color--icon--secondary--dark: var(--digi--grayscale--75);
481
+ --digi--color--icon--cta--dark: var(--digi--norrsken--500);
482
+ --digi--color--icon--brand-primary--dark: var(--digi--grayscale--75);
483
+ --digi--color--icon--brand-secondary--dark: var(--digi--norrsken--500);
484
+ --digi--color--icon--validation--success--dark: var(--digi--sentiment--success--500);
485
+ --digi--color--icon--validation--warning--dark: var(--digi--sentiment--warning--500);
486
+ --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--500);
487
+ --digi--color--misc--spinner-path--dark: var(--digi--grayscale--400);
488
+ --digi--color--misc--skeleton--dark: var(--digi--grayscale--400);
476
489
  --digi--color--logotype-color--light: var(--digi--granskott--700);
477
490
  --digi--color--infographic--lineart--light: var(--digi--grayscale--900);
478
491
  --digi--color--infographic--background--light: var(--digi--grayscale--0);
@@ -489,7 +502,9 @@ License: none (public domain)
489
502
  --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
490
503
  --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
491
504
  --digi--color--background--primary--light: var(--digi--grayscale--0);
505
+ --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
492
506
  --digi--color--background--secondary--light: var(--digi--grayscale--100);
507
+ --digi--color--background--secondary-elevated--light: var(--digi--grayscale--100);
493
508
  --digi--color--background--secondary-muted--light: var(--digi--grayscale--50);
494
509
  --digi--color--background--secondary-accent--light: var(--digi--grayscale--400);
495
510
  --digi--color--background--pop-out--light: var(--digi--granskott--200);
@@ -509,6 +524,7 @@ License: none (public domain)
509
524
  --digi--color--background--interactive--hover--tertiary--light: var(--digi--sapphire--500);
510
525
  --digi--color--background--interactive--hover--quarternary--light: var(--digi--grayscale--200);
511
526
  --digi--color--background--interactive--hover--inverted--light: var(--digi--norrsken--400);
527
+ --digi--color--background--interactive--hover--quinary--light: var(--digi--misc--transparent);
512
528
  --digi--color--background--interactive--selected--primary--light: var(--digi--sentiment--success--500);
513
529
  --digi--color--background--interactive--selected--secondary--light: var(--digi--natthimmel--800);
514
530
  --digi--color--background--interactive--selected--tertiary--light: var(--digi--grayscale--200);
@@ -519,6 +535,7 @@ License: none (public domain)
519
535
  --digi--color--background--sentiment--error--primary--light: var(--digi--sentiment--error--500);
520
536
  --digi--color--background--sentiment--error--secondary--light: var(--digi--sentiment--error--700);
521
537
  --digi--color--background--sentiment--error--tertiary--light: var(--digi--sentiment--error--200);
538
+ --digi--color--background--sentiment--error--tertiary-discreet--light: var(--digi--sentiment--error--200);
522
539
  --digi--color--background--sentiment--success--primary--light: var(--digi--sentiment--success--500);
523
540
  --digi--color--background--sentiment--success--secondary--light: var(--digi--sentiment--success--700);
524
541
  --digi--color--background--sentiment--success--tertiary--light: var(--digi--sentiment--success--200);
@@ -723,6 +740,226 @@ License: none (public domain)
723
740
  --digi--color--misc--spinner-path--light--af18: var(--digi--grayscale--400);
724
741
  --digi--color--misc--skeleton--light--af18: var(--digi--grayscale--400);
725
742
  }
743
+ @media (prefers-color-scheme: light) {
744
+ :root {
745
+ --digi--color--logotype-color: var(--digi--color--logotype-color--light);
746
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
747
+ --digi--color--infographic--background: var(--digi--color--infographic--background--light);
748
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
749
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
750
+ --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
751
+ --digi--color--text--primary: var(--digi--color--text--primary--light);
752
+ --digi--color--text--secondary: var(--digi--color--text--secondary--light);
753
+ --digi--color--text--description: var(--digi--color--text--description--light);
754
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
755
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
756
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
757
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
758
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
759
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
760
+ --digi--color--background--primary: var(--digi--color--background--primary--light);
761
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
762
+ --digi--color--background--secondary: var(--digi--color--background--secondary--light);
763
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
764
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
765
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
766
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
767
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
768
+ --digi--color--background--transparent: var(--digi--color--background--transparent--light);
769
+ --digi--color--background--notification: var(--digi--color--background--notification--light);
770
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
771
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
772
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
773
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
774
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
775
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
776
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
777
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
778
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
779
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
780
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
781
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
782
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
783
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--light);
784
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
785
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
786
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
787
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
788
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
789
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
790
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
791
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
792
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
793
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
794
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
795
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
796
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
797
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
798
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
799
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
800
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
801
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
802
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
803
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
804
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
805
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
806
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
807
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
808
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
809
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
810
+ --digi--color--border--notification: var(--digi--color--border--notification--light);
811
+ --digi--color--border--transparent: var(--digi--color--border--transparent--light);
812
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
813
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
814
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
815
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
816
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
817
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
818
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
819
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
820
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
821
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
822
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
823
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
824
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
825
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
826
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
827
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
828
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
829
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
830
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
831
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
832
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
833
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
834
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
835
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
836
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
837
+ --digi--color--divider--primary: var(--digi--color--divider--primary--light);
838
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
839
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
840
+ --digi--color--divider--cta: var(--digi--color--divider--cta--light);
841
+ --digi--color--icon--primary: var(--digi--color--icon--primary--light);
842
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
843
+ --digi--color--icon--cta: var(--digi--color--icon--cta--light);
844
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
845
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
846
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
847
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
848
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
849
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
850
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
851
+ }
852
+ }
853
+ @media (prefers-color-scheme: dark) {
854
+ :root {
855
+ --digi--color--logotype-color: var(--digi--color--logotype-color--dark);
856
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
857
+ --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
858
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
859
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
860
+ --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--dark);
861
+ --digi--color--text--primary: var(--digi--color--text--primary--dark);
862
+ --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
863
+ --digi--color--text--description: var(--digi--color--text--description--dark);
864
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
865
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
866
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
867
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
868
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
869
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
870
+ --digi--color--background--primary: var(--digi--color--background--primary--dark);
871
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
872
+ --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
873
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary--dark);
874
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
875
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
876
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
877
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
878
+ --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
879
+ --digi--color--background--notification: var(--digi--color--background--notification--dark);
880
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
881
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
882
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
883
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
884
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
885
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
886
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
887
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
888
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
889
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
890
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
891
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
892
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
893
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--dark);
894
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
895
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
896
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
897
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
898
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
899
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
900
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
901
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
902
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
903
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
904
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
905
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
906
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
907
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
908
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
909
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
910
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
911
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
912
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
913
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
914
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
915
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
916
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
917
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
918
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
919
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
920
+ --digi--color--border--notification: var(--digi--color--border--notification--dark);
921
+ --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
922
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
923
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
924
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
925
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
926
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
927
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
928
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
929
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
930
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
931
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
932
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
933
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
934
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
935
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
936
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
937
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
938
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
939
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
940
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
941
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
942
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
943
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
944
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
945
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
946
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
947
+ --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
948
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
949
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
950
+ --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
951
+ --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
952
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
953
+ --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
954
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
955
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
956
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
957
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
958
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
959
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
960
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
961
+ }
962
+ }
726
963
 
727
964
  body {
728
965
  font-size: 1rem;
@@ -5,9 +5,9 @@ License: none (public domain)
5
5
  :host {
6
6
  --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
7
7
  --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
8
- --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
9
- --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
10
- --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
8
+ --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--icon--cta);
9
+ --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--icon--secondary);
10
+ --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--icon--cta);
11
11
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
12
12
  --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);
13
13
  --digi--navigation-vertical-menu-item--toggle-icon--background--active: var(--digi--color--background--interactive--selected--on-menu-minus-button);
@@ -43,6 +43,7 @@ License: none (public domain)
43
43
  }
44
44
  :host .digi-progress-indicator__heading {
45
45
  font-size: var(--digi--typography--heading-2--font-size--desktop);
46
+ color: var(--digi--color--text--primary);
46
47
  font-weight: var(--digi--progress-indicator--heading--font-weight);
47
48
  margin: 0;
48
49
  margin-bottom: 0.5rem;
@@ -56,7 +57,7 @@ License: none (public domain)
56
57
  :host .digi-progress-indicator__next {
57
58
  font-size: var(--digi--typography--body--font-size--desktop);
58
59
  font-style: italic;
59
- color: var(--digi--color--text--primary);
60
+ color: var(--digi--color--text--description);
60
61
  margin: 0;
61
62
  }
62
63
  :host .digi-progress-indicator__icon {
@@ -99,10 +100,10 @@ License: none (public domain)
99
100
  margin-left: 8px;
100
101
  }
101
102
  :host .digi-progress-indicator__validation-label--warning {
102
- background-color: var(--digi--color--background--interactive--validation--warning);
103
+ background-color: var(--digi--color--background--sentiment--warning--quarternary);
103
104
  }
104
105
  :host .digi-progress-indicator__validation-label--error {
105
- background-color: var(--digi--color--background--interactive--validation--error);
106
+ background-color: var(--digi--color--background--sentiment--error--tertiary-discreet);
106
107
  }
107
108
  :host .digi-progress-indicator__list {
108
109
  position: relative;
@@ -3,9 +3,9 @@ v2.0 | 20110126
3
3
  License: none (public domain)
4
4
  */
5
5
  :host {
6
- --digi--quote--background--primary: var(--digi--color--background--primary);
6
+ --digi--quote--background--primary: var(--digi--color--background--primary-elevated);
7
7
  --digi--quote--background--secondary: var(--digi--color--background--pop-out);
8
- --digi--quote--background--tertiary: var(--digi--color--background--secondary);
8
+ --digi--quote--background--tertiary: var(--digi--color--background--secondary-elevated);
9
9
  --BACKGROUND: transparent;
10
10
  }
11
11
  :host .digi-quote {
@@ -1,6 +1,6 @@
1
1
  :host {
2
2
  --digi--tools-feedback--background-color--primary: var(--digi--color--background--pop-out);
3
- --digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary);
3
+ --digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary-elevated);
4
4
  --digi--tools-feedback--padding: var(--digi--padding--large);
5
5
  --digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);
6
6
  --digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);