@designsystem-se/af 36.0.2-beta.1 → 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 (401) hide show
  1. package/components/digi-bar-chart.js +1 -1
  2. package/components/digi-button.js +1 -1
  3. package/components/digi-calendar-datepicker.js +10 -10
  4. package/components/digi-calendar-week-view.js +1 -1
  5. package/components/digi-calendar.js +1 -1
  6. package/components/digi-chart-line.js +1 -1
  7. package/components/digi-code-block.js +1 -1
  8. package/components/digi-code-example.js +4 -4
  9. package/components/digi-context-menu.js +1 -1
  10. package/components/digi-dialog.js +3 -3
  11. package/components/digi-expandable-faq-item.js +1 -1
  12. package/components/digi-footer.js +1 -1
  13. package/components/digi-form-category-filter.js +1 -1
  14. package/components/digi-form-checkbox.js +1 -1
  15. package/components/digi-form-error-list.js +3 -3
  16. package/components/digi-form-file-upload.js +1 -1
  17. package/components/digi-form-filter.js +2 -2
  18. package/components/digi-form-input-search.js +4 -4
  19. package/components/digi-form-input.js +1 -1
  20. package/components/digi-form-radiobutton.js +1 -1
  21. package/components/digi-form-radiogroup.js +2 -2
  22. package/components/digi-form-receipt.js +1 -1
  23. package/components/digi-form-select-filter.js +11 -11
  24. package/components/digi-form-select.js +1 -1
  25. package/components/digi-form-textarea.js +3 -3
  26. package/components/digi-header-avatar.js +1 -1
  27. package/components/digi-header-navigation.js +2 -2
  28. package/components/digi-header.js +3 -3
  29. package/components/digi-info-card.js +3 -3
  30. package/components/digi-link-button.js +1 -1
  31. package/components/digi-link-external.js +1 -1
  32. package/components/digi-link-internal.js +1 -1
  33. package/components/digi-link.js +1 -1
  34. package/components/digi-logo.js +1 -1
  35. package/components/digi-navigation-pagination.js +2 -2
  36. package/components/digi-navigation-sidebar-button.js +1 -1
  37. package/components/digi-navigation-sidebar.js +1 -1
  38. package/components/digi-navigation-vertical-menu-item.js +1 -1
  39. package/components/digi-notification-alert.js +1 -1
  40. package/components/digi-notification-error-page.js +1 -1
  41. package/components/digi-progress-indicator.js +1 -1
  42. package/components/digi-quote.js +1 -1
  43. package/components/digi-tag.js +1 -1
  44. package/components/digi-title-logo.js +1 -1
  45. package/components/digi-tools-feedback-banner.js +2 -2
  46. package/components/digi-tools-feedback-rating.js +2 -2
  47. package/components/digi-tools-feedback.js +3 -3
  48. package/components/digi-tools-theme-provider.js +18 -5
  49. package/components/index.js +1 -1
  50. package/components/{p-6f595199.js → p-0c919531.js} +1 -1
  51. package/components/{p-779eecac.js → p-117e7b18.js} +5 -5
  52. package/components/{p-c65795d8.js → p-358965ba.js} +2 -2
  53. package/components/{p-fb2fd84c.js → p-36dad6f1.js} +9 -9
  54. package/components/{p-cd0370eb.js → p-3fad7281.js} +2 -2
  55. package/components/{p-f18dbbea.js → p-5fd00d55.js} +2 -2
  56. package/components/p-606ba731.js +165 -0
  57. package/components/p-8fee3d97.js +163 -0
  58. package/components/{p-ad4aaaaf.js → p-a79e144f.js} +2 -2
  59. package/components/p-b8c862c0.js +66 -0
  60. package/components/{p-f53eb01a.js → p-d2a95a3e.js} +1 -1
  61. package/components/p-d7ef9cb1.js +13 -0
  62. package/components/{p-bb0ffb59.js → p-dedeb670.js} +3 -3
  63. package/components/{p-62a0008b.js → p-e756fda7.js} +2 -2
  64. package/custom-elements.json +4 -0
  65. package/dist/cjs/{code-example-variation.enum-c6557727.js → code-example-variation.enum-1611825e.js} +6 -0
  66. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  67. package/dist/cjs/digi-button_37.cjs.entry.js +5254 -0
  68. package/dist/cjs/digi-calendar-week-view.cjs.entry.js +50 -51
  69. package/dist/cjs/digi-code-block.cjs.entry.js +89 -0
  70. package/dist/cjs/digi-code-example.cjs.entry.js +4 -5
  71. package/dist/cjs/digi-dialog.cjs.entry.js +6 -20
  72. package/dist/cjs/digi-footer.cjs.entry.js +4 -18
  73. package/dist/cjs/digi-form-error-list.cjs.entry.js +4 -18
  74. package/dist/cjs/digi-form-file-upload.cjs.entry.js +10 -11
  75. package/dist/cjs/digi-form-input-search.cjs.entry.js +8 -10
  76. package/dist/cjs/digi-form-receipt.cjs.entry.js +4 -18
  77. package/dist/cjs/digi-form-select-filter.cjs.entry.js +12 -26
  78. package/dist/cjs/digi-form-textarea.cjs.entry.js +3 -3
  79. package/dist/cjs/digi-header-avatar.cjs.entry.js +1 -1
  80. package/dist/cjs/digi-header-navigation.cjs.entry.js +4 -18
  81. package/dist/cjs/digi-header.cjs.entry.js +5 -19
  82. package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +1 -1
  83. package/dist/cjs/digi-info-card.cjs.entry.js +1 -1
  84. package/dist/cjs/digi-link-button.cjs.entry.js +1 -1
  85. package/dist/cjs/digi-link-internal.cjs.entry.js +2 -2
  86. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +4 -18
  87. package/dist/cjs/digi-notification-alert.cjs.entry.js +4 -18
  88. package/dist/cjs/digi-notification-error-page.cjs.entry.js +4 -18
  89. package/dist/cjs/digi-quote.cjs.entry.js +1 -1
  90. package/dist/cjs/digi-title-logo.cjs.entry.js +5 -19
  91. package/dist/cjs/digi-tools-feedback.cjs.entry.js +7 -21
  92. package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
  93. package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
  94. package/dist/cjs/index-7a477838.js +4 -92
  95. package/dist/cjs/{index-ac8e01b4.js → index-acb7b350.js} +189 -19
  96. package/dist/cjs/index.cjs.js +158 -166
  97. package/dist/cjs/loader.cjs.js +1 -1
  98. package/dist/cjs/{typography-variation.enum-50512a4e.js → typography-variation.enum-e41bd69d.js} +158 -0
  99. package/dist/collection/components/_button/button/button.css +6 -6
  100. package/dist/collection/components/_calendar/calendar/calendar.css +5 -0
  101. package/dist/collection/components/_calendar/calendar/calendar.js +7 -7
  102. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +339 -102
  103. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +6 -5
  104. package/dist/collection/components/_code/code-example/code-example.css +6 -0
  105. package/dist/collection/components/_dialog/dialog/dialog.css +1 -1
  106. package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +2 -2
  107. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +339 -102
  108. package/dist/collection/components/_form/form-checkbox/form-checkbox.js +3 -2
  109. package/dist/collection/components/_form/form-file-upload/form-file-upload.css +4 -3
  110. package/dist/collection/components/_form/form-input/form-input.js +4 -3
  111. package/dist/collection/components/_form/form-input-search/form-input-search.js +3 -2
  112. package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +3 -2
  113. package/dist/collection/components/_form/form-radiogroup/form-radiogroup.js +3 -2
  114. package/dist/collection/components/_form/form-select/form-select.css +2 -2
  115. package/dist/collection/components/_form/form-select/form-select.js +5 -4
  116. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +1 -1
  117. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +8 -7
  118. package/dist/collection/components/_form/form-textarea/form-textarea.js +4 -3
  119. package/dist/collection/components/_header/header-avatar/header-avatar.css +338 -101
  120. package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
  121. package/dist/collection/components/_link/link/link.js +2 -2
  122. package/dist/collection/components/_link/link-button/link-button.js +2 -2
  123. package/dist/collection/components/_link/link-external/link-external.js +2 -2
  124. package/dist/collection/components/_link/link-internal/link-internal.css +338 -101
  125. package/dist/collection/components/_link/link-internal/link-internal.js +2 -2
  126. package/dist/collection/components/_logo/title-logo/title-logo.js +1 -1
  127. package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
  128. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +4 -3
  129. package/dist/collection/components/_quote/quote/quote.css +2 -2
  130. package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
  131. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +105 -2
  132. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
  133. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
  134. package/dist/collection/design-tokens/components/_button.variables.scss +6 -6
  135. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  136. package/dist/collection/design-tokens/components/_calendar.variables.scss +1 -0
  137. package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
  138. package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  139. package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
  140. package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +2 -0
  141. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +1 -1
  142. package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
  143. package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
  144. package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  145. package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
  146. package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
  147. package/dist/collection/enums.js +1 -0
  148. package/dist/collection/styles/src/_alias.mixin.scss +270 -128
  149. package/dist/collection/styles/src/themes/_common.mixin.scss +7 -0
  150. package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +139 -0
  151. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +1406 -323
  152. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +6 -6
  153. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  154. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +1 -0
  155. package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
  156. package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  157. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
  158. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +2 -0
  159. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +1 -1
  160. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
  161. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
  162. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  163. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
  164. package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
  165. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  166. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  167. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  168. package/dist/digi-arbetsformedlingen/p-014a7047.entry.js +1 -0
  169. package/dist/digi-arbetsformedlingen/{p-c30f5cbf.entry.js → p-030e608e.entry.js} +1 -1
  170. package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +1 -0
  171. package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +1 -0
  172. package/dist/digi-arbetsformedlingen/p-158037f8.entry.js +1 -0
  173. package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +1 -0
  174. package/dist/digi-arbetsformedlingen/p-1887ef59.entry.js +1 -0
  175. package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +1 -0
  176. package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +1 -0
  177. package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
  178. package/dist/digi-arbetsformedlingen/p-53d9556b.js +1 -0
  179. package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +1 -0
  180. package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +1 -0
  181. package/dist/digi-arbetsformedlingen/p-64b65586.entry.js +1 -0
  182. package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +1 -0
  183. package/dist/digi-arbetsformedlingen/p-6bf36a39.entry.js +1 -0
  184. package/dist/digi-arbetsformedlingen/p-7a6a447c.entry.js +1 -0
  185. package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +1 -0
  186. package/dist/digi-arbetsformedlingen/p-82225661.entry.js +1 -0
  187. package/dist/digi-arbetsformedlingen/p-a105d9fe.js +1 -0
  188. package/dist/digi-arbetsformedlingen/p-a7372448.entry.js +1 -0
  189. package/dist/digi-arbetsformedlingen/{p-eada91bf.entry.js → p-c0b39654.entry.js} +1 -1
  190. package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
  191. package/dist/digi-arbetsformedlingen/{p-864542b1.entry.js → p-cc9a96ff.entry.js} +1 -1
  192. package/dist/digi-arbetsformedlingen/p-cd77a916.entry.js +1 -0
  193. package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +1 -0
  194. package/dist/digi-arbetsformedlingen/p-e5fee242.js +1 -0
  195. package/dist/digi-arbetsformedlingen/p-f358d8b2.entry.js +1 -0
  196. package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +1 -0
  197. package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +1 -0
  198. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +270 -128
  199. package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +7 -0
  200. package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +139 -0
  201. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +1406 -323
  202. package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-e656d235.js} +7 -1
  203. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  204. package/dist/esm/digi-button_37.entry.js +5214 -0
  205. package/dist/esm/digi-calendar-week-view.entry.js +1 -2
  206. package/dist/esm/digi-code-block.entry.js +85 -0
  207. package/dist/esm/digi-code-example.entry.js +2 -3
  208. package/dist/esm/digi-dialog.entry.js +5 -19
  209. package/dist/esm/digi-footer.entry.js +4 -18
  210. package/dist/esm/digi-form-error-list.entry.js +4 -18
  211. package/dist/esm/digi-form-file-upload.entry.js +2 -3
  212. package/dist/esm/digi-form-input-search.entry.js +3 -5
  213. package/dist/esm/digi-form-receipt.entry.js +4 -18
  214. package/dist/esm/digi-form-select-filter.entry.js +12 -26
  215. package/dist/esm/digi-form-textarea.entry.js +3 -3
  216. package/dist/esm/digi-header-avatar.entry.js +1 -1
  217. package/dist/esm/digi-header-navigation.entry.js +4 -18
  218. package/dist/esm/digi-header.entry.js +4 -18
  219. package/dist/esm/digi-icon-external-link-alt_2.entry.js +1 -1
  220. package/dist/esm/digi-info-card.entry.js +1 -1
  221. package/dist/esm/digi-link-button.entry.js +1 -1
  222. package/dist/esm/digi-link-internal.entry.js +2 -2
  223. package/dist/esm/digi-navigation-pagination.entry.js +4 -18
  224. package/dist/esm/digi-notification-alert.entry.js +4 -18
  225. package/dist/esm/digi-notification-error-page.entry.js +4 -18
  226. package/dist/esm/digi-quote.entry.js +1 -1
  227. package/dist/esm/digi-title-logo.entry.js +5 -19
  228. package/dist/esm/digi-tools-feedback.entry.js +5 -19
  229. package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
  230. package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
  231. package/dist/esm/index-148a7577.js +4 -92
  232. package/dist/esm/{index-2fce392f.js → index-dc6b83f7.js} +170 -3
  233. package/dist/esm/index.js +4 -18
  234. package/dist/esm/loader.js +1 -1
  235. package/dist/esm/{typography-variation.enum-8c3ff25c.js → typography-variation.enum-b07f76c9.js} +159 -1
  236. package/dist/types/components/_calendar/calendar/calendar.d.ts +1 -1
  237. package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +1 -0
  238. package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +1 -0
  239. package/dist/types/components/_form/form-input/form-input.d.ts +1 -0
  240. package/dist/types/components/_form/form-input-search/form-input-search.d.ts +1 -0
  241. package/dist/types/components/_form/form-radiobutton/form-radiobutton.d.ts +1 -0
  242. package/dist/types/components/_form/form-radiogroup/form-radiogroup.d.ts +1 -0
  243. package/dist/types/components/_form/form-select/form-select.d.ts +1 -0
  244. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +1 -0
  245. package/dist/types/components/_form/form-textarea/form-textarea.d.ts +1 -0
  246. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
  247. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
  248. package/dist/types/components.d.ts +52 -4
  249. package/dist/types/enums.d.ts +1 -0
  250. package/hydrate/index.js +91 -63
  251. package/hydrate/index.mjs +91 -63
  252. package/package.json +1 -1
  253. package/components/p-4bad4fb0.js +0 -7
  254. package/components/p-93e21f44.js +0 -66
  255. package/components/p-c236a69d.js +0 -163
  256. package/components/p-e8fc33ed.js +0 -165
  257. package/dist/cjs/button-size.enum-1fd86b9e.js +0 -7
  258. package/dist/cjs/button-type.enum-406723db.js +0 -8
  259. package/dist/cjs/digi-button_9.cjs.entry.js +0 -533
  260. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +0 -2603
  261. package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -464
  262. package/dist/cjs/digi-code-block_3.cjs.entry.js +0 -232
  263. package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -97
  264. package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -121
  265. package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -127
  266. package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
  267. package/dist/cjs/digi-form-radiogroup.cjs.entry.js +0 -80
  268. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  269. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  270. package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -53
  271. package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -30
  272. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
  273. package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -92
  274. package/dist/cjs/digi-link.cjs.entry.js +0 -75
  275. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
  276. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
  277. package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
  278. package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -28
  279. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -38
  280. package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -20
  281. package/dist/cjs/digi-typography.cjs.entry.js +0 -26
  282. package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -83
  283. package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +0 -18
  284. package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +0 -19
  285. package/dist/cjs/form-input-search-variation.enum-c50239bc.js +0 -8
  286. package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
  287. package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +0 -9
  288. package/dist/cjs/form-select-variation.enum-528c1bf0.js +0 -16
  289. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
  290. package/dist/cjs/index-cad91a90.js +0 -66
  291. package/dist/cjs/index-e8333bcc.js +0 -174
  292. package/dist/cjs/layout-container-max-width.enum-7e637f44.js +0 -21
  293. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
  294. package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +0 -13
  295. package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +0 -7
  296. package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
  297. package/dist/digi-arbetsformedlingen/p-011d5a78.entry.js +0 -1
  298. package/dist/digi-arbetsformedlingen/p-0436c516.entry.js +0 -1
  299. package/dist/digi-arbetsformedlingen/p-04413bed.entry.js +0 -1
  300. package/dist/digi-arbetsformedlingen/p-0461e19a.entry.js +0 -1
  301. package/dist/digi-arbetsformedlingen/p-14731327.entry.js +0 -1
  302. package/dist/digi-arbetsformedlingen/p-1f3345e9.js +0 -1
  303. package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
  304. package/dist/digi-arbetsformedlingen/p-24fe2189.js +0 -1
  305. package/dist/digi-arbetsformedlingen/p-2698dd2a.entry.js +0 -1
  306. package/dist/digi-arbetsformedlingen/p-2a86cc73.entry.js +0 -1
  307. package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
  308. package/dist/digi-arbetsformedlingen/p-33349e7e.entry.js +0 -1
  309. package/dist/digi-arbetsformedlingen/p-38627816.entry.js +0 -1
  310. package/dist/digi-arbetsformedlingen/p-3a76bfde.entry.js +0 -1
  311. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
  312. package/dist/digi-arbetsformedlingen/p-3d0c3803.entry.js +0 -1
  313. package/dist/digi-arbetsformedlingen/p-3d7fff3c.entry.js +0 -1
  314. package/dist/digi-arbetsformedlingen/p-41bc039f.entry.js +0 -1
  315. package/dist/digi-arbetsformedlingen/p-43178277.entry.js +0 -1
  316. package/dist/digi-arbetsformedlingen/p-4452f871.entry.js +0 -1
  317. package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +0 -1
  318. package/dist/digi-arbetsformedlingen/p-4e36c467.entry.js +0 -1
  319. package/dist/digi-arbetsformedlingen/p-501697cd.entry.js +0 -1
  320. package/dist/digi-arbetsformedlingen/p-55f525dd.entry.js +0 -1
  321. package/dist/digi-arbetsformedlingen/p-57319a80.entry.js +0 -1
  322. package/dist/digi-arbetsformedlingen/p-5a602122.js +0 -1
  323. package/dist/digi-arbetsformedlingen/p-67d28f76.entry.js +0 -1
  324. package/dist/digi-arbetsformedlingen/p-681e7beb.entry.js +0 -1
  325. package/dist/digi-arbetsformedlingen/p-6d864e79.entry.js +0 -1
  326. package/dist/digi-arbetsformedlingen/p-6efa0bd8.entry.js +0 -1
  327. package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
  328. package/dist/digi-arbetsformedlingen/p-7aacd45f.js +0 -1
  329. package/dist/digi-arbetsformedlingen/p-8142cc73.js +0 -1
  330. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
  331. package/dist/digi-arbetsformedlingen/p-89b457e8.entry.js +0 -1
  332. package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
  333. package/dist/digi-arbetsformedlingen/p-93766b5e.entry.js +0 -1
  334. package/dist/digi-arbetsformedlingen/p-95330112.entry.js +0 -1
  335. package/dist/digi-arbetsformedlingen/p-96987381.entry.js +0 -1
  336. package/dist/digi-arbetsformedlingen/p-98eece1b.entry.js +0 -1
  337. package/dist/digi-arbetsformedlingen/p-9dcedec5.entry.js +0 -1
  338. package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
  339. package/dist/digi-arbetsformedlingen/p-a34dfc04.entry.js +0 -1
  340. package/dist/digi-arbetsformedlingen/p-a3cea8b4.entry.js +0 -1
  341. package/dist/digi-arbetsformedlingen/p-b6048dc7.entry.js +0 -1
  342. package/dist/digi-arbetsformedlingen/p-bc3d2778.js +0 -1
  343. package/dist/digi-arbetsformedlingen/p-bf53daba.entry.js +0 -1
  344. package/dist/digi-arbetsformedlingen/p-c29ab968.entry.js +0 -1
  345. package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +0 -1
  346. package/dist/digi-arbetsformedlingen/p-c7949525.js +0 -1
  347. package/dist/digi-arbetsformedlingen/p-cdf86efc.js +0 -1
  348. package/dist/digi-arbetsformedlingen/p-d055d564.entry.js +0 -1
  349. package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
  350. package/dist/digi-arbetsformedlingen/p-d5376b7c.entry.js +0 -1
  351. package/dist/digi-arbetsformedlingen/p-d7aa8315.entry.js +0 -1
  352. package/dist/digi-arbetsformedlingen/p-dc13eeeb.entry.js +0 -1
  353. package/dist/digi-arbetsformedlingen/p-e7e39ee7.entry.js +0 -1
  354. package/dist/digi-arbetsformedlingen/p-e9656bf8.entry.js +0 -1
  355. package/dist/digi-arbetsformedlingen/p-e9abb2b1.entry.js +0 -1
  356. package/dist/digi-arbetsformedlingen/p-ee4cb21a.js +0 -1
  357. package/dist/digi-arbetsformedlingen/p-ee9589e6.js +0 -1
  358. package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +0 -1
  359. package/dist/digi-arbetsformedlingen/p-f447b984.js +0 -1
  360. package/dist/digi-arbetsformedlingen/p-f8391f37.entry.js +0 -1
  361. package/dist/digi-arbetsformedlingen/p-fdecd798.entry.js +0 -1
  362. package/dist/esm/button-size.enum-d5ff6ff3.js +0 -7
  363. package/dist/esm/button-type.enum-5250ae0b.js +0 -8
  364. package/dist/esm/digi-button_9.entry.js +0 -521
  365. package/dist/esm/digi-calendar-datepicker.entry.js +0 -2599
  366. package/dist/esm/digi-calendar_2.entry.js +0 -459
  367. package/dist/esm/digi-code-block_3.entry.js +0 -226
  368. package/dist/esm/digi-expandable-faq-item.entry.js +0 -93
  369. package/dist/esm/digi-form-category-filter.entry.js +0 -117
  370. package/dist/esm/digi-form-checkbox.entry.js +0 -123
  371. package/dist/esm/digi-form-input.entry.js +0 -190
  372. package/dist/esm/digi-form-radiogroup.entry.js +0 -76
  373. package/dist/esm/digi-icon-check.entry.js +0 -26
  374. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  375. package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
  376. package/dist/esm/digi-icon-copy.entry.js +0 -26
  377. package/dist/esm/digi-icon-minus_2.entry.js +0 -48
  378. package/dist/esm/digi-layout-block_2.entry.js +0 -87
  379. package/dist/esm/digi-link.entry.js +0 -71
  380. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
  381. package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
  382. package/dist/esm/digi-progress-indicator.entry.js +0 -133
  383. package/dist/esm/digi-tools-theme-provider.entry.js +0 -24
  384. package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -34
  385. package/dist/esm/digi-typography-preamble.entry.js +0 -16
  386. package/dist/esm/digi-typography.entry.js +0 -22
  387. package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
  388. package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +0 -18
  389. package/dist/esm/form-checkbox-variation.enum-83e906fc.js +0 -19
  390. package/dist/esm/form-input-search-variation.enum-f9d669f2.js +0 -8
  391. package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
  392. package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +0 -9
  393. package/dist/esm/form-select-variation.enum-f2f6098d.js +0 -16
  394. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
  395. package/dist/esm/index-5b6c95c6.js +0 -63
  396. package/dist/esm/index-8685f88d.js +0 -170
  397. package/dist/esm/layout-container-max-width.enum-c40018ac.js +0 -21
  398. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
  399. package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +0 -13
  400. package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +0 -7
  401. package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
@@ -1,130 +1,272 @@
1
1
  @mixin alias {
2
- --digi--color--logotype-color: var(--digi--color--logotype-color--light);
3
-
4
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
5
- --digi--color--infographic--background: var(--digi--color--infographic--background--light);
6
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
7
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
8
- --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
9
-
10
- --digi--color--text--primary: var(--digi--color--text--primary--light);
11
- --digi--color--text--secondary: var(--digi--color--text--secondary--light);
12
- --digi--color--text--description: var(--digi--color--text--description--light);
13
-
14
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
15
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
16
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
17
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
18
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
19
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
20
-
21
- --digi--color--background--primary: var(--digi--color--background--primary--light);
22
- --digi--color--background--secondary: var(--digi--color--background--secondary--light);
23
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
24
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
25
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
26
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
27
- --digi--color--background--transparent: var(--digi--color--background--transparent--light);
28
- --digi--color--background--notification: var(--digi--color--background--notification--light);
29
-
30
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
31
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
32
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
33
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
34
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
35
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
36
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
37
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
38
-
39
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
40
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
41
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
42
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
43
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
44
-
45
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
46
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
47
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
48
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
49
-
50
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
51
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
52
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
53
-
54
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
55
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
56
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
57
-
58
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
59
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
60
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
61
-
62
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
63
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
64
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
65
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
66
-
67
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
68
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
69
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
70
-
71
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
72
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
73
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
74
-
75
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
76
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
77
-
78
- --digi--color--border--notification: var(--digi--color--border--notification--light);
79
- --digi--color--border--transparent: var(--digi--color--border--transparent--light);
80
-
81
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
82
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
83
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
84
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
85
-
86
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
87
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
88
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
89
-
90
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
91
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
92
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
93
-
94
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
95
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
96
-
97
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
98
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
99
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
100
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
101
-
102
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
103
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
104
-
105
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
106
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
107
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
108
-
109
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
110
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
111
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
112
-
113
- --digi--color--divider--primary: var(--digi--color--divider--primary--light);
114
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
115
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
116
- --digi--color--divider--cta: var(--digi--color--divider--cta--light);
117
-
118
- --digi--color--icon--primary: var(--digi--color--icon--primary--light);
119
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
120
- --digi--color--icon--cta: var(--digi--color--icon--cta--light);
121
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
122
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
123
-
124
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
125
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
126
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
127
-
128
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
129
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
2
+ @media (prefers-color-scheme: light) {
3
+ --digi--color--logotype-color: var(--digi--color--logotype-color--light);
4
+
5
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
6
+ --digi--color--infographic--background: var(--digi--color--infographic--background--light);
7
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
8
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
9
+ --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
10
+
11
+ --digi--color--text--primary: var(--digi--color--text--primary--light);
12
+ --digi--color--text--secondary: var(--digi--color--text--secondary--light);
13
+ --digi--color--text--description: var(--digi--color--text--description--light);
14
+
15
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
16
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
17
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
18
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
19
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
20
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
21
+
22
+ --digi--color--background--primary: var(--digi--color--background--primary--light);
23
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
24
+ --digi--color--background--secondary: var(--digi--color--background--secondary--light);
25
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
26
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
27
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
28
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
29
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
30
+ --digi--color--background--transparent: var(--digi--color--background--transparent--light);
31
+ --digi--color--background--notification: var(--digi--color--background--notification--light);
32
+
33
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
34
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
35
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
36
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
37
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
38
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
39
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
40
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
41
+
42
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
43
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
44
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
45
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
46
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
47
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--light); //jag som testar lite grejer
48
+
49
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
50
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
51
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
52
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
53
+
54
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
55
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
56
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
57
+
58
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
59
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
60
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
61
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
62
+
63
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
64
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
65
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
66
+
67
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
68
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
69
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
70
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
71
+
72
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
73
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
74
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
75
+
76
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
77
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
78
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
79
+
80
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
81
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
82
+
83
+ --digi--color--border--notification: var(--digi--color--border--notification--light);
84
+ --digi--color--border--transparent: var(--digi--color--border--transparent--light);
85
+
86
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
87
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
88
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
89
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
90
+
91
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
92
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
93
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
94
+
95
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
96
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
97
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
98
+
99
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
100
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
101
+
102
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
103
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
104
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
105
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
106
+
107
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
108
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
109
+
110
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
111
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
112
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
113
+
114
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
115
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
116
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
117
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
118
+
119
+ --digi--color--divider--primary: var(--digi--color--divider--primary--light);
120
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
121
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
122
+ --digi--color--divider--cta: var(--digi--color--divider--cta--light);
123
+
124
+ --digi--color--icon--primary: var(--digi--color--icon--primary--light);
125
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
126
+ --digi--color--icon--cta: var(--digi--color--icon--cta--light);
127
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
128
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
129
+
130
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
131
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
132
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
133
+
134
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
135
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
136
+ }
137
+ @media (prefers-color-scheme: dark) {
138
+ --digi--color--logotype-color: var(--digi--color--logotype-color--dark);
139
+
140
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
141
+ --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
142
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
143
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
144
+ --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--dark);
145
+
146
+ --digi--color--text--primary: var(--digi--color--text--primary--dark);
147
+ --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
148
+ --digi--color--text--description: var(--digi--color--text--description--dark);
149
+
150
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
151
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
152
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
153
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
154
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
155
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
156
+
157
+ --digi--color--background--primary: var(--digi--color--background--primary--dark);
158
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
159
+ --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
160
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary--dark);
161
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
162
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
163
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
164
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
165
+ --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
166
+ --digi--color--background--notification: var(--digi--color--background--notification--dark);
167
+
168
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
169
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
170
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
171
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
172
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
173
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
174
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
175
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
176
+
177
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
178
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
179
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
180
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
181
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
182
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--dark); //jag som testar lite grejer
183
+
184
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
185
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
186
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
187
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
188
+
189
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
190
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
191
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
192
+
193
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
194
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
195
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
196
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
197
+
198
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
199
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
200
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
201
+
202
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
203
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
204
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
205
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
206
+
207
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
208
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
209
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
210
+
211
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
212
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
213
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
214
+
215
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
216
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
217
+
218
+ --digi--color--border--notification: var(--digi--color--border--notification--dark);
219
+ --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
220
+
221
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
222
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
223
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
224
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
225
+
226
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
227
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
228
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
229
+
230
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
231
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
232
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
233
+
234
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
235
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
236
+
237
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
238
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
239
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
240
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
241
+
242
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
243
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
244
+
245
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
246
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
247
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
248
+
249
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
250
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
251
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
252
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
253
+
254
+ --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
255
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
256
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
257
+ --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
258
+
259
+ --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
260
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
261
+ --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
262
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
263
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
264
+
265
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
266
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
267
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
268
+
269
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
270
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
271
+ }
130
272
  }
@@ -1,15 +1,22 @@
1
1
  @mixin brand-common {
2
2
  --digi--grayscale--0: #ffffff;
3
3
  --digi--grayscale--50: #fbfbfb;
4
+ --digi--grayscale--75: #f5f5f5;
4
5
  --digi--grayscale--100: #f4f4f4;
5
6
  --digi--grayscale--200: #ededed;
6
7
  --digi--grayscale--300: #e4e4e4;
7
8
  --digi--grayscale--400: #dddddd;
8
9
  --digi--grayscale--500: #cacaca;
10
+ --digi--grayscale--550: #c5c5c5;
9
11
  --digi--grayscale--600: #acacac;
12
+ --digi--grayscale--650: #9c9c9c;
10
13
  --digi--grayscale--700: #757575;
11
14
  --digi--grayscale--800: #5c5c5c;
15
+ --digi--grayscale--850: #515151;
16
+ --digi--grayscale--875: #414141;
12
17
  --digi--grayscale--900: #333333;
18
+ --digi--grayscale--950: #212121;
19
+ --digi--grayscale--975: #2c2c2c;
13
20
  --digi--grayscale--1000: #000000;
14
21
  --digi--sentiment--informative--200: #e9e9ff;
15
22
  --digi--sentiment--informative--500: #0A4DD1;
@@ -22,6 +22,141 @@
22
22
  --digi--rallarros--500: #ce1cbd;
23
23
  --digi--sapphire--500: #1616b2;
24
24
 
25
+ --digi--color--logotype-color--dark: var(--digi--granskott--700);
26
+
27
+ --digi--color--infographic--lineart--dark: var(--digi--grayscale--900);
28
+ --digi--color--infographic--background--dark: var(--digi--grayscale--0);
29
+ --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
30
+ --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--250);
31
+ --digi--color--infographic--brand--tertiary--dark: var(--digi--rallarros--500);
32
+
33
+ --digi--color--text--primary--dark: var(--digi--grayscale--75);
34
+ --digi--color--text--primary-stay--dark: var(--digi--grayscale--850);
35
+ --digi--color--text--secondary--dark: var(--digi--grayscale--75);
36
+ --digi--color--text--secondary-stay--dark: var(--digi--grayscale--0);
37
+ --digi--color--text--description--dark: var(--digi--grayscale--100);
38
+
39
+ --digi--color--text--interactive--primary--dark: var(--digi--norrsken--500);
40
+ --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--900);
41
+ --digi--color--text--interactive--tertiary--dark: var(--digi--grayscale--75);
42
+ --digi--color--text--interactive--brand-primary--dark: var(--digi--natthimmel--75);
43
+ --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
44
+ --digi--color--text--interactive--visited--dark: #CB6DE3; //jag leker
45
+
46
+ --digi--color--background--primary--dark: var(--digi--grayscale--975);
47
+ --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
48
+ --digi--color--background--secondary--dark: var(--digi--grayscale--950);
49
+ --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--875);
50
+ --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
51
+ --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
52
+ --digi--color--background--pop-out--dark: var(--digi--grayscale--850);
53
+ --digi--color--background--brand-primary--dark: var(--digi--grayscale--900);
54
+ --digi--color--background--transparent--dark: var(--digi--misc--transparent);
55
+ --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
56
+
57
+ --digi--color--background--interactive--default--primary--dark: var(--digi--grayscale--50);
58
+ --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
59
+ --digi--color--background--interactive--default--secondary--dark: var(--digi--misc--transparent);
60
+ --digi--color--background--interactive--default--secondary-inverted--dark: var(--digi--misc--transparent);
61
+ --digi--color--background--interactive--default--tertiary--dark: var(--digi--grayscale--875);
62
+ --digi--color--background--interactive--default--quaternary--dark: var(--digi--grayscale--850);
63
+ --digi--color--background--interactive--default--input-elements--dark: var(--digi--misc--transparent);
64
+ --digi--color--background--interactive--default--pop-out--dark: var(--digi--grayscale--650);
65
+
66
+ --digi--color--background--interactive--hover--primary--dark: var(--digi--grayscale--650);
67
+ --digi--color--background--interactive--hover--secondary--dark: var(--digi--grayscale--875);
68
+ --digi--color--background--interactive--hover--tertiary--dark: var(--digi--grayscale--850);
69
+ --digi--color--background--interactive--hover--quarternary--dark: var(--digi--grayscale--875);
70
+ --digi--color--background--interactive--hover--inverted--dark: var(--digi--norrsken--400);
71
+ --digi--color--background--interactive--hover--quinary--dark: var(--digi--grayscale--850);
72
+
73
+ --digi--color--background--interactive--selected--primary--dark: var(--digi--misc--transparent);
74
+ --digi--color--background--interactive--selected--secondary--dark: var(--digi--misc--transparent);
75
+ --digi--color--background--interactive--selected--tertiary--dark: var(--digi--grayscale--875);
76
+ --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--grayscale--650);
77
+
78
+ --digi--color--background--interactive--validation--success--dark: var(--digi--misc--transparent);
79
+ --digi--color--background--interactive--validation--warning--dark: var(--digi--misc--transparent);
80
+ --digi--color--background--interactive--validation--error--dark: var(--digi--misc--transparent);
81
+
82
+ --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--500);
83
+ --digi--color--background--sentiment--error--secondary--dark: var(--digi--sentiment--error--700);
84
+ --digi--color--background--sentiment--error--tertiary--dark: var(--digi--sentiment--error--200);
85
+ --digi--color--background--sentiment--error--tertiary-discreet--dark: var(--digi--grayscale--850);
86
+
87
+ --digi--color--background--sentiment--success--primary--dark: var(--digi--sentiment--success--500);
88
+ --digi--color--background--sentiment--success--secondary--dark: var(--digi--sentiment--success--700);
89
+ --digi--color--background--sentiment--success--tertiary--dark: var(--digi--sentiment--success--200);
90
+
91
+ --digi--color--background--sentiment--warning--primary--dark: var(--digi--sentiment--warning--500);
92
+ --digi--color--background--sentiment--warning--secondary--dark: var(--digi--sentiment--warning--700);
93
+ --digi--color--background--sentiment--warning--tertiary--dark: var(--digi--sentiment--warning--200);
94
+ --digi--color--background--sentiment--warning--quarternary--dark: var(--digi--grayscale--850);
95
+
96
+ --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--500);
97
+ --digi--color--background--sentiment--info--secondary--dark: var(--digi--sentiment--informative--700);
98
+ --digi--color--background--sentiment--info--tertiary--dark: var(--digi--sentiment--informative--200);
99
+
100
+ --digi--color--background--sentiment--neutral--primary--dark: var(--digi--grayscale--700);
101
+ --digi--color--background--sentiment--neutral--secondary--dark: var(--digi--grayscale--400);
102
+ --digi--color--background--sentiment--neutral--tertiary--dark: var(--digi--grayscale--900);
103
+
104
+ --digi--color--background--sentiment--beta--primary--dark: var(--digi--rallarros--500);
105
+ --digi--color--background--sentiment--beta--secondary--dark: var(--digi--rallarros--300);
106
+
107
+ --digi--color--border--notification--dark: var(--digi--grayscale--0);
108
+ --digi--color--border--transparent--dark: var(--digi--misc--transparent);
109
+
110
+ --digi--color--border--interactive--default--primary--dark: var(--digi--grayscale--75);
111
+ --digi--color--border--interactive--default--on-input--dark: var(--digi--grayscale--75);
112
+ --digi--color--border--interactive--default--on-input-nuance--dark: var(--digi--grayscale--650);
113
+ --digi--color--border--interactive--default--inverted--dark: var(--digi--norrsken--500);
114
+
115
+ --digi--color--border--interactive--hover--primary--dark: var(--digi--grayscale--75);
116
+ --digi--color--border--interactive--hover--secondary--dark: var(--digi--grayscale--75);
117
+ --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
118
+
119
+ --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
120
+ --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--900);
121
+ --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
122
+
123
+ --digi--color--border--interactive--selected--primary--dark: var(--digi--grayscale--75);
124
+ --digi--color--border--interactive--selected--secondary--dark: var(--digi--grayscale--75);
125
+
126
+ --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--500);
127
+ --digi--color--border--sentiment--success--dark: var(--digi--sentiment--success--500);
128
+ --digi--color--border--sentiment--warning--dark: var(--digi--sentiment--warning--500);
129
+ --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--500);
130
+
131
+ --digi--color--border--accent--primary--dark: var(--digi--grayscale--650);
132
+ --digi--color--border--accent--secondary--dark: var(--digi--granskott--700);
133
+
134
+ --digi--color--marking--navigation--selected--dark: var(--digi--granskott--700);
135
+ --digi--color--marking--navigation--level-active--dark: var(--digi--granskott--250);
136
+ --digi--color--marking--navigation--level-inactive--dark: var(--digi--grayscale--100);
137
+
138
+ --digi--color--marking--indication--primary--dark: var(--digi--sentiment--success--500);
139
+ --digi--color--marking--indication--secondary--dark: var(--digi--natthimmel--800);
140
+ --digi--color--marking--indication--tertiary--dark: var(--digi--grayscale--700);
141
+
142
+ --digi--color--divider--primary--dark: var(--digi--grayscale--400);
143
+ --digi--color--divider--secondary--dark: var(--digi--grayscale--200);
144
+ --digi--color--divider--on-brand-primary--dark: var(--digi--grayscale--650);
145
+ --digi--color--divider--cta--dark: var(--digi--norrsken--500);
146
+
147
+ --digi--color--icon--primary--dark: var(--digi--grayscale--75);
148
+ --digi--color--icon--secondary--dark: var(--digi--grayscale--75);
149
+ --digi--color--icon--cta--dark: var(--digi--norrsken--500);
150
+ --digi--color--icon--brand-primary--dark: var(--digi--grayscale--75);
151
+ --digi--color--icon--brand-secondary--dark: var(--digi--norrsken--500);
152
+
153
+ --digi--color--icon--validation--success--dark: var(--digi--sentiment--success--500);
154
+ --digi--color--icon--validation--warning--dark: var(--digi--sentiment--warning--500);
155
+ --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--500);
156
+
157
+ --digi--color--misc--spinner-path--dark: var(--digi--grayscale--400);
158
+ --digi--color--misc--skeleton--dark: var(--digi--grayscale--400);
159
+
25
160
  --digi--color--logotype-color--light: var(--digi--granskott--700);
26
161
 
27
162
  --digi--color--infographic--lineart--light: var(--digi--grayscale--900);
@@ -42,7 +177,9 @@
42
177
  --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
43
178
 
44
179
  --digi--color--background--primary--light: var(--digi--grayscale--0);
180
+ --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
45
181
  --digi--color--background--secondary--light: var(--digi--grayscale--100);
182
+ --digi--color--background--secondary-elevated--light: var(--digi--grayscale--100);
46
183
  --digi--color--background--secondary-muted--light: var(--digi--grayscale--50);
47
184
  --digi--color--background--secondary-accent--light: var(--digi--grayscale--400);
48
185
  --digi--color--background--pop-out--light: var(--digi--granskott--200);
@@ -64,6 +201,7 @@
64
201
  --digi--color--background--interactive--hover--tertiary--light: var(--digi--sapphire--500);
65
202
  --digi--color--background--interactive--hover--quarternary--light: var(--digi--grayscale--200);
66
203
  --digi--color--background--interactive--hover--inverted--light: var(--digi--norrsken--400);
204
+ --digi--color--background--interactive--hover--quinary--light: var(--digi--misc--transparent);
67
205
 
68
206
  --digi--color--background--interactive--selected--primary--light: var(--digi--sentiment--success--500);
69
207
  --digi--color--background--interactive--selected--secondary--light: var(--digi--natthimmel--800);
@@ -77,6 +215,7 @@
77
215
  --digi--color--background--sentiment--error--primary--light: var(--digi--sentiment--error--500);
78
216
  --digi--color--background--sentiment--error--secondary--light: var(--digi--sentiment--error--700);
79
217
  --digi--color--background--sentiment--error--tertiary--light: var(--digi--sentiment--error--200);
218
+ --digi--color--background--sentiment--error--tertiary-discreet--light: var(--digi--sentiment--error--200);
80
219
 
81
220
  --digi--color--background--sentiment--success--primary--light: var(--digi--sentiment--success--500);
82
221
  --digi--color--background--sentiment--success--secondary--light: var(--digi--sentiment--success--700);