@designsystem-se/af 37.0.2-beta.0 → 37.0.2-beta.1

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 (249) 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 +1 -1
  4. package/components/digi-calendar-week-view.js +1 -1
  5. package/components/digi-chart-line.js +1 -1
  6. package/components/digi-code-block.js +1 -1
  7. package/components/digi-code-example.js +2 -2
  8. package/components/digi-context-menu.js +1 -1
  9. package/components/digi-dialog.js +1 -1
  10. package/components/digi-form-category-filter.js +1 -1
  11. package/components/digi-form-checkbox.js +1 -1
  12. package/components/digi-form-error-list.js +2 -2
  13. package/components/digi-form-filter.js +3 -3
  14. package/components/digi-form-input-search.js +1 -1
  15. package/components/digi-form-select-filter.js +2 -2
  16. package/components/digi-header-avatar.js +1 -1
  17. package/components/digi-header-navigation.js +1 -1
  18. package/components/digi-header.js +4 -4
  19. package/components/digi-info-card-multi.js +1 -1
  20. package/components/digi-info-card.js +1 -1
  21. package/components/digi-link-internal.js +1 -1
  22. package/components/digi-navigation-pagination.js +1 -1
  23. package/components/digi-navigation-sidebar-button.js +1 -1
  24. package/components/digi-navigation-sidebar.js +1 -1
  25. package/components/digi-notification-alert.js +1 -1
  26. package/components/digi-tag.js +1 -1
  27. package/components/digi-tools-feedback.js +1 -1
  28. package/components/digi-tools-theme-provider.js +1 -1
  29. package/components/p-0139aa4e.js +66 -0
  30. package/components/{p-d2a95a3e.js → p-35dc20c4.js} +1 -1
  31. package/components/{p-29f63312.js → p-6bc35478.js} +1 -1
  32. package/components/p-a761b038.js +165 -0
  33. package/components/p-ae129206.js +163 -0
  34. package/components/{p-e756fda7.js → p-f5f26951.js} +1 -1
  35. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  36. package/dist/cjs/digi-button_83.cjs.entry.js +8198 -0
  37. package/dist/cjs/{digi-code-block.cjs.entry.js → digi-code-block_2.cjs.entry.js} +28 -9
  38. package/dist/cjs/digi-dialog.cjs.entry.js +2 -9
  39. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -9
  40. package/dist/cjs/digi-form-radiogroup.cjs.entry.js +80 -0
  41. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -9
  42. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -9
  43. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -9
  44. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -9
  45. package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +9 -0
  46. package/dist/cjs/index-7a477838.js +8 -140
  47. package/dist/cjs/index.cjs.js +106 -113
  48. package/dist/cjs/loader.cjs.js +1 -1
  49. package/dist/cjs/{typography-variation.enum-e41bd69d.js → typography-variation.enum-d87d726d.js} +119 -8
  50. package/dist/collection/components/_button/button/button.css +4 -4
  51. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +15 -7
  52. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +14 -6
  53. package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
  54. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
  55. package/dist/collection/components/_header/header/header.js +2 -2
  56. package/dist/collection/components/_header/header-avatar/header-avatar.css +14 -6
  57. package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +1 -1
  58. package/dist/collection/components/_link/link-internal/link-internal.css +14 -6
  59. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +3 -3
  60. package/dist/collection/design-tokens/components/_button.variables.scss +4 -4
  61. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  62. package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
  63. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
  64. package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
  65. package/dist/collection/styles/src/_alias.mixin.scss +4 -0
  66. package/dist/collection/styles/src/themes/_common.mixin.scss +2 -2
  67. package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +8 -4
  68. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +4 -4
  69. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  70. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
  71. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
  72. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
  73. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  74. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  75. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  76. package/dist/digi-arbetsformedlingen/p-09169f17.entry.js +1 -0
  77. package/dist/digi-arbetsformedlingen/p-24fe2189.js +1 -0
  78. package/dist/digi-arbetsformedlingen/p-3066da42.entry.js +1 -0
  79. package/dist/digi-arbetsformedlingen/p-750ff498.entry.js +1 -0
  80. package/dist/digi-arbetsformedlingen/p-81bbd04c.entry.js +1 -0
  81. package/dist/digi-arbetsformedlingen/p-8f775593.entry.js +1 -0
  82. package/dist/digi-arbetsformedlingen/p-901a3527.entry.js +1 -0
  83. package/dist/digi-arbetsformedlingen/p-94a9a0f4.entry.js +1 -0
  84. package/dist/digi-arbetsformedlingen/p-a6009681.js +1 -0
  85. package/dist/digi-arbetsformedlingen/p-ec9e7c00.entry.js +1 -0
  86. package/dist/digi-arbetsformedlingen/p-f6edfd64.entry.js +1 -0
  87. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +4 -0
  88. package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +2 -2
  89. package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +8 -4
  90. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  91. package/dist/esm/digi-button_83.entry.js +8112 -0
  92. package/dist/esm/{digi-code-block.entry.js → digi-code-block_2.entry.js} +28 -10
  93. package/dist/esm/digi-dialog.entry.js +2 -9
  94. package/dist/esm/digi-form-error-list.entry.js +2 -9
  95. package/dist/esm/digi-form-radiogroup.entry.js +76 -0
  96. package/dist/esm/digi-form-receipt.entry.js +2 -9
  97. package/dist/esm/digi-navigation-pagination.entry.js +2 -9
  98. package/dist/esm/digi-notification-error-page.entry.js +2 -9
  99. package/dist/esm/digi-tools-feedback.entry.js +2 -9
  100. package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +9 -0
  101. package/dist/esm/index-148a7577.js +8 -140
  102. package/dist/esm/index.js +2 -9
  103. package/dist/esm/loader.js +1 -1
  104. package/dist/esm/{typography-variation.enum-b07f76c9.js → typography-variation.enum-c5257524.js} +120 -9
  105. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +1 -1
  106. package/dist/types/components.d.ts +2 -2
  107. package/hydrate/index.js +10 -10
  108. package/hydrate/index.mjs +10 -10
  109. package/package.json +1 -1
  110. package/components/p-0d568c4b.js +0 -66
  111. package/components/p-606ba731.js +0 -165
  112. package/components/p-f77cb7ae.js +0 -163
  113. package/dist/cjs/digi-button_38.cjs.entry.js +0 -5759
  114. package/dist/cjs/digi-footer-card.cjs.entry.js +0 -29
  115. package/dist/cjs/digi-footer.cjs.entry.js +0 -64
  116. package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -588
  117. package/dist/cjs/digi-form-filter.cjs.entry.js +0 -248
  118. package/dist/cjs/digi-header-avatar.cjs.entry.js +0 -114
  119. package/dist/cjs/digi-header-navigation-item.cjs.entry.js +0 -27
  120. package/dist/cjs/digi-header-navigation.cjs.entry.js +0 -218
  121. package/dist/cjs/digi-header-notification.cjs.entry.js +0 -23
  122. package/dist/cjs/digi-header.cjs.entry.js +0 -134
  123. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +0 -30
  124. package/dist/cjs/digi-icon-bars.cjs.entry.js +0 -30
  125. package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +0 -30
  126. package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -99
  127. package/dist/cjs/digi-icon-envelope.cjs.entry.js +0 -30
  128. package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +0 -60
  129. package/dist/cjs/digi-icon-globe.cjs.entry.js +0 -30
  130. package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -145
  131. package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -99
  132. package/dist/cjs/digi-icon-sign.cjs.entry.js +0 -30
  133. package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -31
  134. package/dist/cjs/digi-icon-x.cjs.entry.js +0 -30
  135. package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -22
  136. package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -58
  137. package/dist/cjs/digi-info-card.cjs.entry.js +0 -79
  138. package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -33
  139. package/dist/cjs/digi-link-button.cjs.entry.js +0 -66
  140. package/dist/cjs/digi-link-internal.cjs.entry.js +0 -37
  141. package/dist/cjs/digi-logo.cjs.entry.js +0 -69
  142. package/dist/cjs/digi-media-image_2.cjs.entry.js +0 -167
  143. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -30
  144. package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -102
  145. package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
  146. package/dist/cjs/digi-title-logo.cjs.entry.js +0 -121
  147. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +0 -48
  148. package/dist/cjs/footer-card-variation.enum-99555edc.js +0 -8
  149. package/dist/cjs/form-validation-message-variation.enum-c5ec3e2d.js +0 -31
  150. package/dist/cjs/info-card-multi-type.enum-14746572.js +0 -8
  151. package/dist/cjs/info-card-variation.enum-64cef637.js +0 -24
  152. package/dist/cjs/layout-columns-variation.enum-65675649.js +0 -23
  153. package/dist/cjs/link-button-variation.enum-137785e3.js +0 -9
  154. package/dist/cjs/logo-variation.enum-607fadb4.js +0 -13
  155. package/dist/cjs/tag-media-icon.enum-372563c5.js +0 -11
  156. package/dist/digi-arbetsformedlingen/p-0501a287.entry.js +0 -1
  157. package/dist/digi-arbetsformedlingen/p-07303cb5.js +0 -1
  158. package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +0 -1
  159. package/dist/digi-arbetsformedlingen/p-0f6c0360.js +0 -1
  160. package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +0 -1
  161. package/dist/digi-arbetsformedlingen/p-16f09f62.entry.js +0 -1
  162. package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +0 -1
  163. package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +0 -1
  164. package/dist/digi-arbetsformedlingen/p-237cad1c.entry.js +0 -1
  165. package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +0 -1
  166. package/dist/digi-arbetsformedlingen/p-286973f2.entry.js +0 -1
  167. package/dist/digi-arbetsformedlingen/p-290d1746.js +0 -1
  168. package/dist/digi-arbetsformedlingen/p-2a023831.js +0 -1
  169. package/dist/digi-arbetsformedlingen/p-3887bb40.js +0 -1
  170. package/dist/digi-arbetsformedlingen/p-3c0c5222.entry.js +0 -1
  171. package/dist/digi-arbetsformedlingen/p-3dafce70.entry.js +0 -1
  172. package/dist/digi-arbetsformedlingen/p-443e9415.entry.js +0 -1
  173. package/dist/digi-arbetsformedlingen/p-52a3c86a.entry.js +0 -1
  174. package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +0 -1
  175. package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +0 -1
  176. package/dist/digi-arbetsformedlingen/p-5eba5ec4.entry.js +0 -1
  177. package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +0 -1
  178. package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +0 -1
  179. package/dist/digi-arbetsformedlingen/p-73a6be41.entry.js +0 -1
  180. package/dist/digi-arbetsformedlingen/p-76ec3619.entry.js +0 -1
  181. package/dist/digi-arbetsformedlingen/p-780519ec.entry.js +0 -1
  182. package/dist/digi-arbetsformedlingen/p-7888e12c.entry.js +0 -1
  183. package/dist/digi-arbetsformedlingen/p-7c116ffb.entry.js +0 -1
  184. package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +0 -1
  185. package/dist/digi-arbetsformedlingen/p-814ca2ad.js +0 -1
  186. package/dist/digi-arbetsformedlingen/p-820e795b.js +0 -1
  187. package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +0 -1
  188. package/dist/digi-arbetsformedlingen/p-84719680.entry.js +0 -1
  189. package/dist/digi-arbetsformedlingen/p-870c4f49.entry.js +0 -1
  190. package/dist/digi-arbetsformedlingen/p-8e1568c4.entry.js +0 -1
  191. package/dist/digi-arbetsformedlingen/p-8e47ac34.entry.js +0 -1
  192. package/dist/digi-arbetsformedlingen/p-9b6e8cf8.entry.js +0 -1
  193. package/dist/digi-arbetsformedlingen/p-9e56568b.entry.js +0 -1
  194. package/dist/digi-arbetsformedlingen/p-ac87daf1.entry.js +0 -1
  195. package/dist/digi-arbetsformedlingen/p-b328f60b.entry.js +0 -1
  196. package/dist/digi-arbetsformedlingen/p-b4bef936.entry.js +0 -1
  197. package/dist/digi-arbetsformedlingen/p-d9bcab5f.entry.js +0 -1
  198. package/dist/digi-arbetsformedlingen/p-df3a8ec4.entry.js +0 -1
  199. package/dist/digi-arbetsformedlingen/p-e2c92528.entry.js +0 -1
  200. package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +0 -1
  201. package/dist/digi-arbetsformedlingen/p-e5fee242.js +0 -1
  202. package/dist/digi-arbetsformedlingen/p-e7ee9bea.entry.js +0 -1
  203. package/dist/digi-arbetsformedlingen/p-eada91bf.entry.js +0 -1
  204. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +0 -1
  205. package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +0 -1
  206. package/dist/digi-arbetsformedlingen/p-fe409f14.entry.js +0 -1
  207. package/dist/esm/digi-button_38.entry.js +0 -5718
  208. package/dist/esm/digi-footer-card.entry.js +0 -25
  209. package/dist/esm/digi-footer.entry.js +0 -60
  210. package/dist/esm/digi-form-file-upload.entry.js +0 -584
  211. package/dist/esm/digi-form-filter.entry.js +0 -244
  212. package/dist/esm/digi-header-avatar.entry.js +0 -110
  213. package/dist/esm/digi-header-navigation-item.entry.js +0 -23
  214. package/dist/esm/digi-header-navigation.entry.js +0 -214
  215. package/dist/esm/digi-header-notification.entry.js +0 -19
  216. package/dist/esm/digi-header.entry.js +0 -130
  217. package/dist/esm/digi-icon-accessibility-universal.entry.js +0 -26
  218. package/dist/esm/digi-icon-bars.entry.js +0 -26
  219. package/dist/esm/digi-icon-bell-filled.entry.js +0 -26
  220. package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
  221. package/dist/esm/digi-icon-envelope.entry.js +0 -26
  222. package/dist/esm/digi-icon-external-link-alt_2.entry.js +0 -55
  223. package/dist/esm/digi-icon-globe.entry.js +0 -26
  224. package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
  225. package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
  226. package/dist/esm/digi-icon-sign.entry.js +0 -26
  227. package/dist/esm/digi-icon-spinner.entry.js +0 -27
  228. package/dist/esm/digi-icon-x.entry.js +0 -26
  229. package/dist/esm/digi-info-card-multi-container.entry.js +0 -18
  230. package/dist/esm/digi-info-card-multi.entry.js +0 -54
  231. package/dist/esm/digi-info-card.entry.js +0 -75
  232. package/dist/esm/digi-layout-columns.entry.js +0 -29
  233. package/dist/esm/digi-link-button.entry.js +0 -62
  234. package/dist/esm/digi-link-internal.entry.js +0 -33
  235. package/dist/esm/digi-logo.entry.js +0 -65
  236. package/dist/esm/digi-media-image_2.entry.js +0 -162
  237. package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -26
  238. package/dist/esm/digi-notification-alert.entry.js +0 -98
  239. package/dist/esm/digi-tag-media.entry.js +0 -43
  240. package/dist/esm/digi-title-logo.entry.js +0 -117
  241. package/dist/esm/digi-util-breakpoint-observer.entry.js +0 -44
  242. package/dist/esm/footer-card-variation.enum-cc732148.js +0 -8
  243. package/dist/esm/form-validation-message-variation.enum-f7835fc5.js +0 -31
  244. package/dist/esm/info-card-multi-type.enum-07ee124f.js +0 -8
  245. package/dist/esm/info-card-variation.enum-2ccc52c1.js +0 -24
  246. package/dist/esm/layout-columns-variation.enum-34f7754e.js +0 -23
  247. package/dist/esm/link-button-variation.enum-84d4976f.js +0 -9
  248. package/dist/esm/logo-variation.enum-5b68b79f.js +0 -13
  249. package/dist/esm/tag-media-icon.enum-fefa191c.js +0 -11
package/dist/collection/components/_link/link-internal/link-internal.css CHANGED
@@ -19,8 +19,8 @@ License: none (public domain)
19
19
  --digi--grayscale--850: #515151;
20
20
  --digi--grayscale--875: #414141;
21
21
  --digi--grayscale--900: #333333;
22
- --digi--grayscale--950: #212121;
23
- --digi--grayscale--975: #2c2c2c;
22
+ --digi--grayscale--950: #2c2c2c;
23
+ --digi--grayscale--975: #212121;
24
24
  --digi--grayscale--1000: #000000;
25
25
  --digi--sentiment--informative--200: #e9e9ff;
26
26
  --digi--sentiment--informative--500: #0A4DD1;
@@ -380,7 +380,7 @@ License: none (public domain)
380
380
  --digi--rallarros--500: #ce1cbd;
381
381
  --digi--sapphire--500: #1616b2;
382
382
  --digi--color--logotype-color--dark: var(--digi--granskott--700);
383
- --digi--color--infographic--lineart--dark: var(--digi--grayscale--900);
383
+ --digi--color--infographic--lineart--dark: var(--digi--grayscale--75);
384
384
  --digi--color--infographic--background--dark: var(--digi--grayscale--0);
385
385
  --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
386
386
  --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--250);
@@ -397,9 +397,10 @@ License: none (public domain)
397
397
  --digi--color--text--interactive--brand-primary--dark: var(--digi--natthimmel--75);
398
398
  --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
399
399
  --digi--color--text--interactive--visited--dark: #CB6DE3;
400
- --digi--color--background--primary--dark: var(--digi--grayscale--975);
400
+ --digi--color--background--surface--dark: var(--digi--grayscale--900);
401
+ --digi--color--background--primary--dark: var(--digi--grayscale--950);
401
402
  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
402
- --digi--color--background--secondary--dark: var(--digi--grayscale--950);
403
+ --digi--color--background--secondary--dark: var(--digi--grayscale--975);
403
404
  --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--875);
404
405
  --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
405
406
  --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
@@ -407,6 +408,7 @@ License: none (public domain)
407
408
  --digi--color--background--brand-primary--dark: var(--digi--grayscale--900);
408
409
  --digi--color--background--transparent--dark: var(--digi--misc--transparent);
409
410
  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
411
+ --digi--color--background--dropdown--dark: var(--digi--grayscale--800);
410
412
  --digi--color--background--interactive--default--primary--dark: var(--digi--grayscale--50);
411
413
  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
412
414
  --digi--color--background--interactive--default--secondary--dark: var(--digi--misc--transparent);
@@ -458,7 +460,7 @@ License: none (public domain)
458
460
  --digi--color--border--interactive--hover--secondary--dark: var(--digi--grayscale--75);
459
461
  --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
460
462
  --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
461
- --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--900);
463
+ --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--700);
462
464
  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
463
465
  --digi--color--border--interactive--selected--primary--dark: var(--digi--grayscale--75);
464
466
  --digi--color--border--interactive--selected--secondary--dark: var(--digi--grayscale--75);
@@ -504,6 +506,7 @@ License: none (public domain)
504
506
  --digi--color--text--interactive--brand-primary--light: var(--digi--natthimmel--800);
505
507
  --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
506
508
  --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
509
+ --digi--color--background--surface--light: var(--digi--grayscale--0);
507
510
  --digi--color--background--primary--light: var(--digi--grayscale--0);
508
511
  --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
509
512
  --digi--color--background--secondary--light: var(--digi--grayscale--100);
@@ -514,6 +517,7 @@ License: none (public domain)
514
517
  --digi--color--background--brand-primary--light: var(--digi--natthimmel--800);
515
518
  --digi--color--background--transparent--light: var(--digi--misc--transparent);
516
519
  --digi--color--background--notification--light: var(--digi--sentiment--error--500);
520
+ --digi--color--background--dropdown--light: var(--digi--grayscale--0);
517
521
  --digi--color--background--interactive--default--primary--light: var(--digi--natthimmel--800);
518
522
  --digi--color--background--interactive--default--primary-inverted--light: var(--digi--norrsken--500);
519
523
  --digi--color--background--interactive--default--secondary--light: var(--digi--grayscale--0);
@@ -762,6 +766,7 @@ License: none (public domain)
762
766
  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
763
767
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
764
768
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
769
+ --digi--color--background--surface: var(--digi--color--background--surface--light);
765
770
  --digi--color--background--primary: var(--digi--color--background--primary--light);
766
771
  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
767
772
  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
@@ -772,6 +777,7 @@ License: none (public domain)
772
777
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
773
778
  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
774
779
  --digi--color--background--notification: var(--digi--color--background--notification--light);
780
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
775
781
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
776
782
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
777
783
  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
@@ -874,6 +880,7 @@ License: none (public domain)
874
880
  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
875
881
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
876
882
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
883
+ --digi--color--background--surface: var(--digi--color--background--surface--dark);
877
884
  --digi--color--background--primary: var(--digi--color--background--primary--dark);
878
885
  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
879
886
  --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
@@ -884,6 +891,7 @@ License: none (public domain)
884
891
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
885
892
  --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
886
893
  --digi--color--background--notification: var(--digi--color--background--notification--dark);
894
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
887
895
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
888
896
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
889
897
  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js CHANGED
@@ -29,7 +29,7 @@ export class ToolsThemeProvider {
29
29
  };
30
30
  }
31
31
  render() {
32
- return (h(Host, { key: 'fe5c61560907d7629a98fd51df1ccd6f7169b3ed' }, h("div", { key: '787efc5779b9ad9e934275ea559028e34917103c', class: this.cssModifiers }, h("slot", { key: '8f86a61c870a0d3aa4627862dbce54950f12cf35' }))));
32
+ return (h(Host, { key: '26c4b07517b2a5bd4da694e26dd3401501b95da9' }, h("div", { key: 'feccc41f3530ea8347f7640778ae1a6fc3043df3', class: this.cssModifiers }, h("slot", { key: '5f5334070358065283fe3ad246a528dfd82817b5' }))));
33
33
  }
34
34
  static get is() { return "digi-tools-theme-provider"; }
35
35
  static get encapsulation() { return "scoped"; }
@@ -78,8 +78,8 @@ export class ToolsThemeProvider {
78
78
  "type": "string",
79
79
  "mutable": false,
80
80
  "complexType": {
81
- "original": "ToolsThemeProviderThemeEnum.LIGHT",
82
- "resolved": "ToolsThemeProviderThemeEnum.LIGHT",
81
+ "original": "ToolsThemeProviderThemeEnum",
82
+ "resolved": "ToolsThemeProviderThemeEnum.DARK | ToolsThemeProviderThemeEnum.LIGHT",
83
83
  "references": {
84
84
  "ToolsThemeProviderThemeEnum": {
85
85
  "location": "import",
package/dist/collection/design-tokens/components/_button.variables.scss CHANGED
@@ -29,10 +29,10 @@
29
29
  --digi--button--color--text--function--focus: var(--digi--color--text--interactive--primary);
30
30
  --digi--button--color--text--function--active: var(--digi--color--text--interactive--primary);
31
31
 
32
- --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--primary);
33
- --digi--button--color--border--primary--hover: var(--digi--color--background--interactive--hover--primary);
34
- --digi--button--color--border--primary--focus: var(--digi--color--background--interactive--default--primary);
35
- --digi--button--color--border--primary--active: var(--digi--color--background--interactive--default--primary);
32
+ --digi--button--color--border--primary--default: var(--digi--color--border--interactive--default--primary);
33
+ --digi--button--color--border--primary--hover: var(--digi--color--border--interactive--hover--primary);
34
+ --digi--button--color--border--primary--focus: var(--digi--color--border--interactive--default--primary);
35
+ --digi--button--color--border--primary--active: var(--digi--color--border--interactive--default--primary);
36
36
 
37
37
  --digi--button--color--border--secondary--default: var(--digi--color--border--interactive--default--primary);
38
38
  --digi--button--color--border--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  --digi--datepicker--calendar--max-width: #{rem(324)};
7
7
  --digi--datepicker--calendar--show-week--max-width: #{rem(374)};
8
8
  --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
9
- --digi--datepicker--calendar--background-color: var(--digi--color--background--primary-elevated);
9
+ --digi--datepicker--calendar--background-color: var(--digi--color--background--dropdown);
10
10
  --digi--datepicker--input-icon--width: #{rem(14)};
11
11
  --digi--datepicker--input-icon--horizontal-padding: #{rem(12)};
12
12
  --digi--datepicker--input-icon--vertical-padding: var(--digi--global--spacing--smallest-2);
package/dist/collection/design-tokens/components/_form-filter.variables.scss CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  --digi--form-filter--dropdown--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
14
14
  --digi--form-filter--dropdown--border-radius: var(--digi--border--radius--primary);
15
- --digi--form-filter--dropdown--background: var(--digi--color--background--primary);
15
+ --digi--form-filter--dropdown--background: var(--digi--color--background--dropdown);
16
16
  --digi--form-filter--dropdown--min-width: 18.75rem;
17
17
  --digi--form-filter--dropdown--margin-top: var(--digi--gutter--small);
18
18
  --digi--form-filter--dropdown--z-index: 999;
package/dist/collection/design-tokens/components/_form-select-filter.variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @mixin digi-form-select-filter--variables() {
2
- --digi--form-select-filter--footer--background: var(--digi--color--background--secondary);
2
+ --digi--form-select-filter--footer--background: var(--digi--color--background--secondary-accent);
3
3
  --digi--form-select-filter--scroll--max-height: 10.625rem;
4
4
 
5
5
  --digi--form-select-filter--scroll--padding: var(--digi--padding--small);
@@ -11,7 +11,7 @@
11
11
  --digi--form-select-filter--toggle-icon--transition: ease-in-out 0.2s all;
12
12
 
13
13
  --digi--form-select-filter--dropdown--border-radius: var(--digi--border-radius--input);
14
- --digi--form-select-filter--dropdown--background: var(--digi--color--background--primary-elevated);
14
+ --digi--form-select-filter--dropdown--background: var(--digi--color--background--dropdown);
15
15
  --digi--form-select-filter--dropdown--min-width: 18.75rem;
16
16
  --digi--form-select-filter--dropdown--margin-top: var(--digi--gutter--small);
17
17
  --digi--form-select-filter--dropdown--z-index: 999;
package/dist/collection/design-tokens/components/_info-card-multi.variables.scss CHANGED
@@ -13,5 +13,5 @@
13
13
  --digi--info-card-multi--related-heading--font-size--desktop: var(--digi--typography--heading-3--font-size--desktop);
14
14
  --digi--info-card-multi--entry-heading--font-size--mobile: var(--digi--typography--heading-2--font-size--mobile);
15
15
  --digi--info-card-multi--entry-heading--font-size--desktop: var(--digi--typography--heading-2--font-size--desktop);
16
- --digi--info-card--background-color: var(--digi--color--background--primary);
16
+ --digi--info-card--background-color: var(--digi--color--background--primary-elevated);
17
17
  }
package/dist/collection/styles/src/_alias.mixin.scss CHANGED
@@ -20,6 +20,7 @@
20
20
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
21
21
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
22
22
 
23
+ --digi--color--background--surface: var(--digi--color--background--surface--light);
23
24
  --digi--color--background--primary: var(--digi--color--background--primary--light);
24
25
  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
25
26
  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
@@ -30,6 +31,7 @@
30
31
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
31
32
  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
32
33
  --digi--color--background--notification: var(--digi--color--background--notification--light);
34
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
33
35
 
34
36
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
35
37
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
@@ -157,6 +159,7 @@
157
159
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
158
160
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
159
161
 
162
+ --digi--color--background--surface: var(--digi--color--background--surface--dark);
160
163
  --digi--color--background--primary: var(--digi--color--background--primary--dark);
161
164
  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
162
165
  --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
@@ -167,6 +170,7 @@
167
170
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
168
171
  --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
169
172
  --digi--color--background--notification: var(--digi--color--background--notification--dark);
173
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
170
174
 
171
175
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
172
176
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
package/dist/collection/styles/src/themes/_common.mixin.scss CHANGED
@@ -15,8 +15,8 @@
15
15
  --digi--grayscale--850: #515151;
16
16
  --digi--grayscale--875: #414141;
17
17
  --digi--grayscale--900: #333333;
18
- --digi--grayscale--950: #212121;
19
- --digi--grayscale--975: #2c2c2c;
18
+ --digi--grayscale--950: #2c2c2c;
19
+ --digi--grayscale--975: #212121;
20
20
  --digi--grayscale--1000: #000000;
21
21
  --digi--sentiment--informative--200: #e9e9ff;
22
22
  --digi--sentiment--informative--500: #0A4DD1;
package/dist/collection/styles/src/themes/_theme-af25.mixin.scss CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  --digi--color--logotype-color--dark: var(--digi--granskott--700);
26
26
 
27
- --digi--color--infographic--lineart--dark: var(--digi--grayscale--900);
27
+ --digi--color--infographic--lineart--dark: var(--digi--grayscale--75);
28
28
  --digi--color--infographic--background--dark: var(--digi--grayscale--0);
29
29
  --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
30
30
  --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--250);
@@ -44,9 +44,10 @@
44
44
  --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
45
45
  --digi--color--text--interactive--visited--dark: #CB6DE3; //jag leker
46
46
 
47
- --digi--color--background--primary--dark: var(--digi--grayscale--975);
47
+ --digi--color--background--surface--dark: var(--digi--grayscale--900);
48
+ --digi--color--background--primary--dark: var(--digi--grayscale--950);
48
49
  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
49
- --digi--color--background--secondary--dark: var(--digi--grayscale--950);
50
+ --digi--color--background--secondary--dark: var(--digi--grayscale--975);
50
51
  --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--875);
51
52
  --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
52
53
  --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
@@ -54,6 +55,7 @@
54
55
  --digi--color--background--brand-primary--dark: var(--digi--grayscale--900);
55
56
  --digi--color--background--transparent--dark: var(--digi--misc--transparent);
56
57
  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
58
+ --digi--color--background--dropdown--dark: var(--digi--grayscale--800);
57
59
 
58
60
  --digi--color--background--interactive--default--primary--dark: var(--digi--grayscale--50);
59
61
  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
@@ -119,7 +121,7 @@
119
121
  --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
120
122
 
121
123
  --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
122
- --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--900);
124
+ --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--700);
123
125
  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
124
126
 
125
127
  --digi--color--border--interactive--selected--primary--dark: var(--digi--grayscale--75);
@@ -179,6 +181,7 @@
179
181
  --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
180
182
  --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
181
183
 
184
+ --digi--color--background--surface--light: var(--digi--grayscale--0);
182
185
  --digi--color--background--primary--light: var(--digi--grayscale--0);
183
186
  --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
184
187
  --digi--color--background--secondary--light: var(--digi--grayscale--100);
@@ -189,6 +192,7 @@
189
192
  --digi--color--background--brand-primary--light: var(--digi--natthimmel--800);
190
193
  --digi--color--background--transparent--light: var(--digi--misc--transparent);
191
194
  --digi--color--background--notification--light: var(--digi--sentiment--error--500);
195
+ --digi--color--background--dropdown--light: var(--digi--grayscale--0);
192
196
 
193
197
  --digi--color--background--interactive--default--primary--light: var(--digi--natthimmel--800);
194
198
  --digi--color--background--interactive--default--primary-inverted--light: var(--digi--norrsken--500);
package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss CHANGED
@@ -29,10 +29,10 @@
29
29
  --digi--button--color--text--function--focus: var(--digi--color--text--interactive--primary);
30
30
  --digi--button--color--text--function--active: var(--digi--color--text--interactive--primary);
31
31
 
32
- --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--primary);
33
- --digi--button--color--border--primary--hover: var(--digi--color--background--interactive--hover--primary);
34
- --digi--button--color--border--primary--focus: var(--digi--color--background--interactive--default--primary);
35
- --digi--button--color--border--primary--active: var(--digi--color--background--interactive--default--primary);
32
+ --digi--button--color--border--primary--default: var(--digi--color--border--interactive--default--primary);
33
+ --digi--button--color--border--primary--hover: var(--digi--color--border--interactive--hover--primary);
34
+ --digi--button--color--border--primary--focus: var(--digi--color--border--interactive--default--primary);
35
+ --digi--button--color--border--primary--active: var(--digi--color--border--interactive--default--primary);
36
36
 
37
37
  --digi--button--color--border--secondary--default: var(--digi--color--border--interactive--default--primary);
38
38
  --digi--button--color--border--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  --digi--datepicker--calendar--max-width: #{rem(324)};
7
7
  --digi--datepicker--calendar--show-week--max-width: #{rem(374)};
8
8
  --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
9
- --digi--datepicker--calendar--background-color: var(--digi--color--background--primary-elevated);
9
+ --digi--datepicker--calendar--background-color: var(--digi--color--background--dropdown);
10
10
  --digi--datepicker--input-icon--width: #{rem(14)};
11
11
  --digi--datepicker--input-icon--horizontal-padding: #{rem(12)};
12
12
  --digi--datepicker--input-icon--vertical-padding: var(--digi--global--spacing--smallest-2);
package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  --digi--form-filter--dropdown--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
14
14
  --digi--form-filter--dropdown--border-radius: var(--digi--border--radius--primary);
15
- --digi--form-filter--dropdown--background: var(--digi--color--background--primary);
15
+ --digi--form-filter--dropdown--background: var(--digi--color--background--dropdown);
16
16
  --digi--form-filter--dropdown--min-width: 18.75rem;
17
17
  --digi--form-filter--dropdown--margin-top: var(--digi--gutter--small);
18
18
  --digi--form-filter--dropdown--z-index: 999;
package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @mixin digi-form-select-filter--variables() {
2
- --digi--form-select-filter--footer--background: var(--digi--color--background--secondary);
2
+ --digi--form-select-filter--footer--background: var(--digi--color--background--secondary-accent);
3
3
  --digi--form-select-filter--scroll--max-height: 10.625rem;
4
4
 
5
5
  --digi--form-select-filter--scroll--padding: var(--digi--padding--small);
@@ -11,7 +11,7 @@
11
11
  --digi--form-select-filter--toggle-icon--transition: ease-in-out 0.2s all;
12
12
 
13
13
  --digi--form-select-filter--dropdown--border-radius: var(--digi--border-radius--input);
14
- --digi--form-select-filter--dropdown--background: var(--digi--color--background--primary-elevated);
14
+ --digi--form-select-filter--dropdown--background: var(--digi--color--background--dropdown);
15
15
  --digi--form-select-filter--dropdown--min-width: 18.75rem;
16
16
  --digi--form-select-filter--dropdown--margin-top: var(--digi--gutter--small);
17
17
  --digi--form-select-filter--dropdown--z-index: 999;
package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss CHANGED
@@ -13,5 +13,5 @@
13
13
  --digi--info-card-multi--related-heading--font-size--desktop: var(--digi--typography--heading-3--font-size--desktop);
14
14
  --digi--info-card-multi--entry-heading--font-size--mobile: var(--digi--typography--heading-2--font-size--mobile);
15
15
  --digi--info-card-multi--entry-heading--font-size--desktop: var(--digi--typography--heading-2--font-size--desktop);
16
- --digi--info-card--background-color: var(--digi--color--background--primary);
16
+ --digi--info-card--background-color: var(--digi--color--background--primary-elevated);
17
17
  }