@designsystem-se/af 38.0.0 → 38.0.1-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 (394) hide show
  1. package/components/digi-bar-chart.js +2 -2
  2. package/components/digi-button.js +1 -1
  3. package/components/digi-calendar-datepicker.js +4 -4
  4. package/components/digi-calendar-week-view.js +2 -2
  5. package/components/digi-calendar.js +1 -1
  6. package/components/digi-chart-line.js +2 -2
  7. package/components/digi-code-block.js +1 -1
  8. package/components/digi-code-example.js +3 -3
  9. package/components/digi-code.js +1 -1
  10. package/components/digi-context-menu.js +2 -2
  11. package/components/digi-dialog.js +4 -4
  12. package/components/digi-expandable-accordion.js +1 -1
  13. package/components/digi-expandable-faq-item.js +2 -2
  14. package/components/digi-footer.js +2 -2
  15. package/components/digi-form-category-filter.js +1 -1
  16. package/components/digi-form-checkbox.js +1 -1
  17. package/components/digi-form-error-list.js +4 -4
  18. package/components/digi-form-file-upload.js +1 -1
  19. package/components/digi-form-filter.js +3 -3
  20. package/components/digi-form-input-search.js +1 -1
  21. package/components/digi-form-receipt.js +1 -1
  22. package/components/digi-form-select-filter.js +3 -3
  23. package/components/digi-form-select.js +1 -1
  24. package/components/digi-header-avatar.js +1 -1
  25. package/components/digi-header-navigation.js +2 -2
  26. package/components/digi-header.js +5 -5
  27. package/components/digi-icon-exclamation-triangle-warning.js +1 -1
  28. package/components/digi-info-card-multi.js +2 -2
  29. package/components/digi-info-card.js +3 -3
  30. package/components/digi-link-internal.js +1 -1
  31. package/components/digi-list.js +2 -2
  32. package/components/digi-navigation-pagination.js +3 -3
  33. package/components/digi-navigation-sidebar-button.js +1 -1
  34. package/components/digi-navigation-sidebar.js +1 -1
  35. package/components/digi-navigation-vertical-menu-item.js +1 -1
  36. package/components/digi-notification-alert.js +1 -1
  37. package/components/digi-notification-error-page.js +2 -2
  38. package/components/digi-progress-indicator.js +1 -1
  39. package/components/digi-progress-list.js +1 -1
  40. package/components/digi-quote.js +2 -2
  41. package/components/digi-tag.js +1 -1
  42. package/components/digi-title-logo.js +1 -1
  43. package/components/digi-tools-feedback-rating.js +1 -1
  44. package/components/digi-tools-feedback.js +3 -3
  45. package/components/digi-tools-theme-provider.js +18 -5
  46. package/components/digi-typography.js +1 -1
  47. package/components/index.js +1 -1
  48. package/components/p-1af1c5ea.js +165 -0
  49. package/components/{p-a247bdd0.js → p-2881b363.js} +1 -1
  50. package/components/p-4dc6d374.js +132 -0
  51. package/components/{p-04e78688.js → p-74c7dd5f.js} +3 -3
  52. package/components/{p-dbb0665a.js → p-90548d3f.js} +2 -2
  53. package/components/p-adb4322e.js +66 -0
  54. package/components/{p-e2a68e2b.js → p-b94458ed.js} +1 -1
  55. package/components/p-bd92430e.js +177 -0
  56. package/components/p-d7ef9cb1.js +13 -0
  57. package/components/{p-e946f613.js → p-fb8dd721.js} +1 -1
  58. package/custom-elements.json +4 -0
  59. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  60. package/dist/cjs/digi-button_84.cjs.entry.js +8405 -0
  61. package/dist/cjs/digi-calendar-week-view.cjs.entry.js +50 -51
  62. package/dist/cjs/digi-code-block_2.cjs.entry.js +108 -0
  63. package/dist/cjs/digi-code-example.cjs.entry.js +1 -1
  64. package/dist/cjs/digi-code.cjs.entry.js +1 -1
  65. package/dist/cjs/digi-dialog.cjs.entry.js +3 -19
  66. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -18
  67. package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -7
  68. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -18
  69. package/dist/cjs/digi-icon-exclamation-triangle-warning.cjs.entry.js +1 -1
  70. package/dist/cjs/digi-list.cjs.entry.js +1 -1
  71. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -18
  72. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -18
  73. package/dist/cjs/digi-quote.cjs.entry.js +1 -1
  74. package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -19
  75. package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
  76. package/dist/cjs/index-7a477838.js +4 -156
  77. package/dist/cjs/{index-ac8e01b4.js → index-acb7b350.js} +189 -19
  78. package/dist/cjs/index.cjs.js +188 -198
  79. package/dist/cjs/loader.cjs.js +1 -1
  80. package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-ad1b2403.js} +230 -0
  81. package/dist/collection/components/_button/button/button.css +32 -30
  82. package/dist/collection/components/_calendar/calendar/calendar.css +7 -2
  83. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +413 -108
  84. package/dist/collection/components/_code/code/code.css +6 -2
  85. package/dist/collection/components/_code/code-block/code-block.css +12 -4
  86. package/dist/collection/components/_code/code-example/code-example.css +6 -0
  87. package/dist/collection/components/_dialog/dialog/dialog.css +18 -18
  88. package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +6 -6
  89. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +413 -108
  90. package/dist/collection/components/_form/form-file-upload/form-file-upload.css +4 -3
  91. package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
  92. package/dist/collection/components/_form/form-select/form-select.css +2 -2
  93. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
  94. package/dist/collection/components/_header/header/header.js +2 -2
  95. package/dist/collection/components/_header/header-avatar/header-avatar.css +412 -107
  96. package/dist/collection/components/_icon/icon-exclamation-triangle-warning/icon-exclamation-triangle-warning.css +4 -2
  97. package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
  98. package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +4 -2
  99. package/dist/collection/components/_link/link-internal/link-internal.css +412 -107
  100. package/dist/collection/components/_list/list/list.css +5 -1
  101. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +3 -2
  102. package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
  103. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +5 -4
  104. package/dist/collection/components/_quote/quote/quote.css +2 -2
  105. package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
  106. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +157 -2
  107. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
  108. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
  109. package/dist/collection/components/_typography/typography/typography.css +4 -4
  110. package/dist/collection/design-tokens/components/_button.variables.scss +10 -10
  111. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  112. package/dist/collection/design-tokens/components/_calendar.variables.scss +3 -2
  113. package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
  114. package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  115. package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
  116. package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +2 -0
  117. package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
  118. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
  119. package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
  120. package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
  121. package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
  122. package/dist/collection/design-tokens/components/_logo.variables.scss +2 -0
  123. package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
  124. package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  125. package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
  126. package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
  127. package/dist/collection/enums.js +1 -0
  128. package/dist/collection/styles/src/_alias.mixin.scss +246 -105
  129. package/dist/collection/styles/src/themes/_brand-af18.mixin.scss +16 -0
  130. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +138 -0
  131. package/dist/collection/styles/src/themes/_brand-common.mixin.scss +7 -0
  132. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +3171 -14
  133. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +10 -10
  134. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  135. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +3 -2
  136. package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
  137. package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  138. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
  139. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +2 -0
  140. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
  141. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
  142. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
  143. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
  144. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
  145. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
  146. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  147. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
  148. package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
  149. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  150. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  151. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  152. package/dist/digi-arbetsformedlingen/{p-e29cbf26.entry.js → p-0467a3ec.entry.js} +1 -1
  153. package/dist/digi-arbetsformedlingen/p-1995b9cc.entry.js +1 -0
  154. package/dist/digi-arbetsformedlingen/{p-6324c9bf.entry.js → p-3f47ec44.entry.js} +1 -1
  155. package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +1 -0
  156. package/dist/digi-arbetsformedlingen/{p-c141aedc.entry.js → p-69cdbd95.entry.js} +1 -1
  157. package/dist/digi-arbetsformedlingen/p-6f2ac316.entry.js +1 -0
  158. package/dist/digi-arbetsformedlingen/p-72ef7f99.entry.js +1 -0
  159. package/dist/digi-arbetsformedlingen/p-740c6ad8.entry.js +1 -0
  160. package/dist/digi-arbetsformedlingen/p-801f8747.entry.js +1 -0
  161. package/dist/digi-arbetsformedlingen/p-8d055a17.js +1 -0
  162. package/dist/digi-arbetsformedlingen/p-94ded2bd.entry.js +1 -0
  163. package/dist/digi-arbetsformedlingen/p-a105d9fe.js +1 -0
  164. package/dist/digi-arbetsformedlingen/{p-d0214716.entry.js → p-a8a75edb.entry.js} +1 -1
  165. package/dist/digi-arbetsformedlingen/p-b471f287.entry.js +1 -0
  166. package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
  167. package/dist/digi-arbetsformedlingen/{p-e347aae8.entry.js → p-ed832d4e.entry.js} +1 -1
  168. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +1 -0
  169. package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +1 -0
  170. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +246 -105
  171. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af18.mixin.scss +16 -0
  172. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +138 -0
  173. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-common.mixin.scss +7 -0
  174. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +3171 -14
  175. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  176. package/dist/esm/digi-button_84.entry.js +8318 -0
  177. package/dist/esm/digi-calendar-week-view.entry.js +1 -2
  178. package/dist/esm/digi-code-block_2.entry.js +103 -0
  179. package/dist/esm/digi-code-example.entry.js +1 -1
  180. package/dist/esm/digi-code.entry.js +1 -1
  181. package/dist/esm/digi-dialog.entry.js +3 -19
  182. package/dist/esm/digi-form-error-list.entry.js +2 -18
  183. package/dist/esm/digi-form-input-search.entry.js +1 -2
  184. package/dist/esm/digi-form-receipt.entry.js +2 -18
  185. package/dist/esm/digi-icon-exclamation-triangle-warning.entry.js +1 -1
  186. package/dist/esm/digi-list.entry.js +1 -1
  187. package/dist/esm/digi-navigation-pagination.entry.js +2 -18
  188. package/dist/esm/digi-notification-error-page.entry.js +2 -18
  189. package/dist/esm/digi-quote.entry.js +1 -1
  190. package/dist/esm/digi-tools-feedback.entry.js +3 -19
  191. package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
  192. package/dist/esm/index-148a7577.js +4 -156
  193. package/dist/esm/{index-2fce392f.js → index-dc6b83f7.js} +170 -3
  194. package/dist/esm/index.js +2 -18
  195. package/dist/esm/loader.js +1 -1
  196. package/dist/esm/typography-variation.enum-7319240b.js +501 -0
  197. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
  198. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
  199. package/dist/types/components.d.ts +12 -0
  200. package/dist/types/enums.d.ts +1 -0
  201. package/hydrate/index.js +49 -30
  202. package/hydrate/index.mjs +49 -30
  203. package/package.json +4 -2
  204. package/components/p-2d7504f3.js +0 -66
  205. package/components/p-4bad4fb0.js +0 -7
  206. package/components/p-ae2af41e.js +0 -132
  207. package/components/p-e8fc33ed.js +0 -165
  208. package/components/p-eecdc526.js +0 -177
  209. package/dist/cjs/digi-button_27.cjs.entry.js +0 -1379
  210. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +0 -2598
  211. package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -464
  212. package/dist/cjs/digi-code-block_3.cjs.entry.js +0 -239
  213. package/dist/cjs/digi-context-menu.cjs.entry.js +0 -240
  214. package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -97
  215. package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -121
  216. package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -139
  217. package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -589
  218. package/dist/cjs/digi-form-filter.cjs.entry.js +0 -248
  219. package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
  220. package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
  221. package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -563
  222. package/dist/cjs/digi-form-select_2.cjs.entry.js +0 -186
  223. package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -99
  224. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  225. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  226. package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -53
  227. package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -30
  228. package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -145
  229. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
  230. package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -99
  231. package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -31
  232. package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -53
  233. package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -22
  234. package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -58
  235. package/dist/cjs/digi-info-card.cjs.entry.js +0 -79
  236. package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -33
  237. package/dist/cjs/digi-link-button.cjs.entry.js +0 -66
  238. package/dist/cjs/digi-link-external.cjs.entry.js +0 -36
  239. package/dist/cjs/digi-link-internal.cjs.entry.js +0 -37
  240. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
  241. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
  242. package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -111
  243. package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
  244. package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
  245. package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -28
  246. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -38
  247. package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -20
  248. package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +0 -64
  249. package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +0 -18
  250. package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +0 -19
  251. package/dist/cjs/form-file-upload-variation.enum-634cfae8.js +0 -24
  252. package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +0 -15
  253. package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
  254. package/dist/cjs/form-select-variation.enum-528c1bf0.js +0 -16
  255. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
  256. package/dist/cjs/index-cad91a90.js +0 -66
  257. package/dist/cjs/index-e8333bcc.js +0 -174
  258. package/dist/cjs/info-card-multi-type.enum-14746572.js +0 -8
  259. package/dist/cjs/info-card-variation.enum-64cef637.js +0 -24
  260. package/dist/cjs/layout-columns-variation.enum-65675649.js +0 -23
  261. package/dist/cjs/link-button-variation.enum-137785e3.js +0 -9
  262. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
  263. package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +0 -13
  264. package/dist/cjs/tag-media-icon.enum-372563c5.js +0 -11
  265. package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +0 -7
  266. package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
  267. package/dist/digi-arbetsformedlingen/p-07303cb5.js +0 -1
  268. package/dist/digi-arbetsformedlingen/p-0f6c0360.js +0 -1
  269. package/dist/digi-arbetsformedlingen/p-0fbe6e50.entry.js +0 -1
  270. package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +0 -1
  271. package/dist/digi-arbetsformedlingen/p-13ee320b.entry.js +0 -1
  272. package/dist/digi-arbetsformedlingen/p-1486034d.entry.js +0 -1
  273. package/dist/digi-arbetsformedlingen/p-1f3345e9.js +0 -1
  274. package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
  275. package/dist/digi-arbetsformedlingen/p-20693fa2.entry.js +0 -1
  276. package/dist/digi-arbetsformedlingen/p-2a023831.js +0 -1
  277. package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +0 -1
  278. package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +0 -1
  279. package/dist/digi-arbetsformedlingen/p-3566b732.entry.js +0 -1
  280. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
  281. package/dist/digi-arbetsformedlingen/p-3cda17e1.entry.js +0 -1
  282. package/dist/digi-arbetsformedlingen/p-3f9dfdb0.entry.js +0 -1
  283. package/dist/digi-arbetsformedlingen/p-408e9b2a.entry.js +0 -1
  284. package/dist/digi-arbetsformedlingen/p-416992c0.entry.js +0 -1
  285. package/dist/digi-arbetsformedlingen/p-4841b4e1.js +0 -1
  286. package/dist/digi-arbetsformedlingen/p-4b8cae8a.entry.js +0 -1
  287. package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +0 -1
  288. package/dist/digi-arbetsformedlingen/p-4d84c470.entry.js +0 -1
  289. package/dist/digi-arbetsformedlingen/p-51149879.entry.js +0 -1
  290. package/dist/digi-arbetsformedlingen/p-515867ab.entry.js +0 -1
  291. package/dist/digi-arbetsformedlingen/p-55bcba7c.entry.js +0 -1
  292. package/dist/digi-arbetsformedlingen/p-55d02ef7.entry.js +0 -1
  293. package/dist/digi-arbetsformedlingen/p-577f6995.entry.js +0 -1
  294. package/dist/digi-arbetsformedlingen/p-5f20045a.entry.js +0 -1
  295. package/dist/digi-arbetsformedlingen/p-5f4ece29.entry.js +0 -1
  296. package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
  297. package/dist/digi-arbetsformedlingen/p-7aacd45f.js +0 -1
  298. package/dist/digi-arbetsformedlingen/p-8142cc73.js +0 -1
  299. package/dist/digi-arbetsformedlingen/p-814ca2ad.js +0 -1
  300. package/dist/digi-arbetsformedlingen/p-820e795b.js +0 -1
  301. package/dist/digi-arbetsformedlingen/p-82611050.entry.js +0 -1
  302. package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +0 -1
  303. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
  304. package/dist/digi-arbetsformedlingen/p-8fa50755.entry.js +0 -1
  305. package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
  306. package/dist/digi-arbetsformedlingen/p-915b2a14.entry.js +0 -1
  307. package/dist/digi-arbetsformedlingen/p-951c21cb.entry.js +0 -1
  308. package/dist/digi-arbetsformedlingen/p-9908e7e6.entry.js +0 -1
  309. package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +0 -1
  310. package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
  311. package/dist/digi-arbetsformedlingen/p-9f47d4b7.entry.js +0 -1
  312. package/dist/digi-arbetsformedlingen/p-a26333e9.entry.js +0 -1
  313. package/dist/digi-arbetsformedlingen/p-a969ba67.entry.js +0 -1
  314. package/dist/digi-arbetsformedlingen/p-af72f16f.entry.js +0 -1
  315. package/dist/digi-arbetsformedlingen/p-b3d93b8b.entry.js +0 -1
  316. package/dist/digi-arbetsformedlingen/p-b48f2bfc.entry.js +0 -1
  317. package/dist/digi-arbetsformedlingen/p-b4b33865.entry.js +0 -1
  318. package/dist/digi-arbetsformedlingen/p-ba3c4861.entry.js +0 -1
  319. package/dist/digi-arbetsformedlingen/p-c04ae2fc.entry.js +0 -1
  320. package/dist/digi-arbetsformedlingen/p-c06930c2.entry.js +0 -1
  321. package/dist/digi-arbetsformedlingen/p-c1ab43e3.entry.js +0 -1
  322. package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +0 -1
  323. package/dist/digi-arbetsformedlingen/p-c7949525.js +0 -1
  324. package/dist/digi-arbetsformedlingen/p-d182d8bb.entry.js +0 -1
  325. package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
  326. package/dist/digi-arbetsformedlingen/p-d595e8a3.js +0 -1
  327. package/dist/digi-arbetsformedlingen/p-d6a839c3.entry.js +0 -1
  328. package/dist/digi-arbetsformedlingen/p-e561a29d.entry.js +0 -1
  329. package/dist/digi-arbetsformedlingen/p-ed4c0905.entry.js +0 -1
  330. package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +0 -1
  331. package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +0 -1
  332. package/dist/digi-arbetsformedlingen/p-f447b984.js +0 -1
  333. package/dist/digi-arbetsformedlingen/p-f4edca16.entry.js +0 -1
  334. package/dist/digi-arbetsformedlingen/p-fb9b3544.entry.js +0 -1
  335. package/dist/digi-arbetsformedlingen/p-fdca581c.entry.js +0 -1
  336. package/dist/esm/digi-button_27.entry.js +0 -1349
  337. package/dist/esm/digi-calendar-datepicker.entry.js +0 -2594
  338. package/dist/esm/digi-calendar_2.entry.js +0 -459
  339. package/dist/esm/digi-code-block_3.entry.js +0 -233
  340. package/dist/esm/digi-context-menu.entry.js +0 -236
  341. package/dist/esm/digi-expandable-faq-item.entry.js +0 -93
  342. package/dist/esm/digi-form-category-filter.entry.js +0 -117
  343. package/dist/esm/digi-form-checkbox.entry.js +0 -135
  344. package/dist/esm/digi-form-file-upload.entry.js +0 -585
  345. package/dist/esm/digi-form-filter.entry.js +0 -244
  346. package/dist/esm/digi-form-input.entry.js +0 -190
  347. package/dist/esm/digi-form-label_3.entry.js +0 -123
  348. package/dist/esm/digi-form-select-filter.entry.js +0 -559
  349. package/dist/esm/digi-form-select_2.entry.js +0 -181
  350. package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
  351. package/dist/esm/digi-icon-check.entry.js +0 -26
  352. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  353. package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
  354. package/dist/esm/digi-icon-copy.entry.js +0 -26
  355. package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
  356. package/dist/esm/digi-icon-minus_2.entry.js +0 -48
  357. package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
  358. package/dist/esm/digi-icon-spinner.entry.js +0 -27
  359. package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
  360. package/dist/esm/digi-info-card-multi-container.entry.js +0 -18
  361. package/dist/esm/digi-info-card-multi.entry.js +0 -54
  362. package/dist/esm/digi-info-card.entry.js +0 -75
  363. package/dist/esm/digi-layout-columns.entry.js +0 -29
  364. package/dist/esm/digi-link-button.entry.js +0 -62
  365. package/dist/esm/digi-link-external.entry.js +0 -32
  366. package/dist/esm/digi-link-internal.entry.js +0 -33
  367. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
  368. package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
  369. package/dist/esm/digi-notification-alert.entry.js +0 -107
  370. package/dist/esm/digi-progress-indicator.entry.js +0 -133
  371. package/dist/esm/digi-tag-media.entry.js +0 -43
  372. package/dist/esm/digi-tools-theme-provider.entry.js +0 -24
  373. package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -34
  374. package/dist/esm/digi-typography-preamble.entry.js +0 -16
  375. package/dist/esm/digi-util-mutation-observer.entry.js +0 -60
  376. package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +0 -18
  377. package/dist/esm/form-checkbox-variation.enum-83e906fc.js +0 -19
  378. package/dist/esm/form-file-upload-variation.enum-9c49ec5e.js +0 -24
  379. package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +0 -15
  380. package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
  381. package/dist/esm/form-select-variation.enum-f2f6098d.js +0 -16
  382. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
  383. package/dist/esm/index-5b6c95c6.js +0 -63
  384. package/dist/esm/index-8685f88d.js +0 -170
  385. package/dist/esm/info-card-multi-type.enum-07ee124f.js +0 -8
  386. package/dist/esm/info-card-variation.enum-2ccc52c1.js +0 -24
  387. package/dist/esm/layout-columns-variation.enum-34f7754e.js +0 -23
  388. package/dist/esm/link-button-variation.enum-84d4976f.js +0 -9
  389. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
  390. package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +0 -13
  391. package/dist/esm/tag-media-icon.enum-fefa191c.js +0 -11
  392. package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +0 -7
  393. package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
  394. package/dist/esm/typography-variation.enum-c85d7857.js +0 -271
package/dist/collection/components/_list/list/list.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v2.0 | 20110126
3
+ License: none (public domain)
4
+ */
1
5
  :host {
2
6
  --digi--list--padding-inline-start: 0.25rem;
3
7
  }
@@ -17,5 +21,5 @@
17
21
  min-height: auto;
18
22
  flex-shrink: 0;
19
23
  align-items: start;
20
- margin-top: rem(7);
24
+ margin-top: 0.4375rem;
21
25
  }
package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css CHANGED
@@ -16,7 +16,7 @@ License: none (public domain)
16
16
  --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--interactive--selected--tertiary);
17
17
  --digi--navigation-context-menu--item--display: flex;
18
18
  --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
19
- --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
19
+ --digi--navigation-context-menu--item--font-color: var(--digi--color--text--interactive--tertiary);
20
20
  display: block;
21
21
  box-sizing: border-box;
22
22
  width: fit-content;
@@ -82,6 +82,7 @@ License: none (public domain)
82
82
  font-size: var(--digi--navigation-context-menu--item--font-size);
83
83
  display: var(--digi--navigation-context-menu--item--display);
84
84
  font-family: var(--digi--navigation-context-menu--item--font-family);
85
+ color: var(--digi--navigation-context-menu--item--font-color);
85
86
  padding: 0.625rem 0;
86
87
  max-width: max-content;
87
88
  min-width: 100%;
@@ -108,7 +109,7 @@ License: none (public domain)
108
109
  }
109
110
  :host .digi-navigation-context-menu .digi-navigation-context-menu__item--link a {
110
111
  padding: 0.625rem 1rem;
111
- color: var(--digi--navigation-context-menu--item--font-color, #333333);
112
+ color: var(--digi--navigation-context-menu--item--font-color);
112
113
  text-decoration: none;
113
114
  margin: 0;
114
115
  width: 100%;
package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css CHANGED
@@ -5,9 +5,9 @@ License: none (public domain)
5
5
  :host {
6
6
  --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
7
7
  --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
8
- --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
9
- --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
10
- --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
8
+ --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--icon--cta);
9
+ --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--icon--secondary);
10
+ --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--icon--cta);
11
11
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
12
12
  --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);
13
13
  --digi--navigation-vertical-menu-item--toggle-icon--background--active: var(--digi--color--background--interactive--selected--on-menu-minus-button);
package/dist/collection/components/_progress/progress-indicator/progress-indicator.css CHANGED
@@ -43,6 +43,7 @@ License: none (public domain)
43
43
  }
44
44
  :host .digi-progress-indicator__heading {
45
45
  font-size: var(--digi--typography--heading-2--font-size--desktop);
46
+ color: var(--digi--color--text--primary);
46
47
  font-weight: var(--digi--progress-indicator--heading--font-weight);
47
48
  margin: 0;
48
49
  margin-bottom: 0.5rem;
@@ -56,7 +57,7 @@ License: none (public domain)
56
57
  :host .digi-progress-indicator__next {
57
58
  font-size: var(--digi--typography--body--font-size--desktop);
58
59
  font-style: italic;
59
- color: var(--digi--color--text--primary);
60
+ color: var(--digi--color--text--description);
60
61
  margin: 0;
61
62
  }
62
63
  :host .digi-progress-indicator__icon {
@@ -99,10 +100,10 @@ License: none (public domain)
99
100
  margin-left: 8px;
100
101
  }
101
102
  :host .digi-progress-indicator__validation-label--warning {
102
- background-color: var(--digi--color--background--interactive--validation--warning);
103
+ background-color: var(--digi--color--background--sentiment--warning--quarternary);
103
104
  }
104
105
  :host .digi-progress-indicator__validation-label--error {
105
- background-color: var(--digi--color--background--interactive--validation--error);
106
+ background-color: var(--digi--color--background--sentiment--error--tertiary-discreet);
106
107
  }
107
108
  :host .digi-progress-indicator__list {
108
109
  position: relative;
@@ -112,10 +113,10 @@ License: none (public domain)
112
113
  margin-top: 24px;
113
114
  margin-bottom: 16px;
114
115
  display: grid;
115
- grid-template-columns: repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr));
116
116
  --digi--progress-indicator--step--size: var(--digi--progress-indicator--step--size--large);
117
117
  --digi--progress-indicator--step--size--active: var(--digi--progress-indicator--step--size--active--large);
118
118
  --digi--progress-indicator--gap: var(--digi--progress-indicator--gap--x-large);
119
+ grid-template-columns: repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr));
119
120
  }
120
121
  @media (max-width: 47.9375rem) {
121
122
  :host .digi-progress-indicator__list {
package/dist/collection/components/_quote/quote/quote.css CHANGED
@@ -3,9 +3,9 @@ v2.0 | 20110126
3
3
  License: none (public domain)
4
4
  */
5
5
  :host {
6
- --digi--quote--background--primary: var(--digi--color--background--primary);
6
+ --digi--quote--background--primary: var(--digi--color--background--primary-elevated);
7
7
  --digi--quote--background--secondary: var(--digi--color--background--pop-out);
8
- --digi--quote--background--tertiary: var(--digi--color--background--secondary);
8
+ --digi--quote--background--tertiary: var(--digi--color--background--secondary-elevated);
9
9
  --BACKGROUND: transparent;
10
10
  }
11
11
  :host .digi-quote {
package/dist/collection/components/_tools/tools-feedback/tools-feedback.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :host {
2
2
  --digi--tools-feedback--background-color--primary: var(--digi--color--background--pop-out);
3
- --digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary);
3
+ --digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary-elevated);
4
4
  --digi--tools-feedback--padding: var(--digi--padding--large);
5
5
  --digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);
6
6
  --digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);
package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css CHANGED
@@ -1,20 +1,24 @@
1
- :host .digi-tools-theme-provider--af25 {
1
+ .digi-tools-theme-provider--af25.digi-tools-theme-provider--light {
2
2
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
3
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
3
4
  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
4
5
  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
5
6
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
6
7
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
7
8
  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
9
+ --digi--color--background--interactive--default--quinary: var(--digi--color--background--interactive--default--quinary--light);
8
10
  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
9
11
  --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
10
12
  --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
11
13
  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
12
14
  --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
13
15
  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
16
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--light);
14
17
  --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
15
18
  --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
16
19
  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
17
20
  --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
21
+ --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
18
22
  --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
19
23
  --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
20
24
  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
@@ -23,14 +27,17 @@
23
27
  --digi--color--background--notification: var(--digi--color--background--notification--light);
24
28
  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
25
29
  --digi--color--background--primary: var(--digi--color--background--primary--light);
30
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
26
31
  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
27
32
  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
33
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
28
34
  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
29
35
  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
30
36
  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
31
37
  --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
32
38
  --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
33
39
  --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
40
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
34
41
  --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
35
42
  --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
36
43
  --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
@@ -44,9 +51,11 @@
44
51
  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
45
52
  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
46
53
  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
54
+ --digi--color--background--surface: var(--digi--color--background--surface--light);
47
55
  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
48
56
  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
49
57
  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
58
+ --digi--color--border--interactive--default--discreet: var(--digi--color--border--interactive--default--discreet--light);
50
59
  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
51
60
  --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
52
61
  --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
@@ -69,11 +78,13 @@
69
78
  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
70
79
  --digi--color--divider--primary: var(--digi--color--divider--primary--light);
71
80
  --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
81
+ --digi--color--divider--tertiary: var(--digi--color--divider--tertiary--light);
72
82
  --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
73
83
  --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
74
84
  --digi--color--icon--cta: var(--digi--color--icon--cta--light);
75
85
  --digi--color--icon--primary: var(--digi--color--icon--primary--light);
76
86
  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
87
+ --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light);
77
88
  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
78
89
  --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
79
90
  --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
@@ -87,6 +98,7 @@
87
98
  --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
88
99
  --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
89
100
  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
101
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
90
102
  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
91
103
  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
92
104
  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
@@ -99,29 +111,160 @@
99
111
  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
100
112
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
101
113
  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
114
+ --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
102
115
  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
116
+ --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
103
117
  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
104
118
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
105
119
  --digi--color--text--primary: var(--digi--color--text--primary--light);
120
+ --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light);
106
121
  --digi--color--text--secondary: var(--digi--color--text--secondary--light);
122
+ --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
107
123
  }
108
- :host .digi-tools-theme-provider--af18 {
124
+ .digi-tools-theme-provider--af25.digi-tools-theme-provider--dark {
125
+ --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
126
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
127
+ --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
128
+ --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
129
+ --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
130
+ --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
131
+ --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
132
+ --digi--color--background--interactive--default--quinary: var(--digi--color--background--interactive--default--quinary--dark);
133
+ --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
134
+ --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
135
+ --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
136
+ --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
137
+ --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
138
+ --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
139
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--dark);
140
+ --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
141
+ --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
142
+ --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
143
+ --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
144
+ --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--dark);
145
+ --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
146
+ --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
147
+ --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
148
+ --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
149
+ --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
150
+ --digi--color--background--notification: var(--digi--color--background--notification--dark);
151
+ --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
152
+ --digi--color--background--primary: var(--digi--color--background--primary--dark);
153
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
154
+ --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
155
+ --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
156
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--dark);
157
+ --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
158
+ --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
159
+ --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
160
+ --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
161
+ --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
162
+ --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
163
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
164
+ --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
165
+ --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
166
+ --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
167
+ --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
168
+ --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
169
+ --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
170
+ --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
171
+ --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
172
+ --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
173
+ --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
174
+ --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
175
+ --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
176
+ --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
177
+ --digi--color--background--surface: var(--digi--color--background--surface--dark);
178
+ --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
179
+ --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
180
+ --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
181
+ --digi--color--border--interactive--default--discreet: var(--digi--color--border--interactive--default--discreet--dark);
182
+ --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
183
+ --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
184
+ --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
185
+ --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
186
+ --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
187
+ --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
188
+ --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
189
+ --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
190
+ --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
191
+ --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
192
+ --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
193
+ --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
194
+ --digi--color--border--notification: var(--digi--color--border--notification--dark);
195
+ --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
196
+ --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
197
+ --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
198
+ --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
199
+ --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
200
+ --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
201
+ --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
202
+ --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
203
+ --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
204
+ --digi--color--divider--tertiary: var(--digi--color--divider--tertiary--dark);
205
+ --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
206
+ --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
207
+ --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
208
+ --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
209
+ --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
210
+ --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--dark);
211
+ --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
212
+ --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
213
+ --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
214
+ --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
215
+ --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
216
+ --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--dark);
217
+ --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
218
+ --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--dark);
219
+ --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
220
+ --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
221
+ --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
222
+ --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
223
+ --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--dark);
224
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
225
+ --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
226
+ --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
227
+ --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
228
+ --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
229
+ --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
230
+ --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
231
+ --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
232
+ --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
233
+ --digi--color--text--description: var(--digi--color--text--description--dark);
234
+ --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
235
+ --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
236
+ --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
237
+ --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
238
+ --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
239
+ --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--dark);
240
+ --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
241
+ --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
242
+ --digi--color--text--primary: var(--digi--color--text--primary--dark);
243
+ --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--dark);
244
+ --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
245
+ --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--dark);
246
+ }
247
+ .digi-tools-theme-provider--af18 {
109
248
  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light--af18);
249
+ --digi--color--background--dropdown: var(--digi--color--background--dropdown--light--af18);
110
250
  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light--af18);
111
251
  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light--af18);
112
252
  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light--af18);
113
253
  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light--af18);
114
254
  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light--af18);
255
+ --digi--color--background--interactive--default--quinary: var(--digi--color--background--interactive--default--quinary--light--af18);
115
256
  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light--af18);
116
257
  --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light--af18);
117
258
  --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light--af18);
118
259
  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light--af18);
119
260
  --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light--af18);
120
261
  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light--af18);
262
+ --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--light--af18);
121
263
  --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light--af18);
122
264
  --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light--af18);
123
265
  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light--af18);
124
266
  --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light--af18);
267
+ --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light--af18);
125
268
  --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light--af18);
126
269
  --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light--af18);
127
270
  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light--af18);
@@ -130,14 +273,17 @@
130
273
  --digi--color--background--notification: var(--digi--color--background--notification--light--af18);
131
274
  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light--af18);
132
275
  --digi--color--background--primary: var(--digi--color--background--primary--light--af18);
276
+ --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light--af18);
133
277
  --digi--color--background--secondary: var(--digi--color--background--secondary--light--af18);
134
278
  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light--af18);
279
+ --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light--af18);
135
280
  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light--af18);
136
281
  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light--af18);
137
282
  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light--af18);
138
283
  --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light--af18);
139
284
  --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light--af18);
140
285
  --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light--af18);
286
+ --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light--af18);
141
287
  --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light--af18);
142
288
  --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light--af18);
143
289
  --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light--af18);
@@ -151,9 +297,11 @@
151
297
  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light--af18);
152
298
  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light--af18);
153
299
  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light--af18);
300
+ --digi--color--background--surface: var(--digi--color--background--surface--light--af18);
154
301
  --digi--color--background--transparent: var(--digi--color--background--transparent--light--af18);
155
302
  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light--af18);
156
303
  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light--af18);
304
+ --digi--color--border--interactive--default--discreet: var(--digi--color--border--interactive--default--discreet--light--af18);
157
305
  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light--af18);
158
306
  --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light--af18);
159
307
  --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light--af18);
@@ -176,11 +324,13 @@
176
324
  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light--af18);
177
325
  --digi--color--divider--primary: var(--digi--color--divider--primary--light--af18);
178
326
  --digi--color--divider--secondary: var(--digi--color--divider--secondary--light--af18);
327
+ --digi--color--divider--tertiary: var(--digi--color--divider--tertiary--light--af18);
179
328
  --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light--af18);
180
329
  --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light--af18);
181
330
  --digi--color--icon--cta: var(--digi--color--icon--cta--light--af18);
182
331
  --digi--color--icon--primary: var(--digi--color--icon--primary--light--af18);
183
332
  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light--af18);
333
+ --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light--af18);
184
334
  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light--af18);
185
335
  --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light--af18);
186
336
  --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light--af18);
@@ -194,6 +344,7 @@
194
344
  --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light--af18);
195
345
  --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light--af18);
196
346
  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light--af18);
347
+ --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light--af18);
197
348
  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light--af18);
198
349
  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light--af18);
199
350
  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light--af18);
@@ -206,9 +357,13 @@
206
357
  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light--af18);
207
358
  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light--af18);
208
359
  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light--af18);
360
+ --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light--af18);
209
361
  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light--af18);
362
+ --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light--af18);
210
363
  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light--af18);
211
364
  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light--af18);
212
365
  --digi--color--text--primary: var(--digi--color--text--primary--light--af18);
366
+ --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light--af18);
213
367
  --digi--color--text--secondary: var(--digi--color--text--secondary--light--af18);
368
+ --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light--af18);
214
369
  }
package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  import { ToolsThemeProviderBrandEnum } from "./tools-theme-provider.brand.enum";
3
+ import { ToolsThemeProviderThemeEnum } from "./tools-theme-provider.theme.enum";
3
4
  /**
4
5
  * @slot default - Kan innehålla vad som helst
5
6
  * @swedishName Temaväljare
@@ -7,15 +8,27 @@ import { ToolsThemeProviderBrandEnum } from "./tools-theme-provider.brand.enum";
7
8
  export class ToolsThemeProvider {
8
9
  constructor() {
9
10
  this.afBrand = ToolsThemeProviderBrandEnum.AF25;
11
+ this.afTheme = undefined;
12
+ }
13
+ // fallback om ingen tema är valt eller specifierad, då ska man lyssna på användarens preferens. kräver dock en refresh för att lyssna på preferenser
14
+ get fallbackTheme() {
15
+ if (this.afTheme) {
16
+ return this.afTheme;
17
+ }
18
+ return window.matchMedia('(prefers-color-scheme: dark)').matches
19
+ ? ToolsThemeProviderThemeEnum.DARK
20
+ : ToolsThemeProviderThemeEnum.LIGHT;
10
21
  }
11
22
  get cssModifiers() {
12
23
  return {
13
24
  'digi-tools-theme-provider--af25': this.afBrand === ToolsThemeProviderBrandEnum.AF25,
14
- 'digi-tools-theme-provider--af18': this.afBrand === ToolsThemeProviderBrandEnum.AF18
25
+ 'digi-tools-theme-provider--af18': this.afBrand === ToolsThemeProviderBrandEnum.AF18,
26
+ 'digi-tools-theme-provider--light': this.fallbackTheme === ToolsThemeProviderThemeEnum.LIGHT,
27
+ 'digi-tools-theme-provider--dark': this.fallbackTheme === ToolsThemeProviderThemeEnum.DARK
15
28
  };
16
29
  }
17
30
  render() {
18
- return (h(Host, { key: 'dec67b8d136a0bb2c1ee3a428875a5207c9935cb' }, h("div", { key: 'c7769ceb730493ced3691539f854b65f3556bcb3', class: this.cssModifiers }, h("slot", { key: '4a2fc124978c9b0aa6062332c5b9744eecc11283' }))));
31
+ return (h(Host, { key: 'c9130d5c232aa4f95180d78650f4f11ed962bdcd' }, h("div", { key: '211f4a5082223959db11fe5714af813c55253be6', class: this.cssModifiers }, h("slot", { key: '64541d7961044d9e7d017678b7951a288e6007d3' }))));
19
32
  }
20
33
  static get is() { return "digi-tools-theme-provider"; }
21
34
  static get encapsulation() { return "scoped"; }
@@ -59,6 +72,34 @@ export class ToolsThemeProvider {
59
72
  "attribute": "af-brand",
60
73
  "reflect": false,
61
74
  "defaultValue": "ToolsThemeProviderBrandEnum.AF25"
75
+ },
76
+ "afTheme": {
77
+ "type": "string",
78
+ "mutable": false,
79
+ "complexType": {
80
+ "original": "ToolsThemeProviderThemeEnum",
81
+ "resolved": "ToolsThemeProviderThemeEnum.DARK | ToolsThemeProviderThemeEnum.LIGHT",
82
+ "references": {
83
+ "ToolsThemeProviderThemeEnum": {
84
+ "location": "import",
85
+ "path": "./tools-theme-provider.theme.enum",
86
+ "id": "src/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.ts::ToolsThemeProviderThemeEnum"
87
+ }
88
+ }
89
+ },
90
+ "required": false,
91
+ "optional": true,
92
+ "docs": {
93
+ "tags": [{
94
+ "name": "en",
95
+ "text": "Change theme for underlying components"
96
+ }],
97
+ "text": "\u00C4ndrar tema p\u00E5 underliggande komponenter"
98
+ },
99
+ "getter": false,
100
+ "setter": false,
101
+ "attribute": "af-theme",
102
+ "reflect": false
62
103
  }
63
104
  };
64
105
  }
package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js ADDED
@@ -0,0 +1,5 @@
1
+ export var ToolsThemeProviderThemeEnum;
2
+ (function (ToolsThemeProviderThemeEnum) {
3
+ ToolsThemeProviderThemeEnum["LIGHT"] = "light";
4
+ ToolsThemeProviderThemeEnum["DARK"] = "dark";
5
+ })(ToolsThemeProviderThemeEnum || (ToolsThemeProviderThemeEnum = {}));
package/dist/collection/components/_typography/typography/typography.css CHANGED
@@ -23,6 +23,10 @@ digi-typography {
23
23
  --digi--typography--text-underline-offset: 3px;
24
24
  font-family: var(--digi--global--typography--font-family--default);
25
25
  color: var(--digi--typography--color--text);
26
+ font-size: var(--FONT-SIZE--BODY);
27
+ line-height: var(--LINE-HEIGHT--BODY);
28
+ font-weight: var(--FONT-WEIGHT--BODY);
29
+ text-decoration: var(--TEXT-DECORATION--BODY);
26
30
  --FONT-SIZE--BODY: var(--digi--typography--body--font-size--mobile);
27
31
  --LINE-HEIGHT--BODY: var(--digi--typography--body--line-height--mobile);
28
32
  --FONT-WEIGHT--BODY: var(--digi--typography--body--font-weight--mobile);
@@ -102,10 +106,6 @@ digi-typography {
102
106
  --digi--typography--heading-4--text-decoration--mobile
103
107
  );
104
108
  --MARGIN--HEADING-6: var(--digi--typography--h4--margin--small);
105
- font-size: var(--FONT-SIZE--BODY);
106
- line-height: var(--LINE-HEIGHT--BODY);
107
- font-weight: var(--FONT-WEIGHT--BODY);
108
- text-decoration: var(--TEXT-DECORATION--BODY);
109
109
  }
110
110
  @media (min-width: 61.9375rem) {
111
111
  digi-typography {
package/dist/collection/design-tokens/components/_button.variables.scss CHANGED
@@ -10,9 +10,9 @@
10
10
  --digi--button--color--background--secondary--active: var(--digi--color--background--interactive--hover--secondary);
11
11
 
12
12
  --digi--button--color--background--function--default: transparent;
13
- --digi--button--color--background--function--hover: transparent;
14
- --digi--button--color--background--function--focus: transparent;
15
- --digi--button--color--background--function--active: transparent;
13
+ --digi--button--color--background--function--hover: var(--digi--color--background--interactive--hover--quinary);
14
+ --digi--button--color--background--function--focus: var(--digi--color--background--interactive--hover--quinary);
15
+ --digi--button--color--background--function--active: var(--digi--color--background--interactive--hover--quinary);
16
16
 
17
17
  --digi--button--color--text--primary--default: var(--digi--color--text--interactive--secondary);
18
18
  --digi--button--color--text--primary--hover: var(--digi--color--text--interactive--secondary);
@@ -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);
@@ -86,9 +86,9 @@
86
86
  --digi--button--border-radius--secondary--focus: var(--digi--border-radius--secondary);
87
87
  --digi--button--border-radius--secondary--active: var(--digi--border-radius--secondary);
88
88
  --digi--button--border-radius--function--default: initial;
89
- --digi--button--border-radius--function--hover: initial;
90
- --digi--button--border-radius--function--focus: initial;
91
- --digi--button--border-radius--function--active: initial;
89
+ --digi--button--border-radius--function--hover: var(--digi--border-radius--secondary);
90
+ --digi--button--border-radius--function--focus: var(--digi--border-radius--secondary);
91
+ --digi--button--border-radius--function--active: var(--digi--border-radius--secondary);
92
92
 
93
93
  --digi--button--padding--small: var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);
94
94
  --digi--button--padding--medium: var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);
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--interactive--default--secondary);
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/_calendar.variables.scss CHANGED
@@ -3,6 +3,7 @@
3
3
 
4
4
  --digi--calendar--header--font-family: var(--digi--global--typography--font-family--default);
5
5
  --digi--calendar--header--font-weight: var(--digi--global--typography--font-weight--semibold);
6
+ --digi--calendar--header--font-color: var(--digi--color--text--primary);
6
7
  --digi--calendar--header--display: flex;
7
8
  --digi--calendar--header--align-items: center;
8
9
  --digi--calendar--header--justify-content: space-between;
@@ -32,8 +33,8 @@
32
33
  --digi--calendar--date--today--circle-border: 2px solid var(--digi--color--marking--indication--secondary);
33
34
  --digi--calendar--date--today--circle-margin: 10%;
34
35
 
35
- --digi--calendar--date--selected--color: var(--digi--color--text--interactive--secondary);
36
- --digi--calendar--date--selected--background-color: var(--digi--color--background--interactive--selected--primary);
36
+ --digi--calendar--date--selected--color: var(--digi--color--text--interactive--secondary-discreet);
37
+ --digi--calendar--date--selected--background-color: var(--digi--color--background--interactive--selected--primary-stay);
37
38
  --digi--calendar--date--not-selectable-strike--color: var(--digi--color--marking--indication--tertiary);
38
39
  --digi--calendar--week--font-style: italic;
39
40
  --digi--calendar--week--font-size: var(--digi--global--typography--font-size--small);
package/dist/collection/design-tokens/components/_dialog.variables.scss CHANGED
@@ -29,7 +29,7 @@
29
29
  --digi--dialog--content--width--large: 56.25rem;
30
30
 
31
31
  --digi--dialog--content--color--primary: var(--digi--color--text--primary);
32
- --digi--dialog--content--color--background--primary: var(--digi--color--background--primary);
32
+ --digi--dialog--content--color--background--primary: var(--digi--color--background--primary-elevated);
33
33
 
34
34
  --digi--dialog--icon--color--primary: var(--digi--color--icon--primary);
35
35
  --digi--dialog--icon--color--primary--hover: var(--digi--color--icon--primary);