@designsystem-se/af 38.0.1-beta.1 → 38.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (408) hide show
  1. package/components/digi-bar-chart.js +171 -71
  2. package/components/digi-button.js +1 -1
  3. package/components/digi-calendar-datepicker.js +10 -9
  4. package/components/digi-calendar-week-view.js +1 -1
  5. package/components/digi-calendar.js +1 -1
  6. package/components/digi-chart-line.js +13 -9
  7. package/components/digi-code-block.js +1 -1
  8. package/components/digi-code-example.js +4 -4
  9. package/components/digi-context-menu.js +2 -2
  10. package/components/digi-dialog.js +4 -3
  11. package/components/digi-expandable-faq-item.js +1 -1
  12. package/components/digi-footer.js +2 -1
  13. package/components/digi-form-category-filter.js +1 -1
  14. package/components/digi-form-checkbox.js +1 -1
  15. package/components/digi-form-error-list.js +5 -6
  16. package/components/digi-form-file-upload.js +24 -10
  17. package/components/digi-form-filter.js +3 -3
  18. package/components/digi-form-input-search.js +1 -1
  19. package/components/digi-form-radiobutton.js +1 -1
  20. package/components/digi-form-receipt.js +2 -1
  21. package/components/digi-form-select-filter.js +4 -3
  22. package/components/digi-form-select.js +1 -1
  23. package/components/digi-header-avatar.js +1 -1
  24. package/components/digi-header-navigation.js +3 -2
  25. package/components/digi-header.js +6 -5
  26. package/components/digi-info-card-multi.js +1 -1
  27. package/components/digi-info-card.js +2 -2
  28. package/components/digi-link-internal.js +1 -1
  29. package/components/digi-navigation-pagination.js +3 -2
  30. package/components/digi-navigation-sidebar-button.js +1 -1
  31. package/components/digi-navigation-sidebar.js +1 -1
  32. package/components/digi-navigation-vertical-menu-item.js +1 -1
  33. package/components/digi-notification-alert.js +1 -1
  34. package/components/digi-notification-error-page.js +2 -1
  35. package/components/digi-progress-circle.js +1 -6
  36. package/components/digi-progress-indicator.js +1 -1
  37. package/components/digi-quote.js +1 -1
  38. package/components/digi-tablist.js +5 -5
  39. package/components/digi-tag.js +2 -2
  40. package/components/digi-title-logo.js +2 -1
  41. package/components/digi-tools-feedback.js +4 -3
  42. package/components/digi-tools-theme-provider.js +5 -18
  43. package/components/index.js +2 -1
  44. package/components/p-13c09880.js +177 -0
  45. package/components/p-4bad4fb0.js +7 -0
  46. package/components/p-70fad0ea.js +165 -0
  47. package/components/{p-74c7dd5f.js → p-75c8d67e.js} +3 -2
  48. package/components/{p-b24c2842.js → p-77d8d575.js} +2 -2
  49. package/components/{p-fb8dd721.js → p-9df35672.js} +1 -1
  50. package/components/p-ab07faba.js +66 -0
  51. package/components/{p-4dc6d374.js → p-bc5b7057.js} +3 -2
  52. package/components/p-be4fd246.js +7 -0
  53. package/components/{p-90548d3f.js → p-dbb0665a.js} +2 -2
  54. package/components/{p-b94458ed.js → p-e2a68e2b.js} +1 -1
  55. package/custom-elements.json +0 -4
  56. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  57. package/dist/cjs/digi-bar-chart.cjs.entry.js +170 -70
  58. package/dist/cjs/digi-button_27.cjs.entry.js +1380 -0
  59. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2599 -0
  60. package/dist/cjs/digi-calendar-week-view.cjs.entry.js +51 -50
  61. package/dist/cjs/digi-calendar_2.cjs.entry.js +464 -0
  62. package/dist/cjs/digi-chart-line.cjs.entry.js +12 -8
  63. package/dist/cjs/{digi-code-block_2.cjs.entry.js → digi-code-block_3.cjs.entry.js} +134 -2
  64. package/dist/cjs/digi-code-example.cjs.entry.js +1 -1
  65. package/dist/cjs/digi-context-menu.cjs.entry.js +240 -0
  66. package/dist/cjs/digi-dialog.cjs.entry.js +20 -3
  67. package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +97 -0
  68. package/dist/cjs/digi-form-category-filter.cjs.entry.js +121 -0
  69. package/dist/cjs/digi-form-checkbox.cjs.entry.js +139 -0
  70. package/dist/cjs/digi-form-error-list.cjs.entry.js +20 -4
  71. package/dist/cjs/digi-form-file-upload.cjs.entry.js +602 -0
  72. package/dist/cjs/digi-form-filter.cjs.entry.js +248 -0
  73. package/dist/cjs/digi-form-input-search.cjs.entry.js +7 -6
  74. package/dist/cjs/digi-form-input.cjs.entry.js +194 -0
  75. package/dist/cjs/digi-form-label_3.cjs.entry.js +129 -0
  76. package/dist/cjs/digi-form-receipt.cjs.entry.js +19 -2
  77. package/dist/cjs/digi-form-select-filter.cjs.entry.js +564 -0
  78. package/dist/cjs/digi-form-select_2.cjs.entry.js +186 -0
  79. package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +99 -0
  80. package/dist/cjs/digi-icon-check.cjs.entry.js +30 -0
  81. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +30 -0
  82. package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +53 -0
  83. package/dist/cjs/digi-icon-copy.cjs.entry.js +30 -0
  84. package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +145 -0
  85. package/dist/cjs/digi-icon-minus_2.cjs.entry.js +53 -0
  86. package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +99 -0
  87. package/dist/cjs/digi-icon-spinner.cjs.entry.js +31 -0
  88. package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +53 -0
  89. package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +22 -0
  90. package/dist/cjs/digi-info-card-multi.cjs.entry.js +58 -0
  91. package/dist/cjs/digi-info-card.cjs.entry.js +79 -0
  92. package/dist/cjs/digi-layout-columns.cjs.entry.js +33 -0
  93. package/dist/cjs/digi-link-button.cjs.entry.js +66 -0
  94. package/dist/cjs/digi-link-external.cjs.entry.js +36 -0
  95. package/dist/cjs/digi-link-internal.cjs.entry.js +37 -0
  96. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +19 -2
  97. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +150 -0
  98. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +177 -0
  99. package/dist/cjs/digi-notification-alert.cjs.entry.js +112 -0
  100. package/dist/cjs/digi-notification-error-page.cjs.entry.js +19 -2
  101. package/dist/cjs/digi-progress-circle.cjs.entry.js +4 -9
  102. package/dist/cjs/digi-progress-indicator.cjs.entry.js +137 -0
  103. package/dist/cjs/digi-quote.cjs.entry.js +1 -1
  104. package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
  105. package/dist/cjs/digi-tag-media.cjs.entry.js +47 -0
  106. package/dist/cjs/digi-tag.cjs.entry.js +1 -1
  107. package/dist/cjs/digi-tools-feedback.cjs.entry.js +20 -3
  108. package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +28 -0
  109. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +38 -0
  110. package/dist/cjs/digi-typography-preamble.cjs.entry.js +20 -0
  111. package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +64 -0
  112. package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +18 -0
  113. package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +19 -0
  114. package/dist/cjs/form-file-upload-variation.enum-634cfae8.js +24 -0
  115. package/dist/cjs/form-input-search-variation.enum-e0e025b1.js +15 -0
  116. package/dist/cjs/{form-input-type.enum-1fb2180a.js → form-input-type.enum-9c8ee12a.js} +0 -14
  117. package/dist/cjs/form-input-variation.enum-c750520c.js +29 -0
  118. package/dist/cjs/form-select-variation.enum-528c1bf0.js +16 -0
  119. package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +8 -0
  120. package/dist/cjs/index-7a477838.js +156 -4
  121. package/dist/cjs/{index-acb7b350.js → index-ac8e01b4.js} +19 -189
  122. package/dist/cjs/index-cad91a90.js +66 -0
  123. package/dist/cjs/index-e8333bcc.js +174 -0
  124. package/dist/cjs/index.cjs.js +205 -188
  125. package/dist/cjs/info-card-multi-type.enum-14746572.js +8 -0
  126. package/dist/cjs/info-card-variation.enum-64cef637.js +24 -0
  127. package/dist/cjs/layout-columns-variation.enum-65675649.js +23 -0
  128. package/dist/cjs/link-button-variation.enum-137785e3.js +9 -0
  129. package/dist/cjs/loader.cjs.js +1 -1
  130. package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +13 -0
  131. package/dist/cjs/progress-circle-role.enum-b7fdcf0c.js +7 -0
  132. package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +13 -0
  133. package/dist/cjs/tag-media-icon.enum-372563c5.js +11 -0
  134. package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +7 -0
  135. package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +17 -0
  136. package/dist/cjs/{typography-variation.enum-ad1b2403.js → typography-variation.enum-c0ef9190.js} +0 -230
  137. package/dist/collection/components/_button/button/button.css +10 -10
  138. package/dist/collection/components/_calendar/calendar/calendar.css +2 -7
  139. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +106 -411
  140. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +5 -5
  141. package/dist/collection/components/_chart/bar-chart/bar-chart.js +171 -70
  142. package/dist/collection/components/_chart/chart-line/chart-line.js +12 -8
  143. package/dist/collection/components/_code/code-example/code-example.css +0 -6
  144. package/dist/collection/components/_dialog/dialog/dialog.css +1 -1
  145. package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +2 -2
  146. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +106 -411
  147. package/dist/collection/components/_form/form-checkbox/form-checkbox.js +2 -2
  148. package/dist/collection/components/_form/form-error-list/form-error-list.js +1 -7
  149. package/dist/collection/components/_form/form-file-upload/form-file-upload.css +3 -4
  150. package/dist/collection/components/_form/form-file-upload/form-file-upload.js +41 -8
  151. package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
  152. package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +2 -2
  153. package/dist/collection/components/_form/form-select/form-select.css +2 -2
  154. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
  155. package/dist/collection/components/_header/header/header.js +2 -2
  156. package/dist/collection/components/_header/header-avatar/header-avatar.css +105 -410
  157. package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
  158. package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +1 -1
  159. package/dist/collection/components/_link/link-internal/link-internal.css +105 -410
  160. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +2 -3
  161. package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
  162. package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
  163. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +3 -4
  164. package/dist/collection/components/_quote/quote/quote.css +2 -2
  165. package/dist/collection/components/_tag/tag/tag.js +1 -1
  166. package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
  167. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +2 -157
  168. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +2 -43
  169. package/dist/collection/design-tokens/components/_button.variables.scss +10 -10
  170. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  171. package/dist/collection/design-tokens/components/_calendar.variables.scss +2 -3
  172. package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
  173. package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  174. package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
  175. package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +0 -2
  176. package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
  177. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
  178. package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
  179. package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
  180. package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
  181. package/dist/collection/design-tokens/components/_logo.variables.scss +14 -18
  182. package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
  183. package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  184. package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
  185. package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
  186. package/dist/collection/enums.js +7 -1
  187. package/dist/collection/styles/src/_alias.mixin.scss +105 -246
  188. package/dist/collection/styles/src/themes/_brand-af18.mixin.scss +0 -16
  189. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +0 -138
  190. package/dist/collection/styles/src/themes/_brand-common.mixin.scss +0 -7
  191. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +14 -3171
  192. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +10 -10
  193. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  194. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +2 -3
  195. package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
  196. package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
  197. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
  198. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +0 -2
  199. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
  200. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
  201. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
  202. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
  203. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
  204. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +0 -2
  205. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +1 -1
  206. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
  207. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
  208. package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
  209. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  210. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  211. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  212. package/dist/digi-arbetsformedlingen/{p-60738889.entry.js → p-01874a31.entry.js} +1 -1
  213. package/dist/digi-arbetsformedlingen/p-07303cb5.js +1 -0
  214. package/dist/digi-arbetsformedlingen/p-0f6c0360.js +1 -0
  215. package/dist/digi-arbetsformedlingen/p-0fbe6e50.entry.js +1 -0
  216. package/dist/digi-arbetsformedlingen/p-111fb07d.entry.js +1 -0
  217. package/dist/digi-arbetsformedlingen/p-13ee320b.entry.js +1 -0
  218. package/dist/digi-arbetsformedlingen/p-1486034d.entry.js +1 -0
  219. package/dist/digi-arbetsformedlingen/p-18880083.entry.js +1 -0
  220. package/dist/digi-arbetsformedlingen/p-1f3345e9.js +1 -0
  221. package/dist/digi-arbetsformedlingen/p-1f956af8.js +1 -0
  222. package/dist/digi-arbetsformedlingen/p-2788683e.entry.js +1 -0
  223. package/dist/digi-arbetsformedlingen/p-2a023831.js +1 -0
  224. package/dist/digi-arbetsformedlingen/p-2d2f6950.entry.js +1 -0
  225. package/dist/digi-arbetsformedlingen/p-30dc159d.entry.js +1 -0
  226. package/dist/digi-arbetsformedlingen/p-37c0ea9e.entry.js +1 -0
  227. package/dist/digi-arbetsformedlingen/p-39468f49.entry.js +1 -0
  228. package/dist/digi-arbetsformedlingen/p-398d0f60.entry.js +1 -0
  229. package/dist/digi-arbetsformedlingen/p-3b20ec86.js +1 -0
  230. package/dist/digi-arbetsformedlingen/p-3c9195db.entry.js +1 -0
  231. package/dist/digi-arbetsformedlingen/p-3f9dfdb0.entry.js +1 -0
  232. package/dist/digi-arbetsformedlingen/p-408e9b2a.entry.js +1 -0
  233. package/dist/digi-arbetsformedlingen/p-416992c0.entry.js +1 -0
  234. package/dist/digi-arbetsformedlingen/p-4841b4e1.js +1 -0
  235. package/dist/digi-arbetsformedlingen/p-4b8cae8a.entry.js +1 -0
  236. package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +1 -0
  237. package/dist/digi-arbetsformedlingen/p-501f9b16.entry.js +1 -0
  238. package/dist/digi-arbetsformedlingen/p-51149879.entry.js +1 -0
  239. package/dist/digi-arbetsformedlingen/{p-d670e0e0.entry.js → p-54d5aa93.entry.js} +1 -1
  240. package/dist/digi-arbetsformedlingen/p-55bcba7c.entry.js +1 -0
  241. package/dist/digi-arbetsformedlingen/p-55d02ef7.entry.js +1 -0
  242. package/dist/digi-arbetsformedlingen/p-577f6995.entry.js +1 -0
  243. package/dist/digi-arbetsformedlingen/p-59073668.entry.js +1 -0
  244. package/dist/digi-arbetsformedlingen/p-5f20045a.entry.js +1 -0
  245. package/dist/digi-arbetsformedlingen/p-5f4ece29.entry.js +1 -0
  246. package/dist/digi-arbetsformedlingen/p-6fb0f1a4.entry.js +1 -0
  247. package/dist/digi-arbetsformedlingen/p-70da2307.entry.js +1 -0
  248. package/dist/digi-arbetsformedlingen/p-7933b555.js +1 -0
  249. package/dist/digi-arbetsformedlingen/p-7aacd45f.js +1 -0
  250. package/dist/digi-arbetsformedlingen/p-8142cc73.js +1 -0
  251. package/dist/digi-arbetsformedlingen/p-814ca2ad.js +1 -0
  252. package/dist/digi-arbetsformedlingen/p-820e795b.js +1 -0
  253. package/dist/digi-arbetsformedlingen/p-82611050.entry.js +1 -0
  254. package/dist/digi-arbetsformedlingen/p-82a74908.entry.js +1 -0
  255. package/dist/digi-arbetsformedlingen/p-8833044b.entry.js +1 -0
  256. package/dist/digi-arbetsformedlingen/p-88b4d03a.js +1 -0
  257. package/dist/digi-arbetsformedlingen/p-8fa50755.entry.js +1 -0
  258. package/dist/digi-arbetsformedlingen/p-905ccb30.js +1 -0
  259. package/dist/digi-arbetsformedlingen/p-915b2a14.entry.js +1 -0
  260. package/dist/digi-arbetsformedlingen/p-97f66789.entry.js +1 -0
  261. package/dist/digi-arbetsformedlingen/p-9c053cf8.entry.js +1 -0
  262. package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +1 -0
  263. package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +1 -0
  264. package/dist/digi-arbetsformedlingen/p-9f47d4b7.entry.js +1 -0
  265. package/dist/digi-arbetsformedlingen/p-a186888d.entry.js +1 -0
  266. package/dist/digi-arbetsformedlingen/p-a969ba67.entry.js +1 -0
  267. package/dist/digi-arbetsformedlingen/p-af72f16f.entry.js +1 -0
  268. package/dist/digi-arbetsformedlingen/p-b3d93b8b.entry.js +1 -0
  269. package/dist/digi-arbetsformedlingen/p-be4fd246.js +1 -0
  270. package/dist/digi-arbetsformedlingen/p-c04ae2fc.entry.js +1 -0
  271. package/dist/digi-arbetsformedlingen/p-c06930c2.entry.js +1 -0
  272. package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +1 -0
  273. package/dist/digi-arbetsformedlingen/p-c7949525.js +1 -0
  274. package/dist/digi-arbetsformedlingen/{p-0a6d26f7.entry.js → p-cea5ef63.entry.js} +1 -1
  275. package/dist/digi-arbetsformedlingen/p-d182d8bb.entry.js +1 -0
  276. package/dist/digi-arbetsformedlingen/p-d1886fff.js +1 -0
  277. package/dist/digi-arbetsformedlingen/{p-67ba87db.entry.js → p-d3e14568.entry.js} +1 -1
  278. package/dist/digi-arbetsformedlingen/p-d595e8a3.js +1 -0
  279. package/dist/digi-arbetsformedlingen/p-ddd659bf.entry.js +1 -0
  280. package/dist/digi-arbetsformedlingen/p-e5bd5a7e.entry.js +1 -0
  281. package/dist/digi-arbetsformedlingen/p-eda570be.entry.js +1 -0
  282. package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +1 -0
  283. package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +1 -0
  284. package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +1 -0
  285. package/dist/digi-arbetsformedlingen/p-f447b984.js +1 -0
  286. package/dist/digi-arbetsformedlingen/p-f4edca16.entry.js +1 -0
  287. package/dist/digi-arbetsformedlingen/p-fb9b3544.entry.js +1 -0
  288. package/dist/digi-arbetsformedlingen/p-fdca581c.entry.js +1 -0
  289. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +105 -246
  290. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af18.mixin.scss +0 -16
  291. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +0 -138
  292. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-common.mixin.scss +0 -7
  293. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +14 -3171
  294. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  295. package/dist/esm/digi-bar-chart.entry.js +170 -70
  296. package/dist/esm/digi-button_27.entry.js +1350 -0
  297. package/dist/esm/digi-calendar-datepicker.entry.js +2595 -0
  298. package/dist/esm/digi-calendar-week-view.entry.js +2 -1
  299. package/dist/esm/digi-calendar_2.entry.js +459 -0
  300. package/dist/esm/digi-chart-line.entry.js +12 -8
  301. package/dist/esm/{digi-code-block_2.entry.js → digi-code-block_3.entry.js} +135 -4
  302. package/dist/esm/digi-code-example.entry.js +1 -1
  303. package/dist/esm/digi-context-menu.entry.js +236 -0
  304. package/dist/esm/digi-dialog.entry.js +20 -3
  305. package/dist/esm/digi-expandable-faq-item.entry.js +93 -0
  306. package/dist/esm/digi-form-category-filter.entry.js +117 -0
  307. package/dist/esm/digi-form-checkbox.entry.js +135 -0
  308. package/dist/esm/digi-form-error-list.entry.js +20 -4
  309. package/dist/esm/digi-form-file-upload.entry.js +598 -0
  310. package/dist/esm/digi-form-filter.entry.js +244 -0
  311. package/dist/esm/digi-form-input-search.entry.js +2 -1
  312. package/dist/esm/digi-form-input.entry.js +190 -0
  313. package/dist/esm/digi-form-label_3.entry.js +123 -0
  314. package/dist/esm/digi-form-receipt.entry.js +19 -2
  315. package/dist/esm/digi-form-select-filter.entry.js +560 -0
  316. package/dist/esm/digi-form-select_2.entry.js +181 -0
  317. package/dist/esm/digi-icon-check-circle-solid_4.entry.js +92 -0
  318. package/dist/esm/digi-icon-check.entry.js +26 -0
  319. package/dist/esm/digi-icon-chevron-down.entry.js +26 -0
  320. package/dist/esm/digi-icon-chevron-left_2.entry.js +48 -0
  321. package/dist/esm/digi-icon-copy.entry.js +26 -0
  322. package/dist/esm/digi-icon-list-ul_6.entry.js +136 -0
  323. package/dist/esm/digi-icon-minus_2.entry.js +48 -0
  324. package/dist/esm/digi-icon-notification-error_4.entry.js +92 -0
  325. package/dist/esm/digi-icon-spinner.entry.js +27 -0
  326. package/dist/esm/digi-icon-validation-error_2.entry.js +48 -0
  327. package/dist/esm/digi-info-card-multi-container.entry.js +18 -0
  328. package/dist/esm/digi-info-card-multi.entry.js +54 -0
  329. package/dist/esm/digi-info-card.entry.js +75 -0
  330. package/dist/esm/digi-layout-columns.entry.js +29 -0
  331. package/dist/esm/digi-link-button.entry.js +62 -0
  332. package/dist/esm/digi-link-external.entry.js +32 -0
  333. package/dist/esm/digi-link-internal.entry.js +33 -0
  334. package/dist/esm/digi-navigation-pagination.entry.js +19 -2
  335. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +146 -0
  336. package/dist/esm/digi-navigation-vertical-menu.entry.js +173 -0
  337. package/dist/esm/digi-notification-alert.entry.js +108 -0
  338. package/dist/esm/digi-notification-error-page.entry.js +19 -2
  339. package/dist/esm/digi-progress-circle.entry.js +1 -6
  340. package/dist/esm/digi-progress-indicator.entry.js +133 -0
  341. package/dist/esm/digi-quote.entry.js +1 -1
  342. package/dist/esm/digi-tablist.entry.js +5 -5
  343. package/dist/esm/digi-tag-media.entry.js +43 -0
  344. package/dist/esm/digi-tag.entry.js +1 -1
  345. package/dist/esm/digi-tools-feedback.entry.js +20 -3
  346. package/dist/esm/digi-tools-theme-provider.entry.js +24 -0
  347. package/dist/esm/digi-typography-heading-jumbo.entry.js +34 -0
  348. package/dist/esm/digi-typography-preamble.entry.js +16 -0
  349. package/dist/esm/digi-util-mutation-observer.entry.js +60 -0
  350. package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +18 -0
  351. package/dist/esm/form-checkbox-variation.enum-83e906fc.js +19 -0
  352. package/dist/esm/form-file-upload-variation.enum-9c49ec5e.js +24 -0
  353. package/dist/esm/form-input-search-variation.enum-6d8dc10a.js +15 -0
  354. package/dist/esm/{form-input-type.enum-a6bba983.js → form-input-type.enum-3da3db27.js} +1 -15
  355. package/dist/esm/form-input-variation.enum-64d9450f.js +29 -0
  356. package/dist/esm/form-select-variation.enum-f2f6098d.js +16 -0
  357. package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +8 -0
  358. package/dist/esm/index-148a7577.js +156 -4
  359. package/dist/esm/{index-dc6b83f7.js → index-2fce392f.js} +3 -170
  360. package/dist/esm/index-5b6c95c6.js +63 -0
  361. package/dist/esm/index-8685f88d.js +170 -0
  362. package/dist/esm/index.js +19 -2
  363. package/dist/esm/info-card-multi-type.enum-07ee124f.js +8 -0
  364. package/dist/esm/info-card-variation.enum-2ccc52c1.js +24 -0
  365. package/dist/esm/layout-columns-variation.enum-34f7754e.js +23 -0
  366. package/dist/esm/link-button-variation.enum-84d4976f.js +9 -0
  367. package/dist/esm/loader.js +1 -1
  368. package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +13 -0
  369. package/dist/esm/progress-circle-role.enum-7737a2c6.js +7 -0
  370. package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +13 -0
  371. package/dist/esm/tag-media-icon.enum-fefa191c.js +11 -0
  372. package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +7 -0
  373. package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +17 -0
  374. package/dist/esm/typography-variation.enum-c85d7857.js +271 -0
  375. package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +2 -2
  376. package/dist/types/components/_form/form-error-list/form-error-list.d.ts +0 -1
  377. package/dist/types/components/_form/form-file-upload/form-file-upload.d.ts +5 -0
  378. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +0 -9
  379. package/dist/types/components.d.ts +5 -12
  380. package/dist/types/enums.d.ts +7 -1
  381. package/hydrate/index.js +252 -155
  382. package/hydrate/index.mjs +252 -155
  383. package/package.json +1 -1
  384. package/components/p-1af1c5ea.js +0 -165
  385. package/components/p-adb4322e.js +0 -66
  386. package/components/p-bd92430e.js +0 -177
  387. package/components/p-d7ef9cb1.js +0 -13
  388. package/dist/cjs/digi-button_84.cjs.entry.js +0 -8405
  389. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +0 -5
  390. package/dist/digi-arbetsformedlingen/p-0467a3ec.entry.js +0 -1
  391. package/dist/digi-arbetsformedlingen/p-1995b9cc.entry.js +0 -1
  392. package/dist/digi-arbetsformedlingen/p-3f47ec44.entry.js +0 -1
  393. package/dist/digi-arbetsformedlingen/p-47ab0b39.entry.js +0 -1
  394. package/dist/digi-arbetsformedlingen/p-5ad6d46d.entry.js +0 -1
  395. package/dist/digi-arbetsformedlingen/p-6f2ac316.entry.js +0 -1
  396. package/dist/digi-arbetsformedlingen/p-72ef7f99.entry.js +0 -1
  397. package/dist/digi-arbetsformedlingen/p-740c6ad8.entry.js +0 -1
  398. package/dist/digi-arbetsformedlingen/p-8d055a17.js +0 -1
  399. package/dist/digi-arbetsformedlingen/p-94ded2bd.entry.js +0 -1
  400. package/dist/digi-arbetsformedlingen/p-a105d9fe.js +0 -1
  401. package/dist/digi-arbetsformedlingen/p-b471f287.entry.js +0 -1
  402. package/dist/digi-arbetsformedlingen/p-c64b4626.js +0 -1
  403. package/dist/digi-arbetsformedlingen/p-ed832d4e.entry.js +0 -1
  404. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
  405. package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +0 -1
  406. package/dist/esm/digi-button_84.entry.js +0 -8318
  407. package/dist/esm/typography-variation.enum-7319240b.js +0 -501
  408. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +0 -4
@@ -1,3927 +1,770 @@
1
1
  {
2
2
  "text--primary": {
3
3
  "name": "Text/primary",
4
- "id": "VariableID:13649:1579",
5
- "remote": false,
6
- "key": "44ed378e90a355a83c8113e06165d6f22212009b",
7
- "variableCollectionId": "VariableCollectionId:13447:2",
8
- "resolvedType": "COLOR",
9
4
  "description": "Primär textfärg som har bra kontrastvärde mot vitt, med gråton för att inte ha för skarp kontrast för ögonen.",
10
- "hiddenFromPublishing": false,
11
- "valuesByMode": {
12
- "13447:0": {
13
- "type": "VARIABLE_ALIAS",
14
- "id": "VariableID:13386:37"
15
- },
16
- "21002:0": {
17
- "type": "VARIABLE_ALIAS",
18
- "id": "VariableID:21002:10572"
19
- }
20
- },
21
- "scopes": [
22
- "TEXT_FILL"
23
- ],
24
- "codeSyntax": {
25
- "WEB": "--digi--color--text--primary"
26
- },
27
- "digiName": "text--primary",
28
5
  "digiCSSVariable": "--digi--color--text--primary",
29
- "digiRecursiveValue": "#333333",
30
- "digiValue": "grayscale--900"
31
- },
32
- "text--primary-stay": {
33
- "name": "Text/primary-stay",
34
- "id": "VariableID:21019:21376",
35
- "remote": false,
36
- "key": "efcdf9032bd1fb76a2503c085e4531e09d3e900f",
37
- "variableCollectionId": "VariableCollectionId:13447:2",
38
- "resolvedType": "COLOR",
39
- "description": "Togs fram för status taggar som behöver text som förbli mörk pga kontrast",
40
- "hiddenFromPublishing": false,
41
- "valuesByMode": {
42
- "13447:0": {
43
- "type": "VARIABLE_ALIAS",
44
- "id": "VariableID:13386:37"
45
- },
46
- "21002:0": {
47
- "type": "VARIABLE_ALIAS",
48
- "id": "VariableID:21002:10575"
49
- }
50
- },
51
- "scopes": [
52
- "TEXT_FILL"
53
- ],
54
- "codeSyntax": {
55
- "WEB": "--digi--color--text--primary"
56
- },
57
- "digiName": "text--primary-stay",
58
- "digiCSSVariable": "--digi--color--text--primary-stay",
59
- "digiRecursiveValue": "#333333",
60
- "digiValue": "grayscale--900"
6
+ "digiRecursiveValue": "#333333"
61
7
  },
62
8
  "text--secondary": {
63
9
  "name": "Text/secondary",
64
- "id": "VariableID:13916:1105",
65
- "remote": false,
66
- "key": "6a69b19d4a6828a4d06b4aad5431fcebd2999ca5",
67
- "variableCollectionId": "VariableCollectionId:13447:2",
68
- "resolvedType": "COLOR",
69
10
  "description": "Sekundär textfärg som används mot mörk eller annan färgstark bakgrund. Används ex. i digi-footer och digi-status-badge.",
70
- "hiddenFromPublishing": false,
71
- "valuesByMode": {
72
- "13447:0": {
73
- "type": "VARIABLE_ALIAS",
74
- "id": "VariableID:13367:15"
75
- },
76
- "21002:0": {
77
- "type": "VARIABLE_ALIAS",
78
- "id": "VariableID:21002:10572"
79
- }
80
- },
81
- "scopes": [
82
- "TEXT_FILL"
83
- ],
84
- "codeSyntax": {
85
- "WEB": "--digi--color--text--secondary"
86
- },
87
- "digiName": "text--secondary",
88
11
  "digiCSSVariable": "--digi--color--text--secondary",
89
- "digiRecursiveValue": "#FFFFFF",
90
- "digiValue": "grayscale--0"
91
- },
92
- "text--secondary-stay": {
93
- "name": "Text/secondary-stay",
94
- "id": "VariableID:21019:21377",
95
- "remote": false,
96
- "key": "0edcc3a0ba1ed59db9c90099358165af21c49658",
97
- "variableCollectionId": "VariableCollectionId:13447:2",
98
- "resolvedType": "COLOR",
99
- "description": "Sekundär textfärg som används mot mörk eller annan färgstark bakgrund. Används ex. i digi-footer och digi-status-badge. och som behöver förbli vit för att behålla sin tydlighet, tog frm detta för statustaggar",
100
- "hiddenFromPublishing": false,
101
- "valuesByMode": {
102
- "13447:0": {
103
- "type": "VARIABLE_ALIAS",
104
- "id": "VariableID:13367:15"
105
- },
106
- "21002:0": {
107
- "type": "VARIABLE_ALIAS",
108
- "id": "VariableID:21002:10572"
109
- }
110
- },
111
- "scopes": [
112
- "TEXT_FILL"
113
- ],
114
- "codeSyntax": {
115
- "WEB": "--digi--color--text--secondary"
116
- },
117
- "digiName": "text--secondary-stay",
118
- "digiCSSVariable": "--digi--color--text--secondary-stay",
119
- "digiRecursiveValue": "#FFFFFF",
120
- "digiValue": "grayscale--0"
12
+ "digiRecursiveValue": "#FFFFFF"
121
13
  },
122
14
  "text--description": {
123
15
  "name": "Text/description",
124
- "id": "VariableID:14172:285",
125
- "remote": false,
126
- "key": "91f9c436419504d1b1394ba3488caa9728d47d38",
127
- "variableCollectionId": "VariableCollectionId:13447:2",
128
- "resolvedType": "COLOR",
129
16
  "description": "Textfärg som används för beskrivningar, t.ex. i digi-progress-indicator.",
130
- "hiddenFromPublishing": false,
131
- "valuesByMode": {
132
- "13447:0": {
133
- "type": "VARIABLE_ALIAS",
134
- "id": "VariableID:13386:28"
135
- },
136
- "21002:0": {
137
- "type": "VARIABLE_ALIAS",
138
- "id": "VariableID:13386:2"
139
- }
140
- },
141
- "scopes": [
142
- "TEXT_FILL"
143
- ],
144
- "codeSyntax": {
145
- "WEB": "--digi--color--text--description"
146
- },
147
- "digiName": "text--description",
148
17
  "digiCSSVariable": "--digi--color--text--description",
149
18
  "digiRecursiveValue": "#5C5C5C"
150
19
  },
151
20
  "text--interactive--primary": {
152
21
  "name": "Text/Interactive/primary",
153
- "id": "VariableID:13828:67",
154
- "remote": false,
155
- "key": "6541ebea6a8dbc0a760f2adcbe8205dde29f903d",
156
- "variableCollectionId": "VariableCollectionId:13447:2",
157
- "resolvedType": "COLOR",
158
22
  "description": "Används för länkar.",
159
- "hiddenFromPublishing": false,
160
- "valuesByMode": {
161
- "13447:0": {
162
- "type": "VARIABLE_ALIAS",
163
- "id": "VariableID:13377:27"
164
- },
165
- "21002:0": {
166
- "type": "VARIABLE_ALIAS",
167
- "id": "VariableID:15493:2"
168
- }
169
- },
170
- "scopes": [
171
- "TEXT_FILL"
172
- ],
173
- "codeSyntax": {
174
- "WEB": "--digi--color--text--interactive--primary"
175
- },
176
- "digiName": "text--interactive--primary",
177
23
  "digiCSSVariable": "--digi--color--text--interactive--primary",
178
- "digiRecursiveValue": "#1616B2",
179
- "digiValue": "brand-link--default"
180
- },
181
- "text--interactive--primary-discreet": {
182
- "name": "Text/Interactive/primary-discreet",
183
- "id": "VariableID:21002:10732",
184
- "remote": false,
185
- "key": "2cfacbac778e52124d025a198d8cf4332fb51b1e",
186
- "variableCollectionId": "VariableCollectionId:13447:2",
187
- "resolvedType": "COLOR",
188
- "description": "Används för länkade rubriker som ska tonas ner i dark mode.",
189
- "hiddenFromPublishing": false,
190
- "valuesByMode": {
191
- "13447:0": {
192
- "type": "VARIABLE_ALIAS",
193
- "id": "VariableID:13377:27"
194
- },
195
- "21002:0": {
196
- "type": "VARIABLE_ALIAS",
197
- "id": "VariableID:21002:10572"
198
- }
199
- },
200
- "scopes": [
201
- "TEXT_FILL"
202
- ],
203
- "codeSyntax": {
204
- "WEB": "--digi--color--text--interactive--primary"
205
- },
206
- "digiName": "text--interactive--primary-discreet",
207
- "digiCSSVariable": "--digi--color--text--interactive--primary-discreet",
208
- "digiRecursiveValue": "#1616B2",
209
- "digiValue": "brand-link--default"
24
+ "digiRecursiveValue": "#1616B2"
210
25
  },
211
26
  "text--interactive--secondary": {
212
27
  "name": "Text/Interactive/secondary",
213
- "id": "VariableID:13828:314",
214
- "remote": false,
215
- "key": "7a797f87974ce709200e5ceb720c05a9ecae952e",
216
- "variableCollectionId": "VariableCollectionId:13447:2",
217
- "resolvedType": "COLOR",
218
28
  "description": "Används på interaktiva textelement mot mörk eller färgstark bakgrund, som primärknappar och länkknappar.",
219
- "hiddenFromPublishing": false,
220
- "valuesByMode": {
221
- "13447:0": {
222
- "type": "VARIABLE_ALIAS",
223
- "id": "VariableID:13367:15"
224
- },
225
- "21002:0": {
226
- "type": "VARIABLE_ALIAS",
227
- "id": "VariableID:13386:37"
228
- }
229
- },
230
- "scopes": [
231
- "TEXT_FILL"
232
- ],
233
- "codeSyntax": {
234
- "WEB": "--digi--color--text--interactive--secondary"
235
- },
236
- "digiName": "text--interactive--secondary",
237
29
  "digiCSSVariable": "--digi--color--text--interactive--secondary",
238
- "digiRecursiveValue": "#FFFFFF",
239
- "digiValue": "grayscale--0"
240
- },
241
- "text--interactive--secondary-discreet": {
242
- "name": "Text/Interactive/secondary-discreet",
243
- "id": "VariableID:21019:21135",
244
- "remote": false,
245
- "key": "aba6fa5e357d7e253a85ee7091f8f7fbf7631968",
246
- "variableCollectionId": "VariableCollectionId:13447:2",
247
- "resolvedType": "COLOR",
248
- "description": "tog fram för paginering i dark mode",
249
- "hiddenFromPublishing": false,
250
- "valuesByMode": {
251
- "13447:0": {
252
- "type": "VARIABLE_ALIAS",
253
- "id": "VariableID:13367:15"
254
- },
255
- "21002:0": {
256
- "type": "VARIABLE_ALIAS",
257
- "id": "VariableID:21002:10572"
258
- }
259
- },
260
- "scopes": [
261
- "TEXT_FILL"
262
- ],
263
- "codeSyntax": {
264
- "WEB": "--digi--color--text--interactive--secondary"
265
- },
266
- "digiName": "text--interactive--secondary-discreet",
267
- "digiCSSVariable": "--digi--color--text--interactive--secondary-discreet",
268
- "digiRecursiveValue": "#FFFFFF",
269
- "digiValue": "grayscale--0"
30
+ "digiRecursiveValue": "#FFFFFF"
270
31
  },
271
32
  "text--interactive--tertiary": {
272
33
  "name": "Text/Interactive/tertiary",
273
- "id": "VariableID:13965:756",
274
- "remote": false,
275
- "key": "40e6ce596d572a7ed85b85cf4367e151c2785a96",
276
- "variableCollectionId": "VariableCollectionId:13447:2",
277
- "resolvedType": "COLOR",
278
34
  "description": "Används på klickbara textelement som har ljus bakgrund och behöver se mer subtila ut än vanlig länkfärg, t.ex. menyval, flikar och utfällbar rubrik.",
279
- "hiddenFromPublishing": false,
280
- "valuesByMode": {
281
- "13447:0": {
282
- "type": "VARIABLE_ALIAS",
283
- "id": "VariableID:13386:37"
284
- },
285
- "21002:0": {
286
- "type": "VARIABLE_ALIAS",
287
- "id": "VariableID:21002:10572"
288
- }
289
- },
290
- "scopes": [
291
- "TEXT_FILL"
292
- ],
293
- "codeSyntax": {
294
- "WEB": "--digi--color--text--interactive--tertiary"
295
- },
296
- "digiName": "text--interactive--tertiary",
297
35
  "digiCSSVariable": "--digi--color--text--interactive--tertiary",
298
36
  "digiRecursiveValue": "#333333"
299
37
  },
300
38
  "text--interactive--brand-primary": {
301
39
  "name": "Text/Interactive/brand-primary",
302
- "id": "VariableID:13828:315",
303
- "remote": false,
304
- "key": "9d98bac1d3aa096cd1347e9efdd1e1e7196c1449",
305
- "variableCollectionId": "VariableCollectionId:13447:2",
306
- "resolvedType": "COLOR",
307
40
  "description": "Används för klickbara textelement där man vill förstärka varumärket, såsom i sekundära länkknappar och knappar samt taggar.",
308
- "hiddenFromPublishing": false,
309
- "valuesByMode": {
310
- "13447:0": {
311
- "type": "VARIABLE_ALIAS",
312
- "id": "VariableID:13332:3"
313
- },
314
- "21002:0": {
315
- "type": "VARIABLE_ALIAS",
316
- "id": "VariableID:21002:10572"
317
- }
318
- },
319
- "scopes": [
320
- "TEXT_FILL"
321
- ],
322
- "codeSyntax": {
323
- "WEB": "--digi--color--text--interactive--brand-primary"
324
- },
325
- "digiName": "text--interactive--brand-primary",
326
41
  "digiCSSVariable": "--digi--color--text--interactive--brand-primary",
327
42
  "digiRecursiveValue": "#091D54"
328
43
  },
329
44
  "text--interactive--brand-secondary": {
330
45
  "name": "Text/Interactive/brand-secondary",
331
- "id": "VariableID:13828:316",
332
- "remote": false,
333
- "key": "11a46067942c9803ecac65a26d686791e766d886",
334
- "variableCollectionId": "VariableCollectionId:13447:2",
335
- "resolvedType": "COLOR",
336
46
  "description": "Används i länkknappar.",
337
- "hiddenFromPublishing": false,
338
- "valuesByMode": {
339
- "13447:0": {
340
- "type": "VARIABLE_ALIAS",
341
- "id": "VariableID:15493:2"
342
- },
343
- "21002:0": {
344
- "type": "VARIABLE_ALIAS",
345
- "id": "VariableID:15493:2"
346
- }
347
- },
348
- "scopes": [
349
- "TEXT_FILL"
350
- ],
351
- "codeSyntax": {
352
- "WEB": "--digi--color--text--interactive--brand-secondary"
353
- },
354
- "digiName": "text--interactive--brand-secondary",
355
47
  "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
356
48
  "digiRecursiveValue": "#67EE6A"
357
49
  },
358
50
  "text--interactive--visited": {
359
51
  "name": "Text/Interactive/visited",
360
- "id": "VariableID:13946:8265",
361
- "remote": false,
362
- "key": "579866a08801e583df823c2a74aa9cdec307a43f",
363
- "variableCollectionId": "VariableCollectionId:13447:2",
364
- "resolvedType": "COLOR",
365
52
  "description": "Används för länkar som har blivit besökta.",
366
- "hiddenFromPublishing": false,
367
- "valuesByMode": {
368
- "13447:0": {
369
- "type": "VARIABLE_ALIAS",
370
- "id": "VariableID:13377:28"
371
- },
372
- "21002:0": {
373
- "type": "VARIABLE_ALIAS",
374
- "id": "VariableID:13377:28"
375
- }
376
- },
377
- "scopes": [
378
- "TEXT_FILL"
379
- ],
380
- "codeSyntax": {
381
- "WEB": "--digi--color--text--interactive--visited"
382
- },
383
- "digiName": "text--interactive--visited",
384
53
  "digiCSSVariable": "--digi--color--text--interactive--visited",
385
- "digiRecursiveValue": "#822998",
386
- "digiValue": "brand-link--visited"
387
- },
388
- "background--surface": {
389
- "name": "Background/surface",
390
- "id": "VariableID:25479:8722",
391
- "remote": false,
392
- "key": "6e37c4366f5f78ca089f3089f5cfcf3b6c197470",
393
- "variableCollectionId": "VariableCollectionId:13447:2",
394
- "resolvedType": "COLOR",
395
- "description": "ska sättas på <body> och grundframen",
396
- "hiddenFromPublishing": false,
397
- "valuesByMode": {
398
- "13447:0": {
399
- "type": "VARIABLE_ALIAS",
400
- "id": "VariableID:13367:15"
401
- },
402
- "21002:0": {
403
- "type": "VARIABLE_ALIAS",
404
- "id": "VariableID:13386:37"
405
- }
406
- },
407
- "scopes": [
408
- "ALL_SCOPES"
409
- ],
410
- "codeSyntax": {},
411
- "digiName": "background--surface",
412
- "digiCSSVariable": "--digi--color--background--surface",
413
- "digiRecursiveValue": "#FFFFFF",
414
- "digiValue": "grayscale--0"
54
+ "digiRecursiveValue": "#822998"
415
55
  },
416
56
  "background--primary": {
417
57
  "name": "Background/primary",
418
- "id": "VariableID:13649:1550",
419
- "remote": false,
420
- "key": "1c7e91e49e4976ffac56eb090b23ec650902835c",
421
- "variableCollectionId": "VariableCollectionId:13447:2",
422
- "resolvedType": "COLOR",
423
58
  "description": "Neutral färg som används som en primär bakgrundsfärg.",
424
- "hiddenFromPublishing": false,
425
- "valuesByMode": {
426
- "13447:0": {
427
- "type": "VARIABLE_ALIAS",
428
- "id": "VariableID:13367:15"
429
- },
430
- "21002:0": {
431
- "type": "VARIABLE_ALIAS",
432
- "id": "VariableID:21002:10577"
433
- }
434
- },
435
- "scopes": [
436
- "FRAME_FILL"
437
- ],
438
- "codeSyntax": {
439
- "WEB": "--digi--color--background--primary"
440
- },
441
- "digiName": "background--primary",
442
59
  "digiCSSVariable": "--digi--color--background--primary",
443
- "digiRecursiveValue": "#FFFFFF",
444
- "digiValue": "grayscale--0"
445
- },
446
- "background--primary-elevated": {
447
- "name": "Background/primary-elevated",
448
- "id": "VariableID:21003:10829",
449
- "remote": false,
450
- "key": "ab8e90de972d8232f882e17f4fa562f92d43718e",
451
- "variableCollectionId": "VariableCollectionId:13447:2",
452
- "resolvedType": "COLOR",
453
- "description": "Neutral färg som används som en primär bakgrundsfärg.",
454
- "hiddenFromPublishing": false,
455
- "valuesByMode": {
456
- "13447:0": {
457
- "type": "VARIABLE_ALIAS",
458
- "id": "VariableID:13367:15"
459
- },
460
- "21002:0": {
461
- "type": "VARIABLE_ALIAS",
462
- "id": "VariableID:21002:10575"
463
- }
464
- },
465
- "scopes": [
466
- "FRAME_FILL"
467
- ],
468
- "codeSyntax": {
469
- "WEB": "--digi--color--background--primary"
470
- },
471
- "digiName": "background--primary-elevated",
472
- "digiCSSVariable": "--digi--color--background--primary-elevated",
473
- "digiRecursiveValue": "#FFFFFF",
474
- "digiValue": "grayscale--0"
60
+ "digiRecursiveValue": "#FFFFFF"
475
61
  },
476
62
  "background--secondary": {
477
63
  "name": "Background/secondary",
478
- "id": "VariableID:13851:4",
479
- "remote": false,
480
- "key": "cbb012ac94cbcaac20fc87f6c82436a339e4da20",
481
- "variableCollectionId": "VariableCollectionId:13447:2",
482
- "resolvedType": "COLOR",
483
64
  "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
484
- "hiddenFromPublishing": false,
485
- "valuesByMode": {
486
- "13447:0": {
487
- "type": "VARIABLE_ALIAS",
488
- "id": "VariableID:13386:2"
489
- },
490
- "21002:0": {
491
- "type": "VARIABLE_ALIAS",
492
- "id": "VariableID:21002:10578"
493
- }
494
- },
495
- "scopes": [
496
- "FRAME_FILL"
497
- ],
498
- "codeSyntax": {
499
- "WEB": "--digi--color--background--secondary"
500
- },
501
- "digiName": "background--secondary",
502
65
  "digiCSSVariable": "--digi--color--background--secondary",
503
- "digiRecursiveValue": "#F4F4F4",
504
- "digiValue": "grayscale--100"
505
- },
506
- "background--secondary-elevated": {
507
- "name": "Background/secondary-elevated",
508
- "id": "VariableID:21003:10830",
509
- "remote": false,
510
- "key": "36350818c8185285e47fca72a8c8258f7026b6e3",
511
- "variableCollectionId": "VariableCollectionId:13447:2",
512
- "resolvedType": "COLOR",
513
- "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
514
- "hiddenFromPublishing": false,
515
- "valuesByMode": {
516
- "13447:0": {
517
- "type": "VARIABLE_ALIAS",
518
- "id": "VariableID:13386:2"
519
- },
520
- "21002:0": {
521
- "type": "VARIABLE_ALIAS",
522
- "id": "VariableID:21002:10576"
523
- }
524
- },
525
- "scopes": [
526
- "FRAME_FILL"
527
- ],
528
- "codeSyntax": {
529
- "WEB": "--digi--color--background--secondary"
530
- },
531
- "digiName": "background--secondary-elevated",
532
- "digiCSSVariable": "--digi--color--background--secondary-elevated",
533
- "digiRecursiveValue": "#F4F4F4",
534
- "digiValue": "grayscale--100"
66
+ "digiRecursiveValue": "#F4F4F4"
535
67
  },
536
68
  "background--secondary-accent": {
537
69
  "name": "Background/secondary-accent",
538
- "id": "VariableID:14424:911",
539
- "remote": false,
540
- "key": "5e71c9871e82feba41b379eb8abdd7e5755586ea",
541
- "variableCollectionId": "VariableCollectionId:13447:2",
542
- "resolvedType": "COLOR",
543
70
  "description": "Används som bakgrundsfärg för att gruppera och framhäva klickbara element i en dropdown, tex i wrappern runtom knapparna i form-filter.",
544
- "hiddenFromPublishing": false,
545
- "valuesByMode": {
546
- "13447:0": {
547
- "type": "VARIABLE_ALIAS",
548
- "id": "VariableID:13386:35"
549
- },
550
- "21002:0": {
551
- "type": "VARIABLE_ALIAS",
552
- "id": "VariableID:21002:10575"
553
- }
554
- },
555
- "scopes": [
556
- "FRAME_FILL"
557
- ],
558
- "codeSyntax": {
559
- "WEB": "--digi--color--background--secondary-accent"
560
- },
561
- "digiName": "background--secondary-accent",
562
71
  "digiCSSVariable": "--digi--color--background--secondary-accent",
563
72
  "digiRecursiveValue": "#DDDDDD"
564
73
  },
565
74
  "background--secondary-muted": {
566
75
  "name": "Background/secondary-muted",
567
- "id": "VariableID:14131:350",
568
- "remote": false,
569
- "key": "b61076f5e9507434c6e468c0d3ac883b95c19ccb",
570
- "variableCollectionId": "VariableCollectionId:13447:2",
571
- "resolvedType": "COLOR",
572
76
  "description": "Används som bakgrundsfärg för att mer subtilt gruppera och framhäva klickbara element, som flikar i digi-header.",
573
- "hiddenFromPublishing": false,
574
- "valuesByMode": {
575
- "13447:0": {
576
- "type": "VARIABLE_ALIAS",
577
- "id": "VariableID:13386:32"
578
- },
579
- "21002:0": {
580
- "type": "VARIABLE_ALIAS",
581
- "id": "VariableID:13386:37"
582
- }
583
- },
584
- "scopes": [
585
- "FRAME_FILL"
586
- ],
587
- "codeSyntax": {
588
- "WEB": "--digi--color--background--secondary-muted"
589
- },
590
- "digiName": "background--secondary-muted",
591
77
  "digiCSSVariable": "--digi--color--background--secondary-muted",
592
78
  "digiRecursiveValue": "#FBFBFB"
593
79
  },
594
80
  "background--brand-primary": {
595
81
  "name": "Background/brand-primary",
596
- "id": "VariableID:14194:1748",
597
- "remote": false,
598
- "key": "c8ff3016c3f30b9a3155b909ad9b4012b1437e5c",
599
- "variableCollectionId": "VariableCollectionId:13447:2",
600
- "resolvedType": "COLOR",
601
82
  "description": "Används för icke-klickbara bakgrunder där man vill förstärka varumärket, som ex. i digi-footer.",
602
- "hiddenFromPublishing": false,
603
- "valuesByMode": {
604
- "13447:0": {
605
- "type": "VARIABLE_ALIAS",
606
- "id": "VariableID:13332:3"
607
- },
608
- "21002:0": {
609
- "type": "VARIABLE_ALIAS",
610
- "id": "VariableID:13386:37"
611
- }
612
- },
613
- "scopes": [
614
- "FRAME_FILL"
615
- ],
616
- "codeSyntax": {
617
- "WEB": "--digi--color--background--brand-primary"
618
- },
619
- "digiName": "background--brand-primary",
620
83
  "digiCSSVariable": "--digi--color--background--brand-primary",
621
84
  "digiRecursiveValue": "#091D54"
622
85
  },
623
86
  "background--transparent": {
624
87
  "name": "Background/transparent",
625
- "id": "VariableID:13916:1783",
626
- "remote": false,
627
- "key": "483880a85f21d691115b1f934cad4b07c52c3639",
628
- "variableCollectionId": "VariableCollectionId:13447:2",
629
- "resolvedType": "COLOR",
630
88
  "description": "Används där elementet inte behöver en egen bakgrundsfärg, såsom i digi-navigation-vertical-menu och digi-quote.",
631
- "hiddenFromPublishing": false,
632
- "valuesByMode": {
633
- "13447:0": {
634
- "type": "VARIABLE_ALIAS",
635
- "id": "VariableID:13646:1231"
636
- },
637
- "21002:0": {
638
- "type": "VARIABLE_ALIAS",
639
- "id": "VariableID:13646:1231"
640
- }
641
- },
642
- "scopes": [
643
- "FRAME_FILL"
644
- ],
645
- "codeSyntax": {
646
- "WEB": "--digi--color--background--transparent"
647
- },
648
- "digiName": "background--transparent",
649
89
  "digiCSSVariable": "--digi--color--background--transparent",
650
90
  "digiRecursiveValue": "#FFFFFF"
651
91
  },
652
92
  "background--pop-out": {
653
93
  "name": "Background/pop-out",
654
- "id": "VariableID:13851:2",
655
- "remote": false,
656
- "key": "db50cab9d0b60423cb91843814634b45aef07d43",
657
- "variableCollectionId": "VariableCollectionId:13447:2",
658
- "resolvedType": "COLOR",
659
94
  "description": "Används i digi-card, feedback-komponenterna, digi-quote, digi-expandlable-faq, digi-receipt för att visuellt sticka ut på neutrala bakgrunder.",
660
- "hiddenFromPublishing": false,
661
- "valuesByMode": {
662
- "13447:0": {
663
- "type": "VARIABLE_ALIAS",
664
- "id": "VariableID:13332:7"
665
- },
666
- "21002:0": {
667
- "type": "VARIABLE_ALIAS",
668
- "id": "VariableID:21002:10575"
669
- }
670
- },
671
- "scopes": [
672
- "FRAME_FILL"
673
- ],
674
- "codeSyntax": {
675
- "WEB": "--digi--color--background--pop-out"
676
- },
677
- "digiName": "background--pop-out",
678
95
  "digiCSSVariable": "--digi--color--background--pop-out",
679
96
  "digiRecursiveValue": "#EBF8EB"
680
97
  },
681
98
  "background--notification": {
682
99
  "name": "Background/notification",
683
- "id": "VariableID:13916:1678",
684
- "remote": false,
685
- "key": "0f765e5982661652b7b041528fd4f09c45b91ac6",
686
- "variableCollectionId": "VariableCollectionId:13447:2",
687
- "resolvedType": "COLOR",
688
100
  "description": "Används i digi-badge-notification för att uppmärksamma händelser och för att önska användaråtgärder.",
689
- "hiddenFromPublishing": false,
690
- "valuesByMode": {
691
- "13447:0": {
692
- "type": "VARIABLE_ALIAS",
693
- "id": "VariableID:13385:50"
694
- },
695
- "21002:0": {
696
- "type": "VARIABLE_ALIAS",
697
- "id": "VariableID:13385:50"
698
- }
699
- },
700
- "scopes": [
701
- "FRAME_FILL"
702
- ],
703
- "codeSyntax": {
704
- "WEB": "--digi--color--background--notification"
705
- },
706
- "digiName": "background--notification",
707
101
  "digiCSSVariable": "--digi--color--background--notification",
708
102
  "digiRecursiveValue": "#DA0000"
709
103
  },
710
104
  "background--interactive--default--primary": {
711
105
  "name": "Background/Interactive/default/primary",
712
- "id": "VariableID:13821:189",
713
- "remote": false,
714
- "key": "2cead4dfe2cb64a0aa503fee081a8db7bf283aba",
715
- "variableCollectionId": "VariableCollectionId:13447:2",
716
- "resolvedType": "COLOR",
717
106
  "description": "Används för klickbara element (knapp, länkknapp) på våra primära former av interaktioner där man vill förstärka varumärket. Används ofta med sekundär textfärg och hover-färgen background/interactive/hover/primary.",
718
- "hiddenFromPublishing": false,
719
- "valuesByMode": {
720
- "13447:0": {
721
- "type": "VARIABLE_ALIAS",
722
- "id": "VariableID:13332:3"
723
- },
724
- "21002:0": {
725
- "type": "VARIABLE_ALIAS",
726
- "id": "VariableID:13386:32"
727
- }
728
- },
729
- "scopes": [
730
- "FRAME_FILL"
731
- ],
732
- "codeSyntax": {
733
- "WEB": "--digi--color--background--interactive--default--primary"
734
- },
735
- "digiName": "background--interactive--default--primary",
736
107
  "digiCSSVariable": "--digi--color--background--interactive--default--primary",
737
108
  "digiRecursiveValue": "#091D54"
738
109
  },
739
110
  "background--interactive--default--primary-inverted": {
740
111
  "name": "Background/Interactive/default/primary-inverted",
741
- "id": "VariableID:13821:191",
742
- "remote": false,
743
- "key": "afbb0ed89f5e133a185338039d8c64246c1807f5",
744
- "variableCollectionId": "VariableCollectionId:13447:2",
745
- "resolvedType": "COLOR",
746
112
  "description": "Används för klickbara element (som länkknapp) på våra primära former av interaktioner som ligger på background/brand-primary där man vill förstärka varumärket. Matchas ofta med hover-färgen background/interactive/hover/inverted.",
747
- "hiddenFromPublishing": false,
748
- "valuesByMode": {
749
- "13447:0": {
750
- "type": "VARIABLE_ALIAS",
751
- "id": "VariableID:15493:2"
752
- },
753
- "21002:0": {
754
- "type": "VARIABLE_ALIAS",
755
- "id": "VariableID:15493:2"
756
- }
757
- },
758
- "scopes": [
759
- "FRAME_FILL"
760
- ],
761
- "codeSyntax": {
762
- "WEB": "--digi--color--background--interactive--default--primary-inverted"
763
- },
764
- "digiName": "background--interactive--default--primary-inverted",
765
113
  "digiCSSVariable": "--digi--color--background--interactive--default--primary-inverted",
766
114
  "digiRecursiveValue": "#67EE6A"
767
115
  },
768
116
  "background--interactive--default--secondary": {
769
117
  "name": "Background/Interactive/default/secondary",
770
- "id": "VariableID:13827:193",
771
- "remote": false,
772
- "key": "b494eb01e0b3d7f8b285f71af1f3935f75cebfd9",
773
- "variableCollectionId": "VariableCollectionId:13447:2",
774
- "resolvedType": "COLOR",
775
118
  "description": "Vit bakgrundsfärg som används i många av de klickbara delarna av komponenterna på våra sekundära former av interaktioner. Matchas ofta med hover-färgen background/interactive/hover/secondary.",
776
- "hiddenFromPublishing": false,
777
- "valuesByMode": {
778
- "13447:0": {
779
- "type": "VARIABLE_ALIAS",
780
- "id": "VariableID:13367:15"
781
- },
782
- "21002:0": {
783
- "type": "VARIABLE_ALIAS",
784
- "id": "VariableID:13646:1231"
785
- }
786
- },
787
- "scopes": [
788
- "FRAME_FILL"
789
- ],
790
- "codeSyntax": {
791
- "WEB": "--digi--color--background--interactive--default--secondary"
792
- },
793
- "digiName": "background--interactive--default--secondary",
794
119
  "digiCSSVariable": "--digi--color--background--interactive--default--secondary",
795
120
  "digiRecursiveValue": "#FFFFFF"
796
121
  },
797
122
  "background--interactive--default--secondary-inverted": {
798
123
  "name": "Background/Interactive/default/secondary-inverted",
799
- "id": "VariableID:13827:192",
800
- "remote": false,
801
- "key": "eb86bba56e94c4e3c1eb3debec646215e902ff5e",
802
- "variableCollectionId": "VariableCollectionId:13447:2",
803
- "resolvedType": "COLOR",
804
124
  "description": "Används på klickbara element på våra sekundära former av interaktioner (som sekundär länkknapp) som ligger på background/brand-primary. Matchas ofta med hover-färgen background/interactive/hover/inverted.",
805
- "hiddenFromPublishing": false,
806
- "valuesByMode": {
807
- "13447:0": {
808
- "type": "VARIABLE_ALIAS",
809
- "id": "VariableID:13646:1231"
810
- },
811
- "21002:0": {
812
- "type": "VARIABLE_ALIAS",
813
- "id": "VariableID:13646:1231"
814
- }
815
- },
816
- "scopes": [
817
- "FRAME_FILL"
818
- ],
819
- "codeSyntax": {
820
- "WEB": "--digi--color--background--interactive--default--secondary-inverted"
821
- },
822
- "digiName": "background--interactive--default--secondary-inverted",
823
125
  "digiCSSVariable": "--digi--color--background--interactive--default--secondary-inverted",
824
126
  "digiRecursiveValue": "#FFFFFF"
825
127
  },
826
128
  "background--interactive--default--tertiary": {
827
129
  "name": "Background/Interactive/default/tertiary",
828
- "id": "VariableID:13903:2",
829
- "remote": false,
830
- "key": "40abc74ecee7427609d6f3c8274595452c5a17e9",
831
- "variableCollectionId": "VariableCollectionId:13447:2",
832
- "resolvedType": "COLOR",
833
130
  "description": "Används för att synliggöra klickbara element som befinner sig på ett annat vitt element.",
834
- "hiddenFromPublishing": false,
835
- "valuesByMode": {
836
- "13447:0": {
837
- "type": "VARIABLE_ALIAS",
838
- "id": "VariableID:13386:36"
839
- },
840
- "21002:0": {
841
- "type": "VARIABLE_ALIAS",
842
- "id": "VariableID:21002:10576"
843
- }
844
- },
845
- "scopes": [
846
- "FRAME_FILL"
847
- ],
848
- "codeSyntax": {
849
- "WEB": "--digi--color--background--interactive--default--tertiary"
850
- },
851
- "digiName": "background--interactive--default--tertiary",
852
131
  "digiCSSVariable": "--digi--color--background--interactive--default--tertiary",
853
132
  "digiRecursiveValue": "#EDEDED"
854
133
  },
855
134
  "background--interactive--default--quaternary": {
856
135
  "name": "Background/Interactive/default/quaternary",
857
- "id": "VariableID:13906:9",
858
- "remote": false,
859
- "key": "0318a83810cfcced5921059dce115ec28d092c14",
860
- "variableCollectionId": "VariableCollectionId:13447:2",
861
- "resolvedType": "COLOR",
862
136
  "description": "Används i knappar i filuppladdare och kategorifilter.",
863
- "hiddenFromPublishing": false,
864
- "valuesByMode": {
865
- "13447:0": {
866
- "type": "VARIABLE_ALIAS",
867
- "id": "VariableID:13386:2"
868
- },
869
- "21002:0": {
870
- "type": "VARIABLE_ALIAS",
871
- "id": "VariableID:21002:10576"
872
- }
873
- },
874
- "scopes": [
875
- "FRAME_FILL"
876
- ],
877
- "codeSyntax": {
878
- "WEB": "--digi--color--background--interactive--default--quaternary"
879
- },
880
- "digiName": "background--interactive--default--quaternary",
881
137
  "digiCSSVariable": "--digi--color--background--interactive--default--quaternary",
882
138
  "digiRecursiveValue": "#F4F4F4"
883
139
  },
884
140
  "background--interactive--default--input-elements": {
885
141
  "name": "Background/Interactive/default/input-elements",
886
- "id": "VariableID:13851:3",
887
- "remote": false,
888
- "key": "1028fb31758e404d099ba499bd944f2ee3d6f391",
889
- "variableCollectionId": "VariableCollectionId:13447:2",
890
- "resolvedType": "COLOR",
891
142
  "description": "Vit bakgrundsfärg som används i formulärelement såsom radioknapp, kryssruta, inmatningsfält.",
892
- "hiddenFromPublishing": false,
893
- "valuesByMode": {
894
- "13447:0": {
895
- "type": "VARIABLE_ALIAS",
896
- "id": "VariableID:13367:15"
897
- },
898
- "21002:0": {
899
- "type": "VARIABLE_ALIAS",
900
- "id": "VariableID:13646:1231"
901
- }
902
- },
903
- "scopes": [
904
- "FRAME_FILL"
905
- ],
906
- "codeSyntax": {
907
- "WEB": "--digi--color--background--interactive--default--input-elements"
908
- },
909
- "digiName": "background--interactive--default--input-elements",
910
143
  "digiCSSVariable": "--digi--color--background--interactive--default--input-elements",
911
144
  "digiRecursiveValue": "#FFFFFF"
912
145
  },
913
146
  "background--interactive--default--pop-out": {
914
147
  "name": "Background/Interactive/default/pop-out",
915
- "id": "VariableID:13965:759",
916
- "remote": false,
917
- "key": "ca1ab2bcc5aa57371ab5dd96b5ca5da003fc94d8",
918
- "variableCollectionId": "VariableCollectionId:13447:2",
919
- "resolvedType": "COLOR",
920
148
  "description": "Används i vertikalmeny sekundärvarianten.",
921
- "hiddenFromPublishing": false,
922
- "valuesByMode": {
923
- "13447:0": {
924
- "type": "VARIABLE_ALIAS",
925
- "id": "VariableID:15493:1842"
926
- },
927
- "21002:0": {
928
- "type": "VARIABLE_ALIAS",
929
- "id": "VariableID:21002:10574"
930
- }
931
- },
932
- "scopes": [
933
- "FRAME_FILL"
934
- ],
935
- "codeSyntax": {
936
- "WEB": "--digi--color--background--interactive--default--pop-out"
937
- },
938
- "digiName": "background--interactive--default--pop-out",
939
149
  "digiCSSVariable": "--digi--color--background--interactive--default--pop-out",
940
- "digiRecursiveValue": "#F2FAF2",
941
- "digiValue": "brand-secondary--nuance-3"
942
- },
943
- "background--interactive--default--quinary": {
944
- "name": "Background/Interactive/default/quinary",
945
- "id": "VariableID:21012:14531",
946
- "remote": false,
947
- "key": "06adae3e5981296a95a9983ad256004ac6d4f209",
948
- "variableCollectionId": "VariableCollectionId:13447:2",
949
- "resolvedType": "COLOR",
950
- "description": "Används i knappar i filuppladdare och kategorifilter. skapad för utforskande syfte, i kontexten av våra gråa knappar, ghost grå",
951
- "hiddenFromPublishing": false,
952
- "valuesByMode": {
953
- "13447:0": {
954
- "type": "VARIABLE_ALIAS",
955
- "id": "VariableID:13386:2"
956
- },
957
- "21002:0": {
958
- "type": "VARIABLE_ALIAS",
959
- "id": "VariableID:13646:1231"
960
- }
961
- },
962
- "scopes": [
963
- "FRAME_FILL"
964
- ],
965
- "codeSyntax": {
966
- "WEB": "--digi--color--background--interactive--default--quaternary"
967
- },
968
- "digiName": "background--interactive--default--quinary",
969
- "digiCSSVariable": "--digi--color--background--interactive--default--quinary",
970
- "digiRecursiveValue": "#F4F4F4",
971
- "digiValue": "grayscale--100"
150
+ "digiRecursiveValue": "#F2FAF2"
972
151
  },
973
152
  "background--interactive--hover--primary": {
974
153
  "name": "Background/Interactive/hover/primary",
975
- "id": "VariableID:13821:190",
976
- "remote": false,
977
- "key": "60e633059468e37df21c7cd02cbc3bb0914d8ce3",
978
- "variableCollectionId": "VariableCollectionId:13447:2",
979
- "resolvedType": "COLOR",
980
154
  "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/primary.",
981
- "hiddenFromPublishing": false,
982
- "valuesByMode": {
983
- "13447:0": {
984
- "type": "VARIABLE_ALIAS",
985
- "id": "VariableID:13377:33"
986
- },
987
- "21002:0": {
988
- "type": "VARIABLE_ALIAS",
989
- "id": "VariableID:21002:10574"
990
- }
991
- },
992
- "scopes": [
993
- "FRAME_FILL"
994
- ],
995
- "codeSyntax": {
996
- "WEB": "--digi--color--background--interactive--hover--primary"
997
- },
998
- "digiName": "background--interactive--hover--primary",
999
155
  "digiCSSVariable": "--digi--color--background--interactive--hover--primary",
1000
156
  "digiRecursiveValue": "#043982"
1001
157
  },
1002
158
  "background--interactive--hover--secondary": {
1003
159
  "name": "Background/Interactive/hover/secondary",
1004
- "id": "VariableID:13827:195",
1005
- "remote": false,
1006
- "key": "e44fdbb4f8bd08d631be75e5d39d9a325f4148b4",
1007
- "variableCollectionId": "VariableCollectionId:13447:2",
1008
- "resolvedType": "COLOR",
1009
160
  "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/secondary.",
1010
- "hiddenFromPublishing": false,
1011
- "valuesByMode": {
1012
- "13447:0": {
1013
- "type": "VARIABLE_ALIAS",
1014
- "id": "VariableID:13341:12"
1015
- },
1016
- "21002:0": {
1017
- "type": "VARIABLE_ALIAS",
1018
- "id": "VariableID:21002:10576"
1019
- }
1020
- },
1021
- "scopes": [
1022
- "FRAME_FILL"
1023
- ],
1024
- "codeSyntax": {
1025
- "WEB": "--digi--color--background--interactive--hover--secondary"
1026
- },
1027
- "digiName": "background--interactive--hover--secondary",
1028
161
  "digiCSSVariable": "--digi--color--background--interactive--hover--secondary",
1029
162
  "digiRecursiveValue": "#DDF1FC"
1030
163
  },
1031
164
  "background--interactive--hover--tertiary": {
1032
165
  "name": "Background/Interactive/hover/tertiary",
1033
- "id": "VariableID:13905:4",
1034
- "remote": false,
1035
- "key": "9ebe65951326a3af49290b644f06dc5ed48ab8f7",
1036
- "variableCollectionId": "VariableCollectionId:13447:2",
1037
- "resolvedType": "COLOR",
1038
166
  "description": "Hover för vertikalmenyns expandera-knapp.",
1039
- "hiddenFromPublishing": false,
1040
- "valuesByMode": {
1041
- "13447:0": {
1042
- "type": "VARIABLE_ALIAS",
1043
- "id": "VariableID:13377:27"
1044
- },
1045
- "21002:0": {
1046
- "type": "VARIABLE_ALIAS",
1047
- "id": "VariableID:21002:10575"
1048
- }
1049
- },
1050
- "scopes": [
1051
- "FRAME_FILL"
1052
- ],
1053
- "codeSyntax": {
1054
- "WEB": "--digi--color--background--interactive--hover--tertiary"
1055
- },
1056
- "digiName": "background--interactive--hover--tertiary",
1057
167
  "digiCSSVariable": "--digi--color--background--interactive--hover--tertiary",
1058
168
  "digiRecursiveValue": "#1616B2"
1059
169
  },
1060
170
  "background--interactive--hover--quarternary": {
1061
171
  "name": "Background/Interactive/hover/quarternary",
1062
- "id": "VariableID:14128:620",
1063
- "remote": false,
1064
- "key": "9e9a783dd23b6b900f1b5c60c1dc10c1233484c3",
1065
- "variableCollectionId": "VariableCollectionId:13447:2",
1066
- "resolvedType": "COLOR",
1067
172
  "description": "Hover för vita/ljusgråa element (header-flikar, väljare med sök, rullgardinsmeny).",
1068
- "hiddenFromPublishing": false,
1069
- "valuesByMode": {
1070
- "13447:0": {
1071
- "type": "VARIABLE_ALIAS",
1072
- "id": "VariableID:13386:36"
1073
- },
1074
- "21002:0": {
1075
- "type": "VARIABLE_ALIAS",
1076
- "id": "VariableID:21002:10576"
1077
- }
1078
- },
1079
- "scopes": [
1080
- "FRAME_FILL"
1081
- ],
1082
- "codeSyntax": {
1083
- "WEB": "--digi--color--background--interactive--hover--quarternary"
1084
- },
1085
- "digiName": "background--interactive--hover--quarternary",
1086
173
  "digiCSSVariable": "--digi--color--background--interactive--hover--quarternary",
1087
174
  "digiRecursiveValue": "#EDEDED"
1088
175
  },
1089
176
  "background--interactive--hover--inverted": {
1090
177
  "name": "Background/Interactive/hover/inverted",
1091
- "id": "VariableID:13827:194",
1092
- "remote": false,
1093
- "key": "15d0c4a9a46bd698880a8a34a2ed4dc19f5d8697",
1094
- "variableCollectionId": "VariableCollectionId:13447:2",
1095
- "resolvedType": "COLOR",
1096
178
  "description": "Hover-färg för bakgrundsfärgen Background/Interactive/default/secondary-inverted.",
1097
- "hiddenFromPublishing": false,
1098
- "valuesByMode": {
1099
- "13447:0": {
1100
- "type": "VARIABLE_ALIAS",
1101
- "id": "VariableID:13341:13"
1102
- },
1103
- "21002:0": {
1104
- "type": "VARIABLE_ALIAS",
1105
- "id": "VariableID:13341:13"
1106
- }
1107
- },
1108
- "scopes": [
1109
- "FRAME_FILL"
1110
- ],
1111
- "codeSyntax": {
1112
- "WEB": "--digi--color--background--interactive--hover--inverted"
1113
- },
1114
- "digiName": "background--interactive--hover--inverted",
1115
179
  "digiCSSVariable": "--digi--color--background--interactive--hover--inverted",
1116
180
  "digiRecursiveValue": "#AAF5AB"
1117
181
  },
1118
182
  "background--interactive--selected--primary": {
1119
183
  "name": "Background/Interactive/selected/primary",
1120
- "id": "VariableID:13836:2",
1121
- "remote": false,
1122
- "key": "99708cfef7cb34917728ffbf6b4500d80319f57b",
1123
- "variableCollectionId": "VariableCollectionId:13447:2",
1124
- "resolvedType": "COLOR",
1125
184
  "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
1126
- "hiddenFromPublishing": false,
1127
- "valuesByMode": {
1128
- "13447:0": {
1129
- "type": "VARIABLE_ALIAS",
1130
- "id": "VariableID:13385:39"
1131
- },
1132
- "21002:0": {
1133
- "type": "VARIABLE_ALIAS",
1134
- "id": "VariableID:13646:1231"
1135
- }
1136
- },
1137
- "scopes": [
1138
- "FRAME_FILL"
1139
- ],
1140
- "codeSyntax": {
1141
- "WEB": "--digi--color--background--interactive--selected--primary"
1142
- },
1143
- "digiName": "background--interactive--selected--primary",
1144
185
  "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
1145
186
  "digiRecursiveValue": "#008A20"
1146
187
  },
1147
188
  "background--interactive--selected--secondary": {
1148
189
  "name": "Background/Interactive/selected/secondary",
1149
- "id": "VariableID:13836:6",
1150
- "remote": false,
1151
- "key": "110e5684cbf6eca7be3696623f2c9633a566db96",
1152
- "variableCollectionId": "VariableCollectionId:13447:2",
1153
- "resolvedType": "COLOR",
1154
190
  "description": "Selected-utseende för sekundära kryssrutor, radioknappar som använder sig av varumärkets primära färg.",
1155
- "hiddenFromPublishing": false,
1156
- "valuesByMode": {
1157
- "13447:0": {
1158
- "type": "VARIABLE_ALIAS",
1159
- "id": "VariableID:13332:3"
1160
- },
1161
- "21002:0": {
1162
- "type": "VARIABLE_ALIAS",
1163
- "id": "VariableID:13646:1231"
1164
- }
1165
- },
1166
- "scopes": [
1167
- "FRAME_FILL"
1168
- ],
1169
- "codeSyntax": {
1170
- "WEB": "--digi--color--background--interactive--selected--secondary"
1171
- },
1172
- "digiName": "background--interactive--selected--secondary",
1173
191
  "digiCSSVariable": "--digi--color--background--interactive--selected--secondary",
1174
192
  "digiRecursiveValue": "#091D54"
1175
193
  },
1176
194
  "background--interactive--selected--tertiary": {
1177
195
  "name": "Background/Interactive/selected/tertiary",
1178
- "id": "VariableID:14394:2656",
1179
- "remote": false,
1180
- "key": "408bde01b0261e40ed8ed1e43e647b0641a9fcc9",
1181
- "variableCollectionId": "VariableCollectionId:13447:2",
1182
- "resolvedType": "COLOR",
1183
196
  "description": "Selected-utseende för valalternativ i dropdowns, såsom i rullgardinsmeny och väljare med sök.",
1184
- "hiddenFromPublishing": false,
1185
- "valuesByMode": {
1186
- "13447:0": {
1187
- "type": "VARIABLE_ALIAS",
1188
- "id": "VariableID:13386:36"
1189
- },
1190
- "21002:0": {
1191
- "type": "VARIABLE_ALIAS",
1192
- "id": "VariableID:21002:10576"
1193
- }
1194
- },
1195
- "scopes": [
1196
- "FRAME_FILL"
1197
- ],
1198
- "codeSyntax": {
1199
- "WEB": "--digi--color--background--interactive--selected--tertiary"
1200
- },
1201
- "digiName": "background--interactive--selected--tertiary",
1202
197
  "digiCSSVariable": "--digi--color--background--interactive--selected--tertiary",
1203
198
  "digiRecursiveValue": "#EDEDED"
1204
199
  },
1205
200
  "background--interactive--selected--on-menu-minus-button": {
1206
201
  "name": "Background/Interactive/selected/on-menu-minus-button",
1207
- "id": "VariableID:13903:3",
1208
- "remote": false,
1209
- "key": "fe68eab48b2f411e837f43aa81ae6b2a44c3eb42",
1210
- "variableCollectionId": "VariableCollectionId:13447:2",
1211
- "resolvedType": "COLOR",
1212
202
  "description": "Används i vertikalmeny sekundärvariant på expanderat menyalternativ.",
1213
- "hiddenFromPublishing": false,
1214
- "valuesByMode": {
1215
- "13447:0": {
1216
- "type": "VARIABLE_ALIAS",
1217
- "id": "VariableID:13461:3"
1218
- },
1219
- "21002:0": {
1220
- "type": "VARIABLE_ALIAS",
1221
- "id": "VariableID:21002:10574"
1222
- }
1223
- },
1224
- "scopes": [
1225
- "FRAME_FILL"
1226
- ],
1227
- "codeSyntax": {
1228
- "WEB": "--digi--color--background--interactive--selected--on-menu-minus-button"
1229
- },
1230
- "digiName": "background--interactive--selected--on-menu-minus-button",
1231
203
  "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
1232
204
  "digiRecursiveValue": "#DDF4DD"
1233
205
  },
1234
206
  "background--interactive--validation--success": {
1235
207
  "name": "Background/Interactive/validation/success",
1236
- "id": "VariableID:13649:1552",
1237
- "remote": false,
1238
- "key": "c38605de6805f43f80554707597beadb7c0603c7",
1239
- "variableCollectionId": "VariableCollectionId:13447:2",
1240
- "resolvedType": "COLOR",
1241
208
  "description": "Bakgrundsfärg för inmatningsfältets success-state.",
1242
- "hiddenFromPublishing": false,
1243
- "valuesByMode": {
1244
- "13447:0": {
1245
- "type": "VARIABLE_ALIAS",
1246
- "id": "VariableID:13385:40"
1247
- },
1248
- "21002:0": {
1249
- "type": "VARIABLE_ALIAS",
1250
- "id": "VariableID:13646:1231"
1251
- }
1252
- },
1253
- "scopes": [
1254
- "FRAME_FILL"
1255
- ],
1256
- "codeSyntax": {
1257
- "WEB": "--digi--color--background--interactive--validation--success"
1258
- },
1259
- "digiName": "background--interactive--validation--success",
1260
209
  "digiCSSVariable": "--digi--color--background--interactive--validation--success",
1261
210
  "digiRecursiveValue": "#E9F6EC"
1262
211
  },
1263
212
  "background--interactive--validation--warning": {
1264
213
  "name": "Background/Interactive/validation/warning",
1265
- "id": "VariableID:13649:1554",
1266
- "remote": false,
1267
- "key": "20b82332d72340f4bf6e6a06c5fdb92bc7dca280",
1268
- "variableCollectionId": "VariableCollectionId:13447:2",
1269
- "resolvedType": "COLOR",
1270
214
  "description": "Bakgrundsfärg för inmatningsfältets warning-state.",
1271
- "hiddenFromPublishing": false,
1272
- "valuesByMode": {
1273
- "13447:0": {
1274
- "type": "VARIABLE_ALIAS",
1275
- "id": "VariableID:13385:30"
1276
- },
1277
- "21002:0": {
1278
- "type": "VARIABLE_ALIAS",
1279
- "id": "VariableID:13646:1231"
1280
- }
1281
- },
1282
- "scopes": [
1283
- "FRAME_FILL"
1284
- ],
1285
- "codeSyntax": {
1286
- "WEB": "--digi--color--background--interactive--validation--warning"
1287
- },
1288
- "digiName": "background--interactive--validation--warning",
1289
215
  "digiCSSVariable": "--digi--color--background--interactive--validation--warning",
1290
216
  "digiRecursiveValue": "#FFFBDD"
1291
217
  },
1292
218
  "background--interactive--validation--error": {
1293
219
  "name": "Background/Interactive/validation/error",
1294
- "id": "VariableID:13649:1556",
1295
- "remote": false,
1296
- "key": "3bd691406f61dbe201e67a7fdd17247936314724",
1297
- "variableCollectionId": "VariableCollectionId:13447:2",
1298
- "resolvedType": "COLOR",
1299
220
  "description": "Bakgrundsfärg för inmatningsfältets error-state.",
1300
- "hiddenFromPublishing": false,
1301
- "valuesByMode": {
1302
- "13447:0": {
1303
- "type": "VARIABLE_ALIAS",
1304
- "id": "VariableID:13385:51"
1305
- },
1306
- "21002:0": {
1307
- "type": "VARIABLE_ALIAS",
1308
- "id": "VariableID:13646:1231"
1309
- }
1310
- },
1311
- "scopes": [
1312
- "FRAME_FILL"
1313
- ],
1314
- "codeSyntax": {
1315
- "WEB": "--digi--color--background--interactive--validation--error"
1316
- },
1317
- "digiName": "background--interactive--validation--error",
1318
221
  "digiCSSVariable": "--digi--color--background--interactive--validation--error",
1319
222
  "digiRecursiveValue": "#FDEDED"
1320
223
  },
1321
224
  "background--sentiment--error--primary": {
1322
225
  "name": "Background/Sentiment/error/primary",
1323
- "id": "VariableID:13836:7",
1324
- "remote": false,
1325
- "key": "c0d71321a0a2aeb5d9731c22963f7dbaee336da7",
1326
- "variableCollectionId": "VariableCollectionId:13447:2",
1327
- "resolvedType": "COLOR",
1328
226
  "description": "Error-bakgrundsfärg som används i informationsmeddelande.",
1329
- "hiddenFromPublishing": false,
1330
- "valuesByMode": {
1331
- "13447:0": {
1332
- "type": "VARIABLE_ALIAS",
1333
- "id": "VariableID:13385:50"
1334
- },
1335
- "21002:0": {
1336
- "type": "VARIABLE_ALIAS",
1337
- "id": "VariableID:13385:50"
1338
- }
1339
- },
1340
- "scopes": [
1341
- "FRAME_FILL"
1342
- ],
1343
- "codeSyntax": {
1344
- "WEB": "--digi--color--background--sentiment--error--primary"
1345
- },
1346
- "digiName": "background--sentiment--error--primary",
1347
227
  "digiCSSVariable": "--digi--color--background--sentiment--error--primary",
1348
228
  "digiRecursiveValue": "#DA0000"
1349
229
  },
1350
230
  "background--sentiment--error--secondary": {
1351
231
  "name": "Background/Sentiment/error/secondary",
1352
- "id": "VariableID:13916:1760",
1353
- "remote": false,
1354
- "key": "e82a8c663d4fa55aeeae59b9984ac6d0f49d4fa0",
1355
- "variableCollectionId": "VariableCollectionId:13447:2",
1356
- "resolvedType": "COLOR",
1357
232
  "description": "Error/denied-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
1358
- "hiddenFromPublishing": false,
1359
- "valuesByMode": {
1360
- "13447:0": {
1361
- "type": "VARIABLE_ALIAS",
1362
- "id": "VariableID:13385:49"
1363
- },
1364
- "21002:0": {
1365
- "type": "VARIABLE_ALIAS",
1366
- "id": "VariableID:13385:49"
1367
- }
1368
- },
1369
- "scopes": [
1370
- "FRAME_FILL"
1371
- ],
1372
- "codeSyntax": {
1373
- "WEB": "--digi--color--background--sentiment--error--secondary"
1374
- },
1375
- "digiName": "background--sentiment--error--secondary",
1376
233
  "digiCSSVariable": "--digi--color--background--sentiment--error--secondary",
1377
234
  "digiRecursiveValue": "#C7311A"
1378
235
  },
1379
236
  "background--sentiment--error--tertiary": {
1380
237
  "name": "Background/Sentiment/error/tertiary",
1381
- "id": "VariableID:13916:1761",
1382
- "remote": false,
1383
- "key": "0c12041c5df22bdf0e85335d6427deb94b6ac922",
1384
- "variableCollectionId": "VariableCollectionId:13447:2",
1385
- "resolvedType": "COLOR",
1386
238
  "description": "Ljusare error/denied-bakgrundsfärg som används i statusindikator sekundär variant och förloppsstegare.",
1387
- "hiddenFromPublishing": false,
1388
- "valuesByMode": {
1389
- "13447:0": {
1390
- "type": "VARIABLE_ALIAS",
1391
- "id": "VariableID:13385:51"
1392
- },
1393
- "21002:0": {
1394
- "type": "VARIABLE_ALIAS",
1395
- "id": "VariableID:13385:51"
1396
- }
1397
- },
1398
- "scopes": [
1399
- "FRAME_FILL"
1400
- ],
1401
- "codeSyntax": {
1402
- "WEB": "--digi--color--background--sentiment--error--tertiary"
1403
- },
1404
- "digiName": "background--sentiment--error--tertiary",
1405
239
  "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary",
1406
240
  "digiRecursiveValue": "#FDEDED"
1407
241
  },
1408
242
  "background--sentiment--success--primary": {
1409
243
  "name": "Background/Sentiment/success/primary",
1410
- "id": "VariableID:13847:9",
1411
- "remote": false,
1412
- "key": "ae264c58470cb5b3efaf3ab2ad4a5798a4dd4554",
1413
- "variableCollectionId": "VariableCollectionId:13447:2",
1414
- "resolvedType": "COLOR",
1415
244
  "description": "Success-bakgrundsfärg som används i informationsmeddelande.",
1416
- "hiddenFromPublishing": false,
1417
- "valuesByMode": {
1418
- "13447:0": {
1419
- "type": "VARIABLE_ALIAS",
1420
- "id": "VariableID:13385:39"
1421
- },
1422
- "21002:0": {
1423
- "type": "VARIABLE_ALIAS",
1424
- "id": "VariableID:13385:39"
1425
- }
1426
- },
1427
- "scopes": [
1428
- "FRAME_FILL"
1429
- ],
1430
- "codeSyntax": {
1431
- "WEB": "--digi--color--background--sentiment--success--primary"
1432
- },
1433
- "digiName": "background--sentiment--success--primary",
1434
245
  "digiCSSVariable": "--digi--color--background--sentiment--success--primary",
1435
246
  "digiRecursiveValue": "#008A20"
1436
247
  },
1437
248
  "background--sentiment--success--secondary": {
1438
249
  "name": "Background/Sentiment/success/secondary",
1439
- "id": "VariableID:13916:1764",
1440
- "remote": false,
1441
- "key": "7ca803997e0c68e301e90211e1f5306ac2de9e7f",
1442
- "variableCollectionId": "VariableCollectionId:13447:2",
1443
- "resolvedType": "COLOR",
1444
250
  "description": "Success-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
1445
- "hiddenFromPublishing": false,
1446
- "valuesByMode": {
1447
- "13447:0": {
1448
- "type": "VARIABLE_ALIAS",
1449
- "id": "VariableID:13385:38"
1450
- },
1451
- "21002:0": {
1452
- "type": "VARIABLE_ALIAS",
1453
- "id": "VariableID:13385:38"
1454
- }
1455
- },
1456
- "scopes": [
1457
- "FRAME_FILL"
1458
- ],
1459
- "codeSyntax": {
1460
- "WEB": "--digi--color--background--sentiment--success--secondary"
1461
- },
1462
- "digiName": "background--sentiment--success--secondary",
1463
251
  "digiCSSVariable": "--digi--color--background--sentiment--success--secondary",
1464
252
  "digiRecursiveValue": "#02703C"
1465
253
  },
1466
254
  "background--sentiment--success--tertiary": {
1467
255
  "name": "Background/Sentiment/success/tertiary",
1468
- "id": "VariableID:13916:1765",
1469
- "remote": false,
1470
- "key": "dd47d89eb9cc7e1c2a37415998c73c880725bab5",
1471
- "variableCollectionId": "VariableCollectionId:13447:2",
1472
- "resolvedType": "COLOR",
1473
256
  "description": "Ljusare success-bakgrundsfärg som används i statusindikator sekundär variant.",
1474
- "hiddenFromPublishing": false,
1475
- "valuesByMode": {
1476
- "13447:0": {
1477
- "type": "VARIABLE_ALIAS",
1478
- "id": "VariableID:13385:40"
1479
- },
1480
- "21002:0": {
1481
- "type": "VARIABLE_ALIAS",
1482
- "id": "VariableID:13385:40"
1483
- }
1484
- },
1485
- "scopes": [
1486
- "FRAME_FILL"
1487
- ],
1488
- "codeSyntax": {
1489
- "WEB": "--digi--color--background--sentiment--success--tertiary"
1490
- },
1491
- "digiName": "background--sentiment--success--tertiary",
1492
257
  "digiCSSVariable": "--digi--color--background--sentiment--success--tertiary",
1493
258
  "digiRecursiveValue": "#E9F6EC"
1494
259
  },
1495
260
  "background--sentiment--warning--primary": {
1496
261
  "name": "Background/Sentiment/warning/primary",
1497
- "id": "VariableID:13850:19",
1498
- "remote": false,
1499
- "key": "2c0427030c631aea8e3a85b40badc853d78943b5",
1500
- "variableCollectionId": "VariableCollectionId:13447:2",
1501
- "resolvedType": "COLOR",
1502
262
  "description": "Warning-bakgrundsfärg som används i informationsmeddelande.",
1503
- "hiddenFromPublishing": false,
1504
- "valuesByMode": {
1505
- "13447:0": {
1506
- "type": "VARIABLE_ALIAS",
1507
- "id": "VariableID:13385:28"
1508
- },
1509
- "21002:0": {
1510
- "type": "VARIABLE_ALIAS",
1511
- "id": "VariableID:13385:28"
1512
- }
1513
- },
1514
- "scopes": [
1515
- "FRAME_FILL"
1516
- ],
1517
- "codeSyntax": {
1518
- "WEB": "--digi--color--background--sentiment--warning--primary"
1519
- },
1520
- "digiName": "background--sentiment--warning--primary",
1521
263
  "digiCSSVariable": "--digi--color--background--sentiment--warning--primary",
1522
264
  "digiRecursiveValue": "#FFE200"
1523
265
  },
1524
266
  "background--sentiment--warning--secondary": {
1525
267
  "name": "Background/Sentiment/warning/secondary",
1526
- "id": "VariableID:13916:1766",
1527
- "remote": false,
1528
- "key": "e4fd5d238e2c698fa6d1db2bd9243f6798213087",
1529
- "variableCollectionId": "VariableCollectionId:13447:2",
1530
- "resolvedType": "COLOR",
1531
268
  "description": "Warning-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
1532
- "hiddenFromPublishing": false,
1533
- "valuesByMode": {
1534
- "13447:0": {
1535
- "type": "VARIABLE_ALIAS",
1536
- "id": "VariableID:13385:26"
1537
- },
1538
- "21002:0": {
1539
- "type": "VARIABLE_ALIAS",
1540
- "id": "VariableID:13385:26"
1541
- }
1542
- },
1543
- "scopes": [
1544
- "FRAME_FILL"
1545
- ],
1546
- "codeSyntax": {
1547
- "WEB": "--digi--color--background--sentiment--warning--secondary"
1548
- },
1549
- "digiName": "background--sentiment--warning--secondary",
1550
269
  "digiCSSVariable": "--digi--color--background--sentiment--warning--secondary",
1551
270
  "digiRecursiveValue": "#FFC108"
1552
271
  },
1553
272
  "background--sentiment--warning--tertiary": {
1554
273
  "name": "Background/Sentiment/warning/tertiary",
1555
- "id": "VariableID:13916:1767",
1556
- "remote": false,
1557
- "key": "4768a448c0e98c8cf89b3fe552f1ba8b48754515",
1558
- "variableCollectionId": "VariableCollectionId:13447:2",
1559
- "resolvedType": "COLOR",
1560
274
  "description": "Ljusare warning-bakgrundsfärg som används i statusindikator sekundär variant.",
1561
- "hiddenFromPublishing": false,
1562
- "valuesByMode": {
1563
- "13447:0": {
1564
- "type": "VARIABLE_ALIAS",
1565
- "id": "VariableID:13385:29"
1566
- },
1567
- "21002:0": {
1568
- "type": "VARIABLE_ALIAS",
1569
- "id": "VariableID:13385:29"
1570
- }
1571
- },
1572
- "scopes": [
1573
- "FRAME_FILL"
1574
- ],
1575
- "codeSyntax": {
1576
- "WEB": "--digi--color--background--sentiment--warning--tertiary"
1577
- },
1578
- "digiName": "background--sentiment--warning--tertiary",
1579
275
  "digiCSSVariable": "--digi--color--background--sentiment--warning--tertiary",
1580
276
  "digiRecursiveValue": "#FFF398"
1581
277
  },
1582
278
  "background--sentiment--warning--quarternary": {
1583
279
  "name": "Background/Sentiment/warning/quarternary",
1584
- "id": "VariableID:14172:287",
1585
- "remote": false,
1586
- "key": "1a7cf64395449b2b2adc99f8433cd035b7d7ef43",
1587
- "variableCollectionId": "VariableCollectionId:13447:2",
1588
- "resolvedType": "COLOR",
1589
280
  "description": "Ljusare warning-bakgrundsfärg som används i förloppsstegare.",
1590
- "hiddenFromPublishing": false,
1591
- "valuesByMode": {
1592
- "13447:0": {
1593
- "type": "VARIABLE_ALIAS",
1594
- "id": "VariableID:13385:30"
1595
- },
1596
- "21002:0": {
1597
- "type": "VARIABLE_ALIAS",
1598
- "id": "VariableID:21002:10575"
1599
- }
1600
- },
1601
- "scopes": [
1602
- "FRAME_FILL"
1603
- ],
1604
- "codeSyntax": {
1605
- "WEB": "--digi--color--background--sentiment--warning--quarternary"
1606
- },
1607
- "digiName": "background--sentiment--warning--quarternary",
1608
281
  "digiCSSVariable": "--digi--color--background--sentiment--warning--quarternary",
1609
282
  "digiRecursiveValue": "#FFFBDD"
1610
283
  },
1611
284
  "background--sentiment--info--primary": {
1612
285
  "name": "Background/Sentiment/info/primary",
1613
- "id": "VariableID:13850:20",
1614
- "remote": false,
1615
- "key": "4544dae713fca1567d8617a0d9eeb2ce23e6444c",
1616
- "variableCollectionId": "VariableCollectionId:13447:2",
1617
- "resolvedType": "COLOR",
1618
286
  "description": "Informationsbakgrundsfärg som används i informationsmeddelande.",
1619
- "hiddenFromPublishing": false,
1620
- "valuesByMode": {
1621
- "13447:0": {
1622
- "type": "VARIABLE_ALIAS",
1623
- "id": "VariableID:13385:85"
1624
- },
1625
- "21002:0": {
1626
- "type": "VARIABLE_ALIAS",
1627
- "id": "VariableID:13385:85"
1628
- }
1629
- },
1630
- "scopes": [
1631
- "FRAME_FILL"
1632
- ],
1633
- "codeSyntax": {
1634
- "WEB": "--digi--color--background--sentiment--info--primary"
1635
- },
1636
- "digiName": "background--sentiment--info--primary",
1637
287
  "digiCSSVariable": "--digi--color--background--sentiment--info--primary",
1638
288
  "digiRecursiveValue": "#0A4DD1"
1639
289
  },
1640
290
  "background--sentiment--info--secondary": {
1641
291
  "name": "Background/Sentiment/info/secondary",
1642
- "id": "VariableID:13916:1768",
1643
- "remote": false,
1644
- "key": "7907cd55c20c7eeff69d34cede9ef3a3b5f848a0",
1645
- "variableCollectionId": "VariableCollectionId:13447:2",
1646
- "resolvedType": "COLOR",
1647
292
  "description": "Informationsbakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
1648
- "hiddenFromPublishing": false,
1649
- "valuesByMode": {
1650
- "13447:0": {
1651
- "type": "VARIABLE_ALIAS",
1652
- "id": "VariableID:13385:84"
1653
- },
1654
- "21002:0": {
1655
- "type": "VARIABLE_ALIAS",
1656
- "id": "VariableID:13385:84"
1657
- }
1658
- },
1659
- "scopes": [
1660
- "FRAME_FILL"
1661
- ],
1662
- "codeSyntax": {
1663
- "WEB": "--digi--color--background--sentiment--info--secondary"
1664
- },
1665
- "digiName": "background--sentiment--info--secondary",
1666
293
  "digiCSSVariable": "--digi--color--background--sentiment--info--secondary",
1667
294
  "digiRecursiveValue": "#0058A3"
1668
295
  },
1669
296
  "background--sentiment--info--tertiary": {
1670
297
  "name": "Background/Sentiment/info/tertiary",
1671
- "id": "VariableID:13916:1769",
1672
- "remote": false,
1673
- "key": "b6fcac5e6560e8e1540496b8714246307152ecb7",
1674
- "variableCollectionId": "VariableCollectionId:13447:2",
1675
- "resolvedType": "COLOR",
1676
298
  "description": "Ljusare info-bakgrundsfärg som används i statusindikator sekundär variant.",
1677
- "hiddenFromPublishing": false,
1678
- "valuesByMode": {
1679
- "13447:0": {
1680
- "type": "VARIABLE_ALIAS",
1681
- "id": "VariableID:13385:86"
1682
- },
1683
- "21002:0": {
1684
- "type": "VARIABLE_ALIAS",
1685
- "id": "VariableID:13385:86"
1686
- }
1687
- },
1688
- "scopes": [
1689
- "FRAME_FILL"
1690
- ],
1691
- "codeSyntax": {
1692
- "WEB": "--digi--color--background--sentiment--info--tertiary"
1693
- },
1694
- "digiName": "background--sentiment--info--tertiary",
1695
299
  "digiCSSVariable": "--digi--color--background--sentiment--info--tertiary",
1696
300
  "digiRecursiveValue": "#E9E9FF"
1697
301
  },
1698
302
  "background--sentiment--neutral--primary": {
1699
303
  "name": "Background/Sentiment/neutral/primary",
1700
- "id": "VariableID:13916:1763",
1701
- "remote": false,
1702
- "key": "589b42eb818b42401ca46921dc2db021c7fb8b5f",
1703
- "variableCollectionId": "VariableCollectionId:13447:2",
1704
- "resolvedType": "COLOR",
1705
304
  "description": "Neutral bakgrundsfärg som används i statusindikatorer.",
1706
- "hiddenFromPublishing": false,
1707
- "valuesByMode": {
1708
- "13447:0": {
1709
- "type": "VARIABLE_ALIAS",
1710
- "id": "VariableID:13386:29"
1711
- },
1712
- "21002:0": {
1713
- "type": "VARIABLE_ALIAS",
1714
- "id": "VariableID:13386:29"
1715
- }
1716
- },
1717
- "scopes": [
1718
- "FRAME_FILL"
1719
- ],
1720
- "codeSyntax": {
1721
- "WEB": "--digi--color--background--sentiment--neutral--primary"
1722
- },
1723
- "digiName": "background--sentiment--neutral--primary",
1724
305
  "digiCSSVariable": "--digi--color--background--sentiment--neutral--primary",
1725
306
  "digiRecursiveValue": "#757575"
1726
307
  },
1727
308
  "background--sentiment--neutral--secondary": {
1728
309
  "name": "Background/Sentiment/neutral/secondary",
1729
- "id": "VariableID:13916:1762",
1730
- "remote": false,
1731
- "key": "c5195c51b739f7a842cbd3ac84ec152a80ee9ea8",
1732
- "variableCollectionId": "VariableCollectionId:13447:2",
1733
- "resolvedType": "COLOR",
1734
310
  "description": "Neutral bakgrundsfärg som används i statusindikatorer av sekundär variant.",
1735
- "hiddenFromPublishing": false,
1736
- "valuesByMode": {
1737
- "13447:0": {
1738
- "type": "VARIABLE_ALIAS",
1739
- "id": "VariableID:13386:35"
1740
- },
1741
- "21002:0": {
1742
- "type": "VARIABLE_ALIAS",
1743
- "id": "VariableID:13386:35"
1744
- }
1745
- },
1746
- "scopes": [
1747
- "FRAME_FILL"
1748
- ],
1749
- "codeSyntax": {
1750
- "WEB": "--digi--color--background--sentiment--neutral--secondary"
1751
- },
1752
- "digiName": "background--sentiment--neutral--secondary",
1753
311
  "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
1754
312
  "digiRecursiveValue": "#DDDDDD"
1755
313
  },
1756
314
  "background--sentiment--neutral--tertiary": {
1757
315
  "name": "Background/Sentiment/neutral/tertiary",
1758
- "id": "VariableID:13916:1905",
1759
- "remote": false,
1760
- "key": "8fff7cabf15e6c56600e760eaee1610f6073af1d",
1761
- "variableCollectionId": "VariableCollectionId:13447:2",
1762
- "resolvedType": "COLOR",
1763
316
  "description": "Neutral bakgrundsfärg som används i mediatagg.",
1764
- "hiddenFromPublishing": false,
1765
- "valuesByMode": {
1766
- "13447:0": {
1767
- "type": "VARIABLE_ALIAS",
1768
- "id": "VariableID:13386:37"
1769
- },
1770
- "21002:0": {
1771
- "type": "VARIABLE_ALIAS",
1772
- "id": "VariableID:13386:37"
1773
- }
1774
- },
1775
- "scopes": [
1776
- "FRAME_FILL"
1777
- ],
1778
- "codeSyntax": {
1779
- "WEB": "--digi--color--background--sentiment--neutral--tertiary"
1780
- },
1781
- "digiName": "background--sentiment--neutral--tertiary",
1782
317
  "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
1783
318
  "digiRecursiveValue": "#333333"
1784
319
  },
1785
320
  "background--sentiment--beta--primary": {
1786
321
  "name": "Background/Sentiment/beta/primary",
1787
- "id": "VariableID:13916:1770",
1788
- "remote": false,
1789
- "key": "2b47faadb79048c6250c6b75ea893d156bc00404",
1790
- "variableCollectionId": "VariableCollectionId:13447:2",
1791
- "resolvedType": "COLOR",
1792
322
  "description": "Bakgrundsfärg som används för statusindikatorer av varianten “beta”.",
1793
- "hiddenFromPublishing": false,
1794
- "valuesByMode": {
1795
- "13447:0": {
1796
- "type": "VARIABLE_ALIAS",
1797
- "id": "VariableID:13367:25"
1798
- },
1799
- "21002:0": {
1800
- "type": "VARIABLE_ALIAS",
1801
- "id": "VariableID:13367:25"
1802
- }
1803
- },
1804
- "scopes": [
1805
- "FRAME_FILL"
1806
- ],
1807
- "codeSyntax": {
1808
- "WEB": "--digi--color--background--sentiment--beta--primary"
1809
- },
1810
- "digiName": "background--sentiment--beta--primary",
1811
323
  "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
1812
324
  "digiRecursiveValue": "#CE1CBD"
1813
325
  },
1814
326
  "background--sentiment--beta--secondary": {
1815
327
  "name": "Background/Sentiment/beta/secondary",
1816
- "id": "VariableID:13916:1771",
1817
- "remote": false,
1818
- "key": "3ec3fc937ade01e5c4efc9a0c4b651552e66edfa",
1819
- "variableCollectionId": "VariableCollectionId:13447:2",
1820
- "resolvedType": "COLOR",
1821
328
  "description": "Bakgrundsfärg som används för statusindikatorer av varianten sekundär “beta”.",
1822
- "hiddenFromPublishing": false,
1823
- "valuesByMode": {
1824
- "13447:0": {
1825
- "type": "VARIABLE_ALIAS",
1826
- "id": "VariableID:13465:995"
1827
- },
1828
- "21002:0": {
1829
- "type": "VARIABLE_ALIAS",
1830
- "id": "VariableID:13465:995"
1831
- }
1832
- },
1833
- "scopes": [
1834
- "FRAME_FILL"
1835
- ],
1836
- "codeSyntax": {
1837
- "WEB": "--digi--color--background--sentiment--beta--secondary"
1838
- },
1839
- "digiName": "background--sentiment--beta--secondary",
1840
329
  "digiCSSVariable": "--digi--color--background--sentiment--beta--secondary",
1841
330
  "digiRecursiveValue": "#F8DDF5"
1842
331
  },
1843
332
  "border--notification": {
1844
333
  "name": "Border/notification",
1845
- "id": "VariableID:13916:1679",
1846
- "remote": false,
1847
- "key": "c560f05d7db0c27e5b7ac62823afe6565cf75ad0",
1848
- "variableCollectionId": "VariableCollectionId:13447:2",
1849
- "resolvedType": "COLOR",
1850
334
  "description": "Ram som används i notifikationsindikator.",
1851
- "hiddenFromPublishing": false,
1852
- "valuesByMode": {
1853
- "13447:0": {
1854
- "type": "VARIABLE_ALIAS",
1855
- "id": "VariableID:13367:15"
1856
- },
1857
- "21002:0": {
1858
- "type": "VARIABLE_ALIAS",
1859
- "id": "VariableID:13367:15"
1860
- }
1861
- },
1862
- "scopes": [
1863
- "STROKE_COLOR"
1864
- ],
1865
- "codeSyntax": {
1866
- "WEB": "--digi--color--border--notification"
1867
- },
1868
- "digiName": "border--notification",
1869
335
  "digiCSSVariable": "--digi--color--border--notification",
1870
336
  "digiRecursiveValue": "#FFFFFF"
1871
337
  },
1872
338
  "border--transparent": {
1873
339
  "name": "Border/transparent",
1874
- "id": "VariableID:13916:1778",
1875
- "remote": false,
1876
- "key": "90a86c889f6f9dedff1942b142b4dc4148de088d",
1877
- "variableCollectionId": "VariableCollectionId:13447:2",
1878
- "resolvedType": "COLOR",
1879
340
  "description": "Transparent ram.",
1880
- "hiddenFromPublishing": false,
1881
- "valuesByMode": {
1882
- "13447:0": {
1883
- "type": "VARIABLE_ALIAS",
1884
- "id": "VariableID:13646:1231"
1885
- },
1886
- "21002:0": {
1887
- "type": "VARIABLE_ALIAS",
1888
- "id": "VariableID:13646:1231"
1889
- }
1890
- },
1891
- "scopes": [
1892
- "STROKE_COLOR"
1893
- ],
1894
- "codeSyntax": {
1895
- "WEB": "--digi--color--border--transparent"
1896
- },
1897
- "digiName": "border--transparent",
1898
341
  "digiCSSVariable": "--digi--color--border--transparent",
1899
342
  "digiRecursiveValue": "#FFFFFF"
1900
343
  },
1901
344
  "border--interactive--default--primary": {
1902
345
  "name": "Border/Interactive/default/primary",
1903
- "id": "VariableID:13828:59",
1904
- "remote": false,
1905
- "key": "3911566454d86b276611bfdaac8a7f64e98b73e1",
1906
- "variableCollectionId": "VariableCollectionId:13447:2",
1907
- "resolvedType": "COLOR",
1908
346
  "description": "Ram med varumärkets färg.",
1909
- "hiddenFromPublishing": false,
1910
- "valuesByMode": {
1911
- "13447:0": {
1912
- "type": "VARIABLE_ALIAS",
1913
- "id": "VariableID:13332:3"
1914
- },
1915
- "21002:0": {
1916
- "type": "VARIABLE_ALIAS",
1917
- "id": "VariableID:21002:10572"
1918
- }
1919
- },
1920
- "scopes": [
1921
- "STROKE_COLOR"
1922
- ],
1923
- "codeSyntax": {
1924
- "WEB": "--digi--color--border--interactive--default--primary"
1925
- },
1926
- "digiName": "border--interactive--default--primary",
1927
347
  "digiCSSVariable": "--digi--color--border--interactive--default--primary",
1928
348
  "digiRecursiveValue": "#091D54"
1929
349
  },
1930
350
  "border--interactive--default--on-input": {
1931
351
  "name": "Border/Interactive/default/on-input",
1932
- "id": "VariableID:13836:5",
1933
- "remote": false,
1934
- "key": "83ed33da9ff3f78582d50e44145405b41ad32a74",
1935
- "variableCollectionId": "VariableCollectionId:13447:2",
1936
- "resolvedType": "COLOR",
1937
352
  "description": "Används i komponenter som inmatningsfält, kryssrutor och liknande formulärkomponenter.",
1938
- "hiddenFromPublishing": false,
1939
- "valuesByMode": {
1940
- "13447:0": {
1941
- "type": "VARIABLE_ALIAS",
1942
- "id": "VariableID:13386:37"
1943
- },
1944
- "21002:0": {
1945
- "type": "VARIABLE_ALIAS",
1946
- "id": "VariableID:21002:10572"
1947
- }
1948
- },
1949
- "scopes": [
1950
- "STROKE_COLOR"
1951
- ],
1952
- "codeSyntax": {
1953
- "WEB": "--digi--color--border--interactive--default--on-input"
1954
- },
1955
- "digiName": "border--interactive--default--on-input",
1956
353
  "digiCSSVariable": "--digi--color--border--interactive--default--on-input",
1957
354
  "digiRecursiveValue": "#333333"
1958
355
  },
1959
356
  "border--interactive--default--on-input-nuance": {
1960
357
  "name": "Border/Interactive/default/on-input-nuance",
1961
- "id": "VariableID:13649:1551",
1962
- "remote": false,
1963
- "key": "24212312257c40b3e6b5b9845874b86728fb191f",
1964
- "variableCollectionId": "VariableCollectionId:13447:2",
1965
- "resolvedType": "COLOR",
1966
358
  "description": "Används i filuppladdaren och kalendern.",
1967
- "hiddenFromPublishing": false,
1968
- "valuesByMode": {
1969
- "13447:0": {
1970
- "type": "VARIABLE_ALIAS",
1971
- "id": "VariableID:13386:28"
1972
- },
1973
- "21002:0": {
1974
- "type": "VARIABLE_ALIAS",
1975
- "id": "VariableID:21002:10574"
1976
- }
1977
- },
1978
- "scopes": [
1979
- "STROKE_COLOR"
1980
- ],
1981
- "codeSyntax": {
1982
- "WEB": "--digi--color--border--interactive--default--on-input-nuance"
1983
- },
1984
- "digiName": "border--interactive--default--on-input-nuance",
1985
359
  "digiCSSVariable": "--digi--color--border--interactive--default--on-input-nuance",
1986
360
  "digiRecursiveValue": "#5C5C5C"
1987
361
  },
1988
362
  "border--interactive--default--inverted": {
1989
363
  "name": "Border/Interactive/default/inverted",
1990
- "id": "VariableID:13828:60",
1991
- "remote": false,
1992
- "key": "49e11b5f3d9df01bc1d73fa71e1149a13ef03703",
1993
- "variableCollectionId": "VariableCollectionId:13447:2",
1994
- "resolvedType": "COLOR",
1995
364
  "description": "Används i länkknappar.",
1996
- "hiddenFromPublishing": false,
1997
- "valuesByMode": {
1998
- "13447:0": {
1999
- "type": "VARIABLE_ALIAS",
2000
- "id": "VariableID:15493:2"
2001
- },
2002
- "21002:0": {
2003
- "type": "VARIABLE_ALIAS",
2004
- "id": "VariableID:15493:2"
2005
- }
2006
- },
2007
- "scopes": [
2008
- "STROKE_COLOR"
2009
- ],
2010
- "codeSyntax": {
2011
- "WEB": "--digi--color--border--interactive--default--inverted"
2012
- },
2013
- "digiName": "border--interactive--default--inverted",
2014
365
  "digiCSSVariable": "--digi--color--border--interactive--default--inverted",
2015
366
  "digiRecursiveValue": "#67EE6A"
2016
367
  },
2017
368
  "border--interactive--hover--primary": {
2018
369
  "name": "Border/Interactive/hover/primary",
2019
- "id": "VariableID:13828:63",
2020
- "remote": false,
2021
- "key": "7a61173729135a08e1708843831bd30620ae163c",
2022
- "variableCollectionId": "VariableCollectionId:13447:2",
2023
- "resolvedType": "COLOR",
2024
370
  "description": "Ram som används i primärknappar och länkknappars hover-state.",
2025
- "hiddenFromPublishing": false,
2026
- "valuesByMode": {
2027
- "13447:0": {
2028
- "type": "VARIABLE_ALIAS",
2029
- "id": "VariableID:13377:33"
2030
- },
2031
- "21002:0": {
2032
- "type": "VARIABLE_ALIAS",
2033
- "id": "VariableID:21002:10572"
2034
- }
2035
- },
2036
- "scopes": [
2037
- "STROKE_COLOR"
2038
- ],
2039
- "codeSyntax": {
2040
- "WEB": "\t --digi--color--border--interactive--hover--primary"
2041
- },
2042
- "digiName": "border--interactive--hover--primary",
2043
371
  "digiCSSVariable": "--digi--color--border--interactive--hover--primary",
2044
372
  "digiRecursiveValue": "#043982"
2045
373
  },
2046
374
  "border--interactive--hover--secondary": {
2047
375
  "name": "Border/Interactive/hover/secondary",
2048
- "id": "VariableID:13828:65",
2049
- "remote": false,
2050
- "key": "0a84d38d070ba05602f05acfe91572dee12e19ba",
2051
- "variableCollectionId": "VariableCollectionId:13447:2",
2052
- "resolvedType": "COLOR",
2053
376
  "description": "Ram som används i sekundärknappar och länkknappars hover-state.",
2054
- "hiddenFromPublishing": false,
2055
- "valuesByMode": {
2056
- "13447:0": {
2057
- "type": "VARIABLE_ALIAS",
2058
- "id": "VariableID:13332:3"
2059
- },
2060
- "21002:0": {
2061
- "type": "VARIABLE_ALIAS",
2062
- "id": "VariableID:21002:10572"
2063
- }
2064
- },
2065
- "scopes": [
2066
- "STROKE_COLOR"
2067
- ],
2068
- "codeSyntax": {
2069
- "WEB": "\t --digi--color--border--interactive--hover--secondary"
2070
- },
2071
- "digiName": "border--interactive--hover--secondary",
2072
377
  "digiCSSVariable": "--digi--color--border--interactive--hover--secondary",
2073
378
  "digiRecursiveValue": "#091D54"
2074
379
  },
2075
380
  "border--interactive--hover--inverted": {
2076
381
  "name": "Border/Interactive/hover/inverted",
2077
- "id": "VariableID:13828:64",
2078
- "remote": false,
2079
- "key": "02eb5b0b0e1f36839fe99f1e106ba06e5c5cfe15",
2080
- "variableCollectionId": "VariableCollectionId:13447:2",
2081
- "resolvedType": "COLOR",
2082
382
  "description": "Används i länkknappar.",
2083
- "hiddenFromPublishing": false,
2084
- "valuesByMode": {
2085
- "13447:0": {
2086
- "type": "VARIABLE_ALIAS",
2087
- "id": "VariableID:13341:13"
2088
- },
2089
- "21002:0": {
2090
- "type": "VARIABLE_ALIAS",
2091
- "id": "VariableID:13341:13"
2092
- }
2093
- },
2094
- "scopes": [
2095
- "STROKE_COLOR"
2096
- ],
2097
- "codeSyntax": {
2098
- "WEB": "--digi--color--border--interactive--hover--inverted"
2099
- },
2100
- "digiName": "border--interactive--hover--inverted",
2101
383
  "digiCSSVariable": "--digi--color--border--interactive--hover--inverted",
2102
384
  "digiRecursiveValue": "#AAF5AB"
2103
385
  },
2104
386
  "border--interactive--validation--success": {
2105
387
  "name": "Border/Interactive/validation/success",
2106
- "id": "VariableID:13649:1553",
2107
- "remote": false,
2108
- "key": "125b72a2015674119a864331c0100997539131ea",
2109
- "variableCollectionId": "VariableCollectionId:13447:2",
2110
- "resolvedType": "COLOR",
2111
388
  "description": "Ram som används för formulärkomponenters success-states.",
2112
- "hiddenFromPublishing": false,
2113
- "valuesByMode": {
2114
- "13447:0": {
2115
- "type": "VARIABLE_ALIAS",
2116
- "id": "VariableID:13385:39"
2117
- },
2118
- "21002:0": {
2119
- "type": "VARIABLE_ALIAS",
2120
- "id": "VariableID:13385:39"
2121
- }
2122
- },
2123
- "scopes": [
2124
- "STROKE_COLOR"
2125
- ],
2126
- "codeSyntax": {
2127
- "WEB": "--digi--color--border--interactive--success"
2128
- },
2129
- "digiName": "border--interactive--validation--success",
2130
389
  "digiCSSVariable": "--digi--color--border--interactive--validation--success",
2131
390
  "digiRecursiveValue": "#008A20"
2132
391
  },
2133
392
  "border--interactive--validation--warning": {
2134
393
  "name": "Border/Interactive/validation/warning",
2135
- "id": "VariableID:13649:1555",
2136
- "remote": false,
2137
- "key": "7178848133ba198c4d1b89594c79460533d0814c",
2138
- "variableCollectionId": "VariableCollectionId:13447:2",
2139
- "resolvedType": "COLOR",
2140
394
  "description": "Ram som används för formulärkomponenters warning-states.",
2141
- "hiddenFromPublishing": false,
2142
- "valuesByMode": {
2143
- "13447:0": {
2144
- "type": "VARIABLE_ALIAS",
2145
- "id": "VariableID:13385:27"
2146
- },
2147
- "21002:0": {
2148
- "type": "VARIABLE_ALIAS",
2149
- "id": "VariableID:13385:26"
2150
- }
2151
- },
2152
- "scopes": [
2153
- "STROKE_COLOR"
2154
- ],
2155
- "codeSyntax": {
2156
- "WEB": "--digi--color--border--interactive--warning"
2157
- },
2158
- "digiName": "border--interactive--validation--warning",
2159
395
  "digiCSSVariable": "--digi--color--border--interactive--validation--warning",
2160
396
  "digiRecursiveValue": "#664D00"
2161
397
  },
2162
398
  "border--interactive--validation--error": {
2163
399
  "name": "Border/Interactive/validation/error",
2164
- "id": "VariableID:13649:1557",
2165
- "remote": false,
2166
- "key": "95d8d46d6e3ebb763a5f142427022035a9a599a2",
2167
- "variableCollectionId": "VariableCollectionId:13447:2",
2168
- "resolvedType": "COLOR",
2169
400
  "description": "Ram som används för formulärkomponenters error-states.",
2170
- "hiddenFromPublishing": false,
2171
- "valuesByMode": {
2172
- "13447:0": {
2173
- "type": "VARIABLE_ALIAS",
2174
- "id": "VariableID:13385:50"
2175
- },
2176
- "21002:0": {
2177
- "type": "VARIABLE_ALIAS",
2178
- "id": "VariableID:13385:50"
2179
- }
2180
- },
2181
- "scopes": [
2182
- "STROKE_COLOR"
2183
- ],
2184
- "codeSyntax": {
2185
- "WEB": "--digi--color--border--interactive--error"
2186
- },
2187
- "digiName": "border--interactive--validation--error",
2188
401
  "digiCSSVariable": "--digi--color--border--interactive--validation--error",
2189
402
  "digiRecursiveValue": "#DA0000"
2190
403
  },
2191
404
  "border--interactive--selected--primary": {
2192
405
  "name": "Border/Interactive/selected/primary",
2193
- "id": "VariableID:14309:1101",
2194
- "remote": false,
2195
- "key": "ae55cfe1a45188d6d44ebf346ed04c76cfd41920",
2196
- "variableCollectionId": "VariableCollectionId:13447:2",
2197
- "resolvedType": "COLOR",
2198
406
  "description": "Ram för valda primära kryssrutor och radioknappar.",
2199
- "hiddenFromPublishing": false,
2200
- "valuesByMode": {
2201
- "13447:0": {
2202
- "type": "VARIABLE_ALIAS",
2203
- "id": "VariableID:13385:39"
2204
- },
2205
- "21002:0": {
2206
- "type": "VARIABLE_ALIAS",
2207
- "id": "VariableID:21002:10572"
2208
- }
2209
- },
2210
- "scopes": [
2211
- "STROKE_COLOR"
2212
- ],
2213
- "codeSyntax": {
2214
- "WEB": "--digi--color--border--interactive--selected--primary"
2215
- },
2216
- "digiName": "border--interactive--selected--primary",
2217
407
  "digiCSSVariable": "--digi--color--border--interactive--selected--primary",
2218
408
  "digiRecursiveValue": "#008A20"
2219
409
  },
2220
410
  "border--interactive--selected--secondary": {
2221
411
  "name": "Border/Interactive/selected/secondary",
2222
- "id": "VariableID:14309:1102",
2223
- "remote": false,
2224
- "key": "16153393a846c6692ffbbedbe6f2e8d2d700e912",
2225
- "variableCollectionId": "VariableCollectionId:13447:2",
2226
- "resolvedType": "COLOR",
2227
412
  "description": "Ram för valda sekundära kryssrutor och radioknappar.",
2228
- "hiddenFromPublishing": false,
2229
- "valuesByMode": {
2230
- "13447:0": {
2231
- "type": "VARIABLE_ALIAS",
2232
- "id": "VariableID:13332:3"
2233
- },
2234
- "21002:0": {
2235
- "type": "VARIABLE_ALIAS",
2236
- "id": "VariableID:21002:10572"
2237
- }
2238
- },
2239
- "scopes": [
2240
- "STROKE_COLOR"
2241
- ],
2242
- "codeSyntax": {
2243
- "WEB": "--digi--color--border--interactive--selected--secondary"
2244
- },
2245
- "digiName": "border--interactive--selected--secondary",
2246
413
  "digiCSSVariable": "--digi--color--border--interactive--selected--secondary",
2247
414
  "digiRecursiveValue": "#091D54"
2248
415
  },
2249
416
  "border--sentiment--error": {
2250
417
  "name": "Border/Sentiment/error",
2251
- "id": "VariableID:13836:8",
2252
- "remote": false,
2253
- "key": "48199864e0b37986102f95dc32e78b3f99ec6a8e",
2254
- "variableCollectionId": "VariableCollectionId:13447:2",
2255
- "resolvedType": "COLOR",
2256
418
  "description": "Används för borders i sammanhang med error-state. Används i informationsmeddelande.",
2257
- "hiddenFromPublishing": false,
2258
- "valuesByMode": {
2259
- "13447:0": {
2260
- "type": "VARIABLE_ALIAS",
2261
- "id": "VariableID:13385:50"
2262
- },
2263
- "21002:0": {
2264
- "type": "VARIABLE_ALIAS",
2265
- "id": "VariableID:13385:50"
2266
- }
2267
- },
2268
- "scopes": [
2269
- "STROKE_COLOR"
2270
- ],
2271
- "codeSyntax": {
2272
- "WEB": "--digi--color--border--sentiment--error"
2273
- },
2274
- "digiName": "border--sentiment--error",
2275
419
  "digiCSSVariable": "--digi--color--border--sentiment--error",
2276
420
  "digiRecursiveValue": "#DA0000"
2277
421
  },
2278
422
  "border--sentiment--success": {
2279
423
  "name": "Border/Sentiment/success",
2280
- "id": "VariableID:13847:10",
2281
- "remote": false,
2282
- "key": "fe2325c5990c18eb04b8d224ff2d48a8ebb55d34",
2283
- "variableCollectionId": "VariableCollectionId:13447:2",
2284
- "resolvedType": "COLOR",
2285
424
  "description": "Används för borders i sammanhang med success-state. Används i informationsmeddelande.",
2286
- "hiddenFromPublishing": false,
2287
- "valuesByMode": {
2288
- "13447:0": {
2289
- "type": "VARIABLE_ALIAS",
2290
- "id": "VariableID:13385:39"
2291
- },
2292
- "21002:0": {
2293
- "type": "VARIABLE_ALIAS",
2294
- "id": "VariableID:13385:39"
2295
- }
2296
- },
2297
- "scopes": [
2298
- "STROKE_COLOR"
2299
- ],
2300
- "codeSyntax": {
2301
- "WEB": "--digi--color--border--sentiment--success"
2302
- },
2303
- "digiName": "border--sentiment--success",
2304
425
  "digiCSSVariable": "--digi--color--border--sentiment--success",
2305
426
  "digiRecursiveValue": "#008A20"
2306
427
  },
2307
428
  "border--sentiment--warning": {
2308
429
  "name": "Border/Sentiment/warning",
2309
- "id": "VariableID:13850:11",
2310
- "remote": false,
2311
- "key": "b5fdbce0ed9c1f6d62f602b3333323a986838e07",
2312
- "variableCollectionId": "VariableCollectionId:13447:2",
2313
- "resolvedType": "COLOR",
2314
430
  "description": "Används för borders i sammanhang med warning-state. Används i informationsmeddelande.",
2315
- "hiddenFromPublishing": false,
2316
- "valuesByMode": {
2317
- "13447:0": {
2318
- "type": "VARIABLE_ALIAS",
2319
- "id": "VariableID:13385:28"
2320
- },
2321
- "21002:0": {
2322
- "type": "VARIABLE_ALIAS",
2323
- "id": "VariableID:13385:28"
2324
- }
2325
- },
2326
- "scopes": [
2327
- "STROKE_COLOR"
2328
- ],
2329
- "codeSyntax": {
2330
- "WEB": "--digi--color--border--sentiment--warning"
2331
- },
2332
- "digiName": "border--sentiment--warning",
2333
431
  "digiCSSVariable": "--digi--color--border--sentiment--warning",
2334
432
  "digiRecursiveValue": "#FFE200"
2335
433
  },
2336
434
  "border--sentiment--info": {
2337
435
  "name": "Border/Sentiment/info",
2338
- "id": "VariableID:13850:24",
2339
- "remote": false,
2340
- "key": "1d15d948a14cdcfb4c0cad4fd715427fc213b62b",
2341
- "variableCollectionId": "VariableCollectionId:13447:2",
2342
- "resolvedType": "COLOR",
2343
436
  "description": "Används för borders i sammanhang med info-state. Används i informationsmeddelande.",
2344
- "hiddenFromPublishing": false,
2345
- "valuesByMode": {
2346
- "13447:0": {
2347
- "type": "VARIABLE_ALIAS",
2348
- "id": "VariableID:13385:85"
2349
- },
2350
- "21002:0": {
2351
- "type": "VARIABLE_ALIAS",
2352
- "id": "VariableID:13385:85"
2353
- }
2354
- },
2355
- "scopes": [
2356
- "STROKE_COLOR"
2357
- ],
2358
- "codeSyntax": {
2359
- "WEB": "--digi--color--border--sentiment--info"
2360
- },
2361
- "digiName": "border--sentiment--info",
2362
437
  "digiCSSVariable": "--digi--color--border--sentiment--info",
2363
438
  "digiRecursiveValue": "#0A4DD1"
2364
439
  },
2365
440
  "border--accent--primary": {
2366
441
  "name": "Border/Accent/primary",
2367
- "id": "VariableID:13897:3",
2368
- "remote": false,
2369
- "key": "c7c22c8471cbe5d3728be30e7ce5f58f3a4fd91d",
2370
- "variableCollectionId": "VariableCollectionId:13447:2",
2371
- "resolvedType": "COLOR",
2372
442
  "description": "Används i Jumborubrik samt Infokort. Används där man vill ha med visuell accent med varumärkets färg.",
2373
- "hiddenFromPublishing": false,
2374
- "valuesByMode": {
2375
- "13447:0": {
2376
- "type": "VARIABLE_ALIAS",
2377
- "id": "VariableID:13332:3"
2378
- },
2379
- "21002:0": {
2380
- "type": "VARIABLE_ALIAS",
2381
- "id": "VariableID:21002:10574"
2382
- }
2383
- },
2384
- "scopes": [
2385
- "STROKE_COLOR"
2386
- ],
2387
- "codeSyntax": {
2388
- "WEB": "--digi--color--border--accent--primary"
2389
- },
2390
- "digiName": "border--accent--primary",
2391
443
  "digiCSSVariable": "--digi--color--border--accent--primary",
2392
444
  "digiRecursiveValue": "#091D54"
2393
445
  },
2394
446
  "border--accent--secondary": {
2395
447
  "name": "Border/Accent/secondary",
2396
- "id": "VariableID:13916:1104",
2397
- "remote": false,
2398
- "key": "89fc9885c01fb6a08c8e010f541ec96d283cf47a",
2399
- "variableCollectionId": "VariableCollectionId:13447:2",
2400
- "resolvedType": "COLOR",
2401
448
  "description": "Används där man vill ha med visuell accent med varumärkets andra färg.",
2402
- "hiddenFromPublishing": false,
2403
- "valuesByMode": {
2404
- "13447:0": {
2405
- "type": "VARIABLE_ALIAS",
2406
- "id": "VariableID:13332:4"
2407
- },
2408
- "21002:0": {
2409
- "type": "VARIABLE_ALIAS",
2410
- "id": "VariableID:13332:4"
2411
- }
2412
- },
2413
- "scopes": [
2414
- "STROKE_COLOR"
2415
- ],
2416
- "codeSyntax": {
2417
- "WEB": "--digi--color--border--accent--secondary"
2418
- },
2419
- "digiName": "border--accent--secondary",
2420
449
  "digiCSSVariable": "--digi--color--border--accent--secondary",
2421
450
  "digiRecursiveValue": "#02A704"
2422
451
  },
2423
452
  "marking--navigation--selected": {
2424
453
  "name": "Marking/Navigation/selected",
2425
- "id": "VariableID:13905:5",
2426
- "remote": false,
2427
- "key": "abf88b786b01de7cd16d2385abe8f8921711756b",
2428
- "variableCollectionId": "VariableCollectionId:13447:2",
2429
- "resolvedType": "COLOR",
2430
454
  "description": "Används i valda flikar och vertikalmenysidor.",
2431
- "hiddenFromPublishing": false,
2432
- "valuesByMode": {
2433
- "13447:0": {
2434
- "type": "VARIABLE_ALIAS",
2435
- "id": "VariableID:13332:4"
2436
- },
2437
- "21002:0": {
2438
- "type": "VARIABLE_ALIAS",
2439
- "id": "VariableID:13332:4"
2440
- }
2441
- },
2442
- "scopes": [
2443
- "FRAME_FILL",
2444
- "SHAPE_FILL",
2445
- "STROKE_COLOR"
2446
- ],
2447
- "codeSyntax": {
2448
- "WEB": "--digi--color--marking--navigation--selected"
2449
- },
2450
- "digiName": "marking--navigation--selected",
2451
455
  "digiCSSVariable": "--digi--color--marking--navigation--selected",
2452
456
  "digiRecursiveValue": "#02A704"
2453
457
  },
2454
458
  "marking--navigation--level-active": {
2455
459
  "name": "Marking/Navigation/level-active",
2456
- "id": "VariableID:13905:6",
2457
- "remote": false,
2458
- "key": "ec1f31fbb65064bd714cc3094766d5aa53b14c93",
2459
- "variableCollectionId": "VariableCollectionId:13447:2",
2460
- "resolvedType": "COLOR",
2461
460
  "description": "Vertikalmenys undersidor på en expanderad kategori.",
2462
- "hiddenFromPublishing": false,
2463
- "valuesByMode": {
2464
- "13447:0": {
2465
- "type": "VARIABLE_ALIAS",
2466
- "id": "VariableID:13461:3"
2467
- },
2468
- "21002:0": {
2469
- "type": "VARIABLE_ALIAS",
2470
- "id": "VariableID:13461:3"
2471
- }
2472
- },
2473
- "scopes": [
2474
- "FRAME_FILL",
2475
- "SHAPE_FILL",
2476
- "STROKE_COLOR"
2477
- ],
2478
- "codeSyntax": {
2479
- "WEB": "--digi--color--marking--navigation--level-active"
2480
- },
2481
- "digiName": "marking--navigation--level-active",
2482
461
  "digiCSSVariable": "--digi--color--marking--navigation--level-active",
2483
462
  "digiRecursiveValue": "#DDF4DD"
2484
463
  },
2485
464
  "marking--navigation--level-inactive": {
2486
465
  "name": "Marking/Navigation/level-inactive",
2487
- "id": "VariableID:13905:7",
2488
- "remote": false,
2489
- "key": "2ab518a21a740362060af9d89bfc5a841340572d",
2490
- "variableCollectionId": "VariableCollectionId:13447:2",
2491
- "resolvedType": "COLOR",
2492
466
  "description": "Vertikalmenys undersidor på en expanderad kategori som inte är valda.",
2493
- "hiddenFromPublishing": false,
2494
- "valuesByMode": {
2495
- "13447:0": {
2496
- "type": "VARIABLE_ALIAS",
2497
- "id": "VariableID:13386:2"
2498
- },
2499
- "21002:0": {
2500
- "type": "VARIABLE_ALIAS",
2501
- "id": "VariableID:13386:2"
2502
- }
2503
- },
2504
- "scopes": [
2505
- "FRAME_FILL",
2506
- "SHAPE_FILL",
2507
- "STROKE_COLOR"
2508
- ],
2509
- "codeSyntax": {
2510
- "WEB": "--digi--color--marking--navigation--level-inactive"
2511
- },
2512
- "digiName": "marking--navigation--level-inactive",
2513
467
  "digiCSSVariable": "--digi--color--marking--navigation--level-inactive",
2514
468
  "digiRecursiveValue": "#F4F4F4"
2515
469
  },
2516
470
  "marking--indication--primary": {
2517
471
  "name": "Marking/Indication/primary",
2518
- "id": "VariableID:13916:1079",
2519
- "remote": false,
2520
- "key": "6bfe4e4890bcdd1e20a215af28e19c5f9e8074d0",
2521
- "variableCollectionId": "VariableCollectionId:13447:2",
2522
- "resolvedType": "COLOR",
2523
472
  "description": "Markeringsfärg som använder sig av funktionsgrön färg för att visa att något är genomfört.",
2524
- "hiddenFromPublishing": false,
2525
- "valuesByMode": {
2526
- "13447:0": {
2527
- "type": "VARIABLE_ALIAS",
2528
- "id": "VariableID:13385:39"
2529
- },
2530
- "21002:0": {
2531
- "type": "VARIABLE_ALIAS",
2532
- "id": "VariableID:13385:39"
2533
- }
2534
- },
2535
- "scopes": [
2536
- "FRAME_FILL",
2537
- "SHAPE_FILL",
2538
- "STROKE_COLOR"
2539
- ],
2540
- "codeSyntax": {
2541
- "WEB": "--digi--color--marking--indication--primary"
2542
- },
2543
- "digiName": "marking--indication--primary",
2544
473
  "digiCSSVariable": "--digi--color--marking--indication--primary",
2545
474
  "digiRecursiveValue": "#008A20"
2546
475
  },
2547
476
  "marking--indication--secondary": {
2548
477
  "name": "Marking/Indication/secondary",
2549
- "id": "VariableID:13916:1080",
2550
- "remote": false,
2551
- "key": "4f67cc51f956361676cdcdd91ebbd3272b1c7c5f",
2552
- "variableCollectionId": "VariableCollectionId:13447:2",
2553
- "resolvedType": "COLOR",
2554
478
  "description": "Markeringsfärg som används för att visa att något är genomfört där man vill ha med varumärkets färg, används i bl.a. förloppslista.",
2555
- "hiddenFromPublishing": false,
2556
- "valuesByMode": {
2557
- "13447:0": {
2558
- "type": "VARIABLE_ALIAS",
2559
- "id": "VariableID:13332:3"
2560
- },
2561
- "21002:0": {
2562
- "type": "VARIABLE_ALIAS",
2563
- "id": "VariableID:21002:10572"
2564
- }
2565
- },
2566
- "scopes": [
2567
- "FRAME_FILL",
2568
- "SHAPE_FILL",
2569
- "STROKE_COLOR"
2570
- ],
2571
- "codeSyntax": {
2572
- "WEB": "--digi--color--marking--indication--secondary"
2573
- },
2574
- "digiName": "marking--indication--secondary",
2575
479
  "digiCSSVariable": "--digi--color--marking--indication--secondary",
2576
480
  "digiRecursiveValue": "#091D54"
2577
481
  },
2578
482
  "marking--indication--tertiary": {
2579
483
  "name": "Marking/Indication/tertiary",
2580
- "id": "VariableID:13916:1081",
2581
- "remote": false,
2582
- "key": "d04a4a06bc92e3e411c350a2ccac8d3c51cae5d9",
2583
- "variableCollectionId": "VariableCollectionId:13447:2",
2584
- "resolvedType": "COLOR",
2585
484
  "description": "Markeringsfärg som används för att visa när något kan ske/är på väg att ske eller för att visa en markering i ett mer neutralt utförande.",
2586
- "hiddenFromPublishing": false,
2587
- "valuesByMode": {
2588
- "13447:0": {
2589
- "type": "VARIABLE_ALIAS",
2590
- "id": "VariableID:13386:29"
2591
- },
2592
- "21002:0": {
2593
- "type": "VARIABLE_ALIAS",
2594
- "id": "VariableID:13386:29"
2595
- }
2596
- },
2597
- "scopes": [
2598
- "FRAME_FILL",
2599
- "SHAPE_FILL",
2600
- "STROKE_COLOR"
2601
- ],
2602
- "codeSyntax": {
2603
- "WEB": "--digi--color--marking--indication--tertiary"
2604
- },
2605
- "digiName": "marking--indication--tertiary",
2606
485
  "digiCSSVariable": "--digi--color--marking--indication--tertiary",
2607
486
  "digiRecursiveValue": "#757575"
2608
487
  },
2609
488
  "divider--primary": {
2610
489
  "name": "Divider/primary",
2611
- "id": "VariableID:13916:1082",
2612
- "remote": false,
2613
- "key": "cc8624b0c0a2d22acefb7cd523d0cb6697b80a95",
2614
- "variableCollectionId": "VariableCollectionId:13447:2",
2615
- "resolvedType": "COLOR",
2616
- "description": "Primär färg för divider",
2617
- "hiddenFromPublishing": false,
2618
- "valuesByMode": {
2619
- "13447:0": {
2620
- "type": "VARIABLE_ALIAS",
2621
- "id": "VariableID:13386:35"
2622
- },
2623
- "21002:0": {
2624
- "type": "VARIABLE_ALIAS",
2625
- "id": "VariableID:13386:35"
2626
- }
2627
- },
2628
- "scopes": [
2629
- "FRAME_FILL",
2630
- "SHAPE_FILL",
2631
- "STROKE_COLOR"
2632
- ],
2633
- "codeSyntax": {
2634
- "WEB": "--digi--color--divider--primary"
2635
- },
2636
- "digiName": "divider--primary",
490
+ "description": "Primär färg för divider.",
2637
491
  "digiCSSVariable": "--digi--color--divider--primary",
2638
492
  "digiRecursiveValue": "#DDDDDD"
2639
493
  },
2640
494
  "divider--secondary": {
2641
495
  "name": "Divider/secondary",
2642
- "id": "VariableID:14128:613",
2643
- "remote": false,
2644
- "key": "04409ce1a569b0bc5a97014a3134ed098cc78ae3",
2645
- "variableCollectionId": "VariableCollectionId:13447:2",
2646
- "resolvedType": "COLOR",
2647
- "description": "Sekundär färg för divider som är subtilare än primär.",
2648
- "hiddenFromPublishing": false,
2649
- "valuesByMode": {
2650
- "13447:0": {
2651
- "type": "VARIABLE_ALIAS",
2652
- "id": "VariableID:13386:36"
2653
- },
2654
- "21002:0": {
2655
- "type": "VARIABLE_ALIAS",
2656
- "id": "VariableID:13386:36"
2657
- }
2658
- },
2659
- "scopes": [
2660
- "FRAME_FILL",
2661
- "SHAPE_FILL",
2662
- "STROKE_COLOR"
2663
- ],
2664
- "codeSyntax": {
2665
- "WEB": "--digi--color--divider--secondary"
2666
- },
2667
- "digiName": "divider--secondary",
496
+ "description": "Sekundär färg för divider som är subtilare än primär. Används i navigeringskomponenter såsom Menyval, Sidhuvud och Flikfält.",
2668
497
  "digiCSSVariable": "--digi--color--divider--secondary",
2669
- "digiRecursiveValue": "#EDEDED",
2670
- "digiValue": "grayscale--200"
2671
- },
2672
- "divider--tertiary": {
2673
- "name": "Divider/tertiary",
2674
- "id": "VariableID:14227:3558",
2675
- "remote": false,
2676
- "key": "ca92ada17ff9abbb50ac05e1e6bd7617e9162c6e",
2677
- "variableCollectionId": "VariableCollectionId:13447:2",
2678
- "resolvedType": "COLOR",
2679
- "description": "Tertiär färg för divider.",
2680
- "hiddenFromPublishing": false,
2681
- "valuesByMode": {
2682
- "13447:0": {
2683
- "type": "VARIABLE_ALIAS",
2684
- "id": "VariableID:13386:33"
2685
- },
2686
- "21002:0": {
2687
- "type": "VARIABLE_ALIAS",
2688
- "id": "VariableID:13386:33"
2689
- }
2690
- },
2691
- "scopes": [
2692
- "FRAME_FILL",
2693
- "SHAPE_FILL",
2694
- "STROKE_COLOR"
2695
- ],
2696
- "codeSyntax": {
2697
- "WEB": "--digi--color--divider--tertiary",
2698
- "ANDROID": "Divider/tertiary"
2699
- },
2700
- "digiName": "divider--tertiary",
2701
- "digiCSSVariable": "--digi--color--divider--tertiary",
2702
- "digiRecursiveValue": "#CACACA",
2703
- "digiValue": "grayscale--500"
498
+ "digiRecursiveValue": "#EDEDED"
2704
499
  },
2705
500
  "divider--on-brand-primary": {
2706
501
  "name": "Divider/on-brand-primary",
2707
- "id": "VariableID:14194:1749",
2708
- "remote": false,
2709
- "key": "ce8058dbc89d3874ccd625b8a46dd2399f853a7b",
2710
- "variableCollectionId": "VariableCollectionId:13447:2",
2711
- "resolvedType": "COLOR",
2712
- "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i footer.",
2713
- "hiddenFromPublishing": false,
2714
- "valuesByMode": {
2715
- "13447:0": {
2716
- "type": "VARIABLE_ALIAS",
2717
- "id": "VariableID:14191:1683"
2718
- },
2719
- "21002:0": {
2720
- "type": "VARIABLE_ALIAS",
2721
- "id": "VariableID:21002:10574"
2722
- }
2723
- },
2724
- "scopes": [
2725
- "FRAME_FILL",
2726
- "SHAPE_FILL",
2727
- "STROKE_COLOR"
2728
- ],
2729
- "codeSyntax": {
2730
- "WEB": "--digi--color--divider--on-brand-primary"
2731
- },
2732
- "digiName": "divider--on-brand-primary",
502
+ "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i Sidfot.",
2733
503
  "digiCSSVariable": "--digi--color--divider--on-brand-primary",
2734
504
  "digiRecursiveValue": "#ABDEF7"
2735
505
  },
2736
506
  "divider--cta": {
2737
507
  "name": "Divider/cta",
2738
- "id": "VariableID:14214:455",
2739
- "remote": false,
2740
- "key": "7c9414982c56dc5c254eaedda9d7771c02c0af5f",
2741
- "variableCollectionId": "VariableCollectionId:13447:2",
2742
- "resolvedType": "COLOR",
2743
508
  "description": "Används i Utfällbar rubrik.",
2744
- "hiddenFromPublishing": false,
2745
- "valuesByMode": {
2746
- "13447:0": {
2747
- "type": "VARIABLE_ALIAS",
2748
- "id": "VariableID:13377:27"
2749
- },
2750
- "21002:0": {
2751
- "type": "VARIABLE_ALIAS",
2752
- "id": "VariableID:15493:2"
2753
- }
2754
- },
2755
- "scopes": [
2756
- "FRAME_FILL",
2757
- "SHAPE_FILL",
2758
- "STROKE_COLOR"
2759
- ],
2760
- "codeSyntax": {
2761
- "WEB": "--digi--color--divider--cta"
2762
- },
2763
- "digiName": "divider--cta",
2764
509
  "digiCSSVariable": "--digi--color--divider--cta",
2765
510
  "digiRecursiveValue": "#1616B2"
2766
511
  },
2767
512
  "icon--primary": {
2768
513
  "name": "Icon/primary",
2769
- "id": "VariableID:13650:2071",
2770
- "remote": false,
2771
- "key": "94f18211f2ba7f9e2d7a8dd2b1a4dfedcf833daf",
2772
- "variableCollectionId": "VariableCollectionId:13447:2",
2773
- "resolvedType": "COLOR",
2774
514
  "description": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
2775
- "hiddenFromPublishing": false,
2776
- "valuesByMode": {
2777
- "13447:0": {
2778
- "type": "VARIABLE_ALIAS",
2779
- "id": "VariableID:13386:37"
2780
- },
2781
- "21002:0": {
2782
- "type": "VARIABLE_ALIAS",
2783
- "id": "VariableID:21002:10572"
2784
- }
2785
- },
2786
- "scopes": [
2787
- "ALL_SCOPES"
2788
- ],
2789
- "codeSyntax": {
2790
- "WEB": "--digi--color--icon--primary"
2791
- },
2792
- "digiName": "icon--primary",
2793
515
  "digiCSSVariable": "--digi--color--icon--primary",
2794
516
  "digiRecursiveValue": "#333333"
2795
517
  },
2796
518
  "icon--secondary": {
2797
519
  "name": "Icon/secondary",
2798
- "id": "VariableID:13650:2070",
2799
- "remote": false,
2800
- "key": "03903657e3207072bef8947eb1f6f6d8a5e81774",
2801
- "variableCollectionId": "VariableCollectionId:13447:2",
2802
- "resolvedType": "COLOR",
2803
520
  "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
2804
- "hiddenFromPublishing": false,
2805
- "valuesByMode": {
2806
- "13447:0": {
2807
- "type": "VARIABLE_ALIAS",
2808
- "id": "VariableID:13367:15"
2809
- },
2810
- "21002:0": {
2811
- "type": "VARIABLE_ALIAS",
2812
- "id": "VariableID:21002:10572"
2813
- }
2814
- },
2815
- "scopes": [
2816
- "ALL_SCOPES"
2817
- ],
2818
- "codeSyntax": {
2819
- "WEB": "--digi--color--icon--secondary"
2820
- },
2821
- "digiName": "icon--secondary",
2822
521
  "digiCSSVariable": "--digi--color--icon--secondary",
2823
522
  "digiRecursiveValue": "#FFFFFF"
2824
523
  },
2825
524
  "icon--brand-primary": {
2826
525
  "name": "Icon/brand-primary",
2827
- "id": "VariableID:13650:2072",
2828
- "remote": false,
2829
- "key": "d5d71c212c6b86a15e23f757ae40eedae1b75502",
2830
- "variableCollectionId": "VariableCollectionId:13447:2",
2831
- "resolvedType": "COLOR",
2832
526
  "description": "Används på ljusa bakgrunder där man vill få in varumärkets färg, t.ex. länkknappar.",
2833
- "hiddenFromPublishing": false,
2834
- "valuesByMode": {
2835
- "13447:0": {
2836
- "type": "VARIABLE_ALIAS",
2837
- "id": "VariableID:13332:3"
2838
- },
2839
- "21002:0": {
2840
- "type": "VARIABLE_ALIAS",
2841
- "id": "VariableID:21002:10572"
2842
- }
2843
- },
2844
- "scopes": [
2845
- "ALL_SCOPES"
2846
- ],
2847
- "codeSyntax": {
2848
- "WEB": "--digi--color--icon--brand-primary"
2849
- },
2850
- "digiName": "icon--brand-primary",
2851
527
  "digiCSSVariable": "--digi--color--icon--brand-primary",
2852
528
  "digiRecursiveValue": "#091D54"
2853
529
  },
2854
530
  "icon--brand-secondary": {
2855
531
  "name": "Icon/brand-secondary",
2856
- "id": "VariableID:13650:2073",
2857
- "remote": false,
2858
- "key": "083e335f825cbff4a4a30b5dbeca0226e3d8f420",
2859
- "variableCollectionId": "VariableCollectionId:13447:2",
2860
- "resolvedType": "COLOR",
2861
532
  "description": "Används på mörka bakgrunder där man vill få in varumärkets sekundära färg, t.ex. länkknappar.",
2862
- "hiddenFromPublishing": false,
2863
- "valuesByMode": {
2864
- "13447:0": {
2865
- "type": "VARIABLE_ALIAS",
2866
- "id": "VariableID:15493:2"
2867
- },
2868
- "21002:0": {
2869
- "type": "VARIABLE_ALIAS",
2870
- "id": "VariableID:15493:2"
2871
- }
2872
- },
2873
- "scopes": [
2874
- "ALL_SCOPES"
2875
- ],
2876
- "codeSyntax": {
2877
- "WEB": "--digi--color--icon--brand-secondary"
2878
- },
2879
- "digiName": "icon--brand-secondary",
2880
533
  "digiCSSVariable": "--digi--color--icon--brand-secondary",
2881
534
  "digiRecursiveValue": "#67EE6A"
2882
535
  },
2883
536
  "icon--cta": {
2884
537
  "name": "Icon/cta",
2885
- "id": "VariableID:13650:2069",
2886
- "remote": false,
2887
- "key": "4a785ee0e8f202776f4ccf403366ae1f72adebc1",
2888
- "variableCollectionId": "VariableCollectionId:13447:2",
2889
- "resolvedType": "COLOR",
2890
538
  "description": "Används för ikon i funktionsknapp, filuppladdare och flikfältet. ",
2891
- "hiddenFromPublishing": false,
2892
- "valuesByMode": {
2893
- "13447:0": {
2894
- "type": "VARIABLE_ALIAS",
2895
- "id": "VariableID:13377:27"
2896
- },
2897
- "21002:0": {
2898
- "type": "VARIABLE_ALIAS",
2899
- "id": "VariableID:15493:2"
2900
- }
2901
- },
2902
- "scopes": [
2903
- "ALL_SCOPES"
2904
- ],
2905
- "codeSyntax": {
2906
- "WEB": "--digi--color--icon--cta"
2907
- },
2908
- "digiName": "icon--cta",
2909
539
  "digiCSSVariable": "--digi--color--icon--cta",
2910
540
  "digiRecursiveValue": "#1616B2"
2911
541
  },
2912
542
  "icon--validation--success": {
2913
543
  "name": "Icon/Validation/success",
2914
- "id": "VariableID:13649:1580",
2915
- "remote": false,
2916
- "key": "fec386fb50cf409d058068e593709f341fef1d55",
2917
- "variableCollectionId": "VariableCollectionId:13447:2",
2918
- "resolvedType": "COLOR",
2919
544
  "description": "Används för ikoner som visar success-state. Används i valideringsmeddelande.",
2920
- "hiddenFromPublishing": false,
2921
- "valuesByMode": {
2922
- "13447:0": {
2923
- "type": "VARIABLE_ALIAS",
2924
- "id": "VariableID:13385:39"
2925
- },
2926
- "21002:0": {
2927
- "type": "VARIABLE_ALIAS",
2928
- "id": "VariableID:13385:39"
2929
- }
2930
- },
2931
- "scopes": [
2932
- "SHAPE_FILL"
2933
- ],
2934
- "codeSyntax": {
2935
- "WEB": "--digi--color--icon--validation--success"
2936
- },
2937
- "digiName": "icon--validation--success",
2938
545
  "digiCSSVariable": "--digi--color--icon--validation--success",
2939
546
  "digiRecursiveValue": "#008A20"
2940
547
  },
2941
548
  "icon--validation--warning": {
2942
549
  "name": "Icon/Validation/warning",
2943
- "id": "VariableID:13650:1356",
2944
- "remote": false,
2945
- "key": "92a085d7c4c8c3796dbcdc7048a32e55a883bec2",
2946
- "variableCollectionId": "VariableCollectionId:13447:2",
2947
- "resolvedType": "COLOR",
2948
550
  "description": "Används för ikoner som visar warning-state. Används i valideringsmeddelande.",
2949
- "hiddenFromPublishing": false,
2950
- "valuesByMode": {
2951
- "13447:0": {
2952
- "type": "VARIABLE_ALIAS",
2953
- "id": "VariableID:13385:28"
2954
- },
2955
- "21002:0": {
2956
- "type": "VARIABLE_ALIAS",
2957
- "id": "VariableID:13385:28"
2958
- }
2959
- },
2960
- "scopes": [
2961
- "SHAPE_FILL"
2962
- ],
2963
- "codeSyntax": {
2964
- "WEB": "--digi--color--icon--validation--warning"
2965
- },
2966
- "digiName": "icon--validation--warning",
2967
551
  "digiCSSVariable": "--digi--color--icon--validation--warning",
2968
552
  "digiRecursiveValue": "#FFE200"
2969
553
  },
2970
554
  "icon--validation--error": {
2971
555
  "name": "Icon/Validation/error",
2972
- "id": "VariableID:13650:1357",
2973
- "remote": false,
2974
- "key": "09bc25959214ade9f08c38f35b0e7fde2a315719",
2975
- "variableCollectionId": "VariableCollectionId:13447:2",
2976
- "resolvedType": "COLOR",
2977
556
  "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
2978
- "hiddenFromPublishing": false,
2979
- "valuesByMode": {
2980
- "13447:0": {
2981
- "type": "VARIABLE_ALIAS",
2982
- "id": "VariableID:13385:50"
2983
- },
2984
- "21002:0": {
2985
- "type": "VARIABLE_ALIAS",
2986
- "id": "VariableID:13385:50"
2987
- }
2988
- },
2989
- "scopes": [
2990
- "SHAPE_FILL"
2991
- ],
2992
- "codeSyntax": {
2993
- "WEB": "--digi--color--icon--validation--error"
2994
- },
2995
- "digiName": "icon--validation--error",
2996
557
  "digiCSSVariable": "--digi--color--icon--validation--error",
2997
558
  "digiRecursiveValue": "#DA0000"
2998
559
  },
2999
560
  "infographic--lineart": {
3000
561
  "name": "Infographic/Lineart",
3001
- "id": "VariableID:16588:2",
3002
- "remote": false,
3003
- "key": "8d553b11672cf25267a50f0592e62fed405ad7e4",
3004
- "variableCollectionId": "VariableCollectionId:13447:2",
3005
- "resolvedType": "COLOR",
3006
562
  "description": "",
3007
- "hiddenFromPublishing": false,
3008
- "valuesByMode": {
3009
- "13447:0": {
3010
- "type": "VARIABLE_ALIAS",
3011
- "id": "VariableID:13386:37"
3012
- },
3013
- "21002:0": {
3014
- "type": "VARIABLE_ALIAS",
3015
- "id": "VariableID:21002:10572"
3016
- }
3017
- },
3018
- "scopes": [
3019
- "ALL_SCOPES"
3020
- ],
3021
- "codeSyntax": {
3022
- "WEB": "--digi--color--infographic--lineart"
3023
- },
3024
- "digiName": "infographic--lineart",
3025
563
  "digiCSSVariable": "--digi--color--infographic--lineart",
3026
564
  "digiRecursiveValue": "#333333"
3027
565
  },
3028
566
  "infographic--background": {
3029
567
  "name": "Infographic/Background",
3030
- "id": "VariableID:16588:11013",
3031
- "remote": false,
3032
- "key": "d65e7b252c86ffae189624c7d73476ccbb8b0820",
3033
- "variableCollectionId": "VariableCollectionId:13447:2",
3034
- "resolvedType": "COLOR",
3035
568
  "description": "",
3036
- "hiddenFromPublishing": false,
3037
- "valuesByMode": {
3038
- "13447:0": {
3039
- "type": "VARIABLE_ALIAS",
3040
- "id": "VariableID:13367:15"
3041
- },
3042
- "21002:0": {
3043
- "type": "VARIABLE_ALIAS",
3044
- "id": "VariableID:13367:15"
3045
- }
3046
- },
3047
- "scopes": [
3048
- "ALL_SCOPES"
3049
- ],
3050
- "codeSyntax": {
3051
- "WEB": "--digi--color--infographic--background"
3052
- },
3053
- "digiName": "infographic--background",
3054
569
  "digiCSSVariable": "--digi--color--infographic--background",
3055
570
  "digiRecursiveValue": "#FFFFFF"
3056
571
  },
3057
572
  "infographic--brand--primary": {
3058
573
  "name": "Infographic/Brand/Primary",
3059
- "id": "VariableID:16588:3944",
3060
- "remote": false,
3061
- "key": "de272572829093627ac75d5f8f88bd7f427ee56d",
3062
- "variableCollectionId": "VariableCollectionId:13447:2",
3063
- "resolvedType": "COLOR",
3064
574
  "description": "Används som primär färg för infografik.",
3065
- "hiddenFromPublishing": false,
3066
- "valuesByMode": {
3067
- "13447:0": {
3068
- "type": "VARIABLE_ALIAS",
3069
- "id": "VariableID:17212:928"
3070
- },
3071
- "21002:0": {
3072
- "type": "VARIABLE_ALIAS",
3073
- "id": "VariableID:17212:928"
3074
- }
3075
- },
3076
- "scopes": [
3077
- "ALL_SCOPES"
3078
- ],
3079
- "codeSyntax": {
3080
- "WEB": "--digi--color--infographic--brand--primary"
3081
- },
3082
- "digiName": "infographic--brand--primary",
3083
575
  "digiCSSVariable": "--digi--color--infographic--brand--primary",
3084
576
  "digiRecursiveValue": "#02A704"
3085
577
  },
3086
578
  "infographic--brand--primary-alt": {
3087
579
  "name": "Infographic/Brand/Primary-alt",
3088
- "id": "VariableID:16588:11010",
3089
- "remote": false,
3090
- "key": "079812791718a34710a4f55f09f6e5f4f6377bb7",
3091
- "variableCollectionId": "VariableCollectionId:13447:2",
3092
- "resolvedType": "COLOR",
3093
580
  "description": "Används i vissa fall där denna färg inte syns i dark mode.",
3094
- "hiddenFromPublishing": false,
3095
- "valuesByMode": {
3096
- "13447:0": {
3097
- "type": "VARIABLE_ALIAS",
3098
- "id": "VariableID:17212:928"
3099
- },
3100
- "21002:0": {
3101
- "type": "VARIABLE_ALIAS",
3102
- "id": "VariableID:17212:928"
3103
- }
3104
- },
3105
- "scopes": [
3106
- "ALL_SCOPES"
3107
- ],
3108
- "codeSyntax": {
3109
- "WEB": "--digi--color--infographic--brand--primary-alt"
3110
- },
3111
- "digiName": "infographic--brand--primary-alt",
3112
581
  "digiCSSVariable": "--digi--color--infographic--brand--primary-alt",
3113
582
  "digiRecursiveValue": "#02A704"
3114
583
  },
3115
584
  "infographic--brand--secondary": {
3116
585
  "name": "Infographic/Brand/Secondary",
3117
- "id": "VariableID:16588:11011",
3118
- "remote": false,
3119
- "key": "5524ef846b6a20bab4b255d9a781d15eff1cb311",
3120
- "variableCollectionId": "VariableCollectionId:13447:2",
3121
- "resolvedType": "COLOR",
3122
586
  "description": "Används som sekundär färg för infografik.",
3123
- "hiddenFromPublishing": false,
3124
- "valuesByMode": {
3125
- "13447:0": {
3126
- "type": "VARIABLE_ALIAS",
3127
- "id": "VariableID:17212:929"
3128
- },
3129
- "21002:0": {
3130
- "type": "VARIABLE_ALIAS",
3131
- "id": "VariableID:17212:929"
3132
- }
3133
- },
3134
- "scopes": [
3135
- "ALL_SCOPES"
3136
- ],
3137
- "codeSyntax": {
3138
- "WEB": "--digi--color--infographic--brand--secondary"
3139
- },
3140
- "digiName": "infographic--brand--secondary",
3141
587
  "digiCSSVariable": "--digi--color--infographic--brand--secondary",
3142
588
  "digiRecursiveValue": "#CBECC9"
3143
589
  },
3144
590
  "infographic--brand--secondary-alt": {
3145
591
  "name": "Infographic/Brand/Secondary-alt",
3146
- "id": "VariableID:16588:11012",
3147
- "remote": false,
3148
- "key": "2964903c251a068088810c16f926a3fce89b8b97",
3149
- "variableCollectionId": "VariableCollectionId:13447:2",
3150
- "resolvedType": "COLOR",
3151
592
  "description": "Används i vissa fall där denna färg inte syns i dark mode.",
3152
- "hiddenFromPublishing": false,
3153
- "valuesByMode": {
3154
- "13447:0": {
3155
- "type": "VARIABLE_ALIAS",
3156
- "id": "VariableID:17212:929"
3157
- },
3158
- "21002:0": {
3159
- "type": "VARIABLE_ALIAS",
3160
- "id": "VariableID:17212:929"
3161
- }
3162
- },
3163
- "scopes": [
3164
- "ALL_SCOPES"
3165
- ],
3166
- "codeSyntax": {
3167
- "WEB": "--digi--color--infographic--brand--secondary-alt"
3168
- },
3169
- "digiName": "infographic--brand--secondary-alt",
3170
593
  "digiCSSVariable": "--digi--color--infographic--brand--secondary-alt",
3171
594
  "digiRecursiveValue": "#CBECC9"
3172
595
  },
3173
596
  "misc--spinner-path": {
3174
597
  "name": "Misc/spinner-path",
3175
- "id": "VariableID:14194:1890",
3176
- "remote": false,
3177
- "key": "e95ba112a892d0780982ab2aa2787a18f078b02c",
3178
- "variableCollectionId": "VariableCollectionId:13447:2",
3179
- "resolvedType": "COLOR",
3180
598
  "description": "Används i Spinner-komponenten.",
3181
- "hiddenFromPublishing": false,
3182
- "valuesByMode": {
3183
- "13447:0": {
3184
- "type": "VARIABLE_ALIAS",
3185
- "id": "VariableID:13386:35"
3186
- },
3187
- "21002:0": {
3188
- "type": "VARIABLE_ALIAS",
3189
- "id": "VariableID:13386:35"
3190
- }
3191
- },
3192
- "scopes": [
3193
- "FRAME_FILL",
3194
- "SHAPE_FILL"
3195
- ],
3196
- "codeSyntax": {
3197
- "WEB": "--digi--color--misc--spinner-path"
3198
- },
3199
- "digiName": "misc--spinner-path",
3200
599
  "digiCSSVariable": "--digi--color--misc--spinner-path",
3201
600
  "digiRecursiveValue": "#DDDDDD"
3202
601
  },
3203
602
  "misc--skeleton": {
3204
603
  "name": "Misc/skeleton",
3205
- "id": "VariableID:15650:2847",
3206
- "remote": false,
3207
- "key": "bc36394aa10e380ae0600c1859a2d5e4845a8de2",
3208
- "variableCollectionId": "VariableCollectionId:13447:2",
3209
- "resolvedType": "COLOR",
3210
604
  "description": "Används i Platshållare-komponenten.",
3211
- "hiddenFromPublishing": false,
3212
- "valuesByMode": {
3213
- "13447:0": {
3214
- "type": "VARIABLE_ALIAS",
3215
- "id": "VariableID:13386:35"
3216
- },
3217
- "21002:0": {
3218
- "type": "VARIABLE_ALIAS",
3219
- "id": "VariableID:13386:35"
3220
- }
3221
- },
3222
- "scopes": [
3223
- "FRAME_FILL",
3224
- "SHAPE_FILL"
3225
- ],
3226
- "codeSyntax": {
3227
- "WEB": "--digi--color--misc--skeleton"
3228
- },
3229
- "digiName": "misc--skeleton",
3230
605
  "digiCSSVariable": "--digi--color--misc--skeleton",
3231
606
  "digiRecursiveValue": "#DDDDDD"
3232
607
  },
3233
608
  "misc--transparent": {
3234
609
  "name": "Misc/Transparent",
3235
- "id": "VariableID:13646:1231",
3236
- "remote": false,
3237
- "key": "a9e56afd6eaed9f78a056a8307a0dd4aeb5c3555",
3238
- "variableCollectionId": "VariableCollectionId:13367:14",
3239
- "resolvedType": "COLOR",
3240
610
  "description": "",
3241
611
  "digiCSSVariable": "--digi--misc--transparent",
3242
612
  "digiRecursiveValue": "#FFFFFF"
3243
613
  },
3244
614
  "grayscale--0": {
3245
615
  "name": "Grayscale/0",
3246
- "id": "VariableID:13367:15",
3247
- "remote": false,
3248
- "key": "33a9eb36140a204ac20e5113abeb0bf251c07b6b",
3249
- "variableCollectionId": "VariableCollectionId:13367:14",
3250
- "resolvedType": "COLOR",
3251
616
  "description": "",
3252
617
  "digiCSSVariable": "--digi--grayscale--0",
3253
618
  "digiRecursiveValue": "#FFFFFF"
3254
619
  },
3255
620
  "grayscale--50": {
3256
621
  "name": "Grayscale/50",
3257
- "id": "VariableID:13386:32",
3258
- "remote": false,
3259
- "key": "775252415c0990ed681ba1ca53799b2f21b77e1b",
3260
- "variableCollectionId": "VariableCollectionId:13367:14",
3261
- "resolvedType": "COLOR",
3262
622
  "description": "",
3263
623
  "digiCSSVariable": "--digi--grayscale--50",
3264
624
  "digiRecursiveValue": "#FBFBFB"
3265
625
  },
3266
626
  "grayscale--100": {
3267
627
  "name": "Grayscale/100",
3268
- "id": "VariableID:13386:2",
3269
- "remote": false,
3270
- "key": "4f7d074b0ecd6a99a6d2bd20dc3c4a4bf0c6e191",
3271
- "variableCollectionId": "VariableCollectionId:13367:14",
3272
- "resolvedType": "COLOR",
3273
628
  "description": "",
3274
629
  "digiCSSVariable": "--digi--grayscale--100",
3275
630
  "digiRecursiveValue": "#F4F4F4"
3276
631
  },
3277
632
  "grayscale--200": {
3278
633
  "name": "Grayscale/200",
3279
- "id": "VariableID:13386:36",
3280
- "remote": false,
3281
- "key": "1f9e63b4d95e72b9c01341cc401c07f5eddb94b4",
3282
- "variableCollectionId": "VariableCollectionId:13367:14",
3283
- "resolvedType": "COLOR",
3284
634
  "description": "Sekundär bakgrundsfärg / Secoundary background",
3285
635
  "digiCSSVariable": "--digi--grayscale--200",
3286
636
  "digiRecursiveValue": "#EDEDED"
3287
637
  },
3288
638
  "grayscale--300": {
3289
639
  "name": "Grayscale/300",
3290
- "id": "VariableID:13386:34",
3291
- "remote": false,
3292
- "key": "2678407b8b3c5e1fcdb50ec443e7b918f28ff14f",
3293
- "variableCollectionId": "VariableCollectionId:13367:14",
3294
- "resolvedType": "COLOR",
3295
640
  "description": "",
3296
641
  "digiCSSVariable": "--digi--grayscale--300",
3297
642
  "digiRecursiveValue": "#E4E4E4"
3298
643
  },
3299
644
  "grayscale--400": {
3300
645
  "name": "Grayscale/400",
3301
- "id": "VariableID:13386:35",
3302
- "remote": false,
3303
- "key": "4b3be6e08ef6ae009af930e6440f78127dc502d2",
3304
- "variableCollectionId": "VariableCollectionId:13367:14",
3305
- "resolvedType": "COLOR",
3306
646
  "description": "",
3307
647
  "digiCSSVariable": "--digi--grayscale--400",
3308
648
  "digiRecursiveValue": "#DDDDDD"
3309
649
  },
3310
650
  "grayscale--500": {
3311
651
  "name": "Grayscale/500",
3312
- "id": "VariableID:13386:33",
3313
- "remote": false,
3314
- "key": "94514b37b6af0ef570687ccd06a9c393b6d0aa05",
3315
- "variableCollectionId": "VariableCollectionId:13367:14",
3316
- "resolvedType": "COLOR",
3317
652
  "description": "",
3318
653
  "digiCSSVariable": "--digi--grayscale--500",
3319
654
  "digiRecursiveValue": "#CACACA"
3320
655
  },
3321
656
  "grayscale--600": {
3322
657
  "name": "Grayscale/600",
3323
- "id": "VariableID:13386:31",
3324
- "remote": false,
3325
- "key": "65c73cb81631c9a36793e7bb77eff3c116ee529c",
3326
- "variableCollectionId": "VariableCollectionId:13367:14",
3327
- "resolvedType": "COLOR",
3328
658
  "description": "",
3329
659
  "digiCSSVariable": "--digi--grayscale--600",
3330
660
  "digiRecursiveValue": "#ACACAC"
3331
661
  },
3332
662
  "grayscale--700": {
3333
663
  "name": "Grayscale/700",
3334
- "id": "VariableID:13386:29",
3335
- "remote": false,
3336
- "key": "7b9a362b6efc32820f458993cb55ab906d4f7826",
3337
- "variableCollectionId": "VariableCollectionId:13367:14",
3338
- "resolvedType": "COLOR",
3339
664
  "description": "Textcolor",
3340
665
  "digiCSSVariable": "--digi--grayscale--700",
3341
666
  "digiRecursiveValue": "#757575"
3342
667
  },
3343
668
  "grayscale--800": {
3344
669
  "name": "Grayscale/800",
3345
- "id": "VariableID:13386:28",
3346
- "remote": false,
3347
- "key": "febc663112559ae624c1a8e31fa9be2ad55c17df",
3348
- "variableCollectionId": "VariableCollectionId:13367:14",
3349
- "resolvedType": "COLOR",
3350
670
  "description": "Textcolor 5C5C5C",
3351
671
  "digiCSSVariable": "--digi--grayscale--800",
3352
672
  "digiRecursiveValue": "#5C5C5C"
3353
673
  },
3354
674
  "grayscale--900": {
3355
675
  "name": "Grayscale/900",
3356
- "id": "VariableID:13386:37",
3357
- "remote": false,
3358
- "key": "e110ca2bb0fadbf454450caae5efbbffdc271d7a",
3359
- "variableCollectionId": "VariableCollectionId:13367:14",
3360
- "resolvedType": "COLOR",
3361
676
  "description": "Primary text color",
3362
677
  "digiCSSVariable": "--digi--grayscale--900",
3363
678
  "digiRecursiveValue": "#333333"
3364
679
  },
3365
680
  "grayscale--1000": {
3366
681
  "name": "Grayscale/1000",
3367
- "id": "VariableID:13386:30",
3368
- "remote": false,
3369
- "key": "81845adb943d964b78ef4e5d513b7770ad385ada",
3370
- "variableCollectionId": "VariableCollectionId:13367:14",
3371
- "resolvedType": "COLOR",
3372
682
  "description": "",
3373
683
  "digiCSSVariable": "--digi--grayscale--1000",
3374
684
  "digiRecursiveValue": "#000000"
3375
685
  },
3376
686
  "sentiment--informative--200": {
3377
687
  "name": "Sentiment/Informative/200",
3378
- "id": "VariableID:13385:86",
3379
- "remote": false,
3380
- "key": "acadeaff163ffb993970d0f893877a4dce5cc0da",
3381
- "variableCollectionId": "VariableCollectionId:13367:14",
3382
- "resolvedType": "COLOR",
3383
688
  "description": "",
3384
689
  "digiCSSVariable": "--digi--sentiment--informative--200",
3385
690
  "digiRecursiveValue": "#E9E9FF"
3386
691
  },
3387
692
  "sentiment--informative--500": {
3388
693
  "name": "Sentiment/Informative/500",
3389
- "id": "VariableID:13385:85",
3390
- "remote": false,
3391
- "key": "fa6c3125d2fa4f85fc26cd45040d76c33746ac89",
3392
- "variableCollectionId": "VariableCollectionId:13367:14",
3393
- "resolvedType": "COLOR",
3394
694
  "description": "",
3395
695
  "digiCSSVariable": "--digi--sentiment--informative--500",
3396
696
  "digiRecursiveValue": "#0A4DD1"
3397
697
  },
3398
698
  "sentiment--informative--700": {
3399
699
  "name": "Sentiment/Informative/700",
3400
- "id": "VariableID:13385:84",
3401
- "remote": false,
3402
- "key": "cc2e02d9a3b5d70dcd9f2f6d5f9c95dc2af1da29",
3403
- "variableCollectionId": "VariableCollectionId:13367:14",
3404
- "resolvedType": "COLOR",
3405
700
  "description": "",
3406
701
  "digiCSSVariable": "--digi--sentiment--informative--700",
3407
702
  "digiRecursiveValue": "#0058A3"
3408
703
  },
3409
704
  "sentiment--error--200": {
3410
705
  "name": "Sentiment/Error/200",
3411
- "id": "VariableID:13385:51",
3412
- "remote": false,
3413
- "key": "15f1ac9f16f59c25c0e886c3187a8e752acbe8ad",
3414
- "variableCollectionId": "VariableCollectionId:13367:14",
3415
- "resolvedType": "COLOR",
3416
706
  "description": "",
3417
707
  "digiCSSVariable": "--digi--sentiment--error--200",
3418
708
  "digiRecursiveValue": "#FDEDED"
3419
709
  },
3420
710
  "sentiment--error--500": {
3421
711
  "name": "Sentiment/Error/500",
3422
- "id": "VariableID:13385:50",
3423
- "remote": false,
3424
- "key": "7023a04a9b95f973886e93f29c2ad31897112bdd",
3425
- "variableCollectionId": "VariableCollectionId:13367:14",
3426
- "resolvedType": "COLOR",
3427
712
  "description": "",
3428
713
  "digiCSSVariable": "--digi--sentiment--error--500",
3429
714
  "digiRecursiveValue": "#DA0000"
3430
715
  },
3431
716
  "sentiment--error--700": {
3432
717
  "name": "Sentiment/Error/700",
3433
- "id": "VariableID:13385:49",
3434
- "remote": false,
3435
- "key": "f559650792440c982b1832d91119fb68ae4a46f6",
3436
- "variableCollectionId": "VariableCollectionId:13367:14",
3437
- "resolvedType": "COLOR",
3438
718
  "description": "",
3439
719
  "digiCSSVariable": "--digi--sentiment--error--700",
3440
720
  "digiRecursiveValue": "#C7311A"
3441
721
  },
3442
722
  "sentiment--success--200": {
3443
723
  "name": "Sentiment/Success/200",
3444
- "id": "VariableID:13385:40",
3445
- "remote": false,
3446
- "key": "f92dd8a7cc071ec78615a0e6b426c1f224272694",
3447
- "variableCollectionId": "VariableCollectionId:13367:14",
3448
- "resolvedType": "COLOR",
3449
724
  "description": "",
3450
725
  "digiCSSVariable": "--digi--sentiment--success--200",
3451
726
  "digiRecursiveValue": "#E9F6EC"
3452
727
  },
3453
728
  "sentiment--success--500": {
3454
729
  "name": "Sentiment/Success/500",
3455
- "id": "VariableID:13385:39",
3456
- "remote": false,
3457
- "key": "6ca074ae154446ee638fb28d258d6a7dc6de0512",
3458
- "variableCollectionId": "VariableCollectionId:13367:14",
3459
- "resolvedType": "COLOR",
3460
730
  "description": "",
3461
731
  "digiCSSVariable": "--digi--sentiment--success--500",
3462
732
  "digiRecursiveValue": "#008A20"
3463
733
  },
3464
734
  "sentiment--success--700": {
3465
735
  "name": "Sentiment/Success/700",
3466
- "id": "VariableID:13385:38",
3467
- "remote": false,
3468
- "key": "3e738055e88eef663276c80c6852fe91c4674762",
3469
- "variableCollectionId": "VariableCollectionId:13367:14",
3470
- "resolvedType": "COLOR",
3471
736
  "description": "",
3472
737
  "digiCSSVariable": "--digi--sentiment--success--700",
3473
738
  "digiRecursiveValue": "#02703C"
3474
739
  },
3475
740
  "sentiment--warning--200": {
3476
741
  "name": "Sentiment/Warning/200",
3477
- "id": "VariableID:13385:29",
3478
- "remote": false,
3479
- "key": "23e19dd3d20b7d52698f241053280a6a82806402",
3480
- "variableCollectionId": "VariableCollectionId:13367:14",
3481
- "resolvedType": "COLOR",
3482
742
  "description": "",
3483
743
  "digiCSSVariable": "--digi--sentiment--warning--200",
3484
744
  "digiRecursiveValue": "#FFF398"
3485
745
  },
3486
746
  "sentiment--warning--50": {
3487
747
  "name": "Sentiment/Warning/50",
3488
- "id": "VariableID:13385:30",
3489
- "remote": false,
3490
- "key": "dae2dcc7d1d4e91f466a432ea85350fffd03830f",
3491
- "variableCollectionId": "VariableCollectionId:13367:14",
3492
- "resolvedType": "COLOR",
3493
748
  "description": "",
3494
749
  "digiCSSVariable": "--digi--sentiment--warning--50",
3495
750
  "digiRecursiveValue": "#FFFBDD"
3496
751
  },
3497
752
  "sentiment--warning--500": {
3498
753
  "name": "Sentiment/Warning/500",
3499
- "id": "VariableID:13385:28",
3500
- "remote": false,
3501
- "key": "f624e81f1aff3fe3beae044be65c7009eaff040e",
3502
- "variableCollectionId": "VariableCollectionId:13367:14",
3503
- "resolvedType": "COLOR",
3504
754
  "description": "",
3505
755
  "digiCSSVariable": "--digi--sentiment--warning--500",
3506
756
  "digiRecursiveValue": "#FFE200"
3507
757
  },
3508
758
  "sentiment--warning--700": {
3509
759
  "name": "Sentiment/Warning/700",
3510
- "id": "VariableID:13385:26",
3511
- "remote": false,
3512
- "key": "5349e2b38aa87bcc9c2ec229907d8190cfed2f14",
3513
- "variableCollectionId": "VariableCollectionId:13367:14",
3514
- "resolvedType": "COLOR",
3515
760
  "description": "",
3516
761
  "digiCSSVariable": "--digi--sentiment--warning--700",
3517
762
  "digiRecursiveValue": "#FFC108"
3518
763
  },
3519
764
  "sentiment--warning--900": {
3520
765
  "name": "Sentiment/Warning/900",
3521
- "id": "VariableID:13385:27",
3522
- "remote": false,
3523
- "key": "f4e688754bc12358222de2810b3b032a202bb80a",
3524
- "variableCollectionId": "VariableCollectionId:13367:14",
3525
- "resolvedType": "COLOR",
3526
766
  "description": "",
3527
- "hiddenFromPublishing": true,
3528
- "valuesByMode": {
3529
- "13367:3": {
3530
- "r": 0.4000000059604645,
3531
- "g": 0.3019607961177826,
3532
- "b": 0,
3533
- "a": 1
3534
- }
3535
- },
3536
- "scopes": [
3537
- "ALL_SCOPES"
3538
- ],
3539
- "codeSyntax": {},
3540
- "digiName": "sentiment--warning--900",
3541
- "digiRecursiveValue": "#664D00",
3542
- "digiCSSVariable": "--digi--sentiment--warning--900"
3543
- },
3544
- "background--interactive--hover--quinary": {
3545
- "name": "Background/Interactive/hover/quinary",
3546
- "id": "VariableID:21139:27072",
3547
- "remote": false,
3548
- "key": "74e4d5d319f13857142de8119a495ac074dcb823",
3549
- "variableCollectionId": "VariableCollectionId:13447:2",
3550
- "resolvedType": "COLOR",
3551
- "description": "ghost rider",
3552
- "hiddenFromPublishing": false,
3553
- "valuesByMode": {
3554
- "13447:0": {
3555
- "type": "VARIABLE_ALIAS",
3556
- "id": "VariableID:13646:1231"
3557
- },
3558
- "21002:0": {
3559
- "type": "VARIABLE_ALIAS",
3560
- "id": "VariableID:21002:10575"
3561
- }
3562
- },
3563
- "scopes": [
3564
- "ALL_SCOPES"
3565
- ],
3566
- "codeSyntax": {},
3567
- "digiName": "background--interactive--hover--quinary",
3568
- "digiCSSVariable": "--digi--color--background--interactive--hover--quinary",
3569
- "digiRecursiveValue": "#FFFFFF",
3570
- "digiValue": "misc--transparent"
3571
- },
3572
- "background--interactive--selected--primary-stay": {
3573
- "name": "Background/Interactive/selected/primary-stay",
3574
- "id": "VariableID:25063:13800",
3575
- "remote": false,
3576
- "key": "69e6ece10978217a8c9a14c2fd28986f5ca2ae01",
3577
- "variableCollectionId": "VariableCollectionId:13447:2",
3578
- "resolvedType": "COLOR",
3579
- "description": "Selected-utseende för kalendern. Används för när en komponent ska behålla sin selected färg oberoende av mode",
3580
- "hiddenFromPublishing": false,
3581
- "valuesByMode": {
3582
- "13447:0": {
3583
- "type": "VARIABLE_ALIAS",
3584
- "id": "VariableID:13385:39"
3585
- },
3586
- "21002:0": {
3587
- "type": "VARIABLE_ALIAS",
3588
- "id": "VariableID:13385:39"
3589
- }
3590
- },
3591
- "scopes": [
3592
- "FRAME_FILL"
3593
- ],
3594
- "codeSyntax": {
3595
- "WEB": "--digi--color--background--interactive--selected--primary"
3596
- },
3597
- "digiName": "background--interactive--selected--primary-stay",
3598
- "digiCSSVariable": "--digi--color--background--interactive--selected--primary-stay",
3599
- "digiRecursiveValue": "#008A20",
3600
- "digiValue": "sentiment--success--500"
3601
- },
3602
- "background--sentiment--error--tertiary-discreet": {
3603
- "name": "Background/Sentiment/error/tertiary-discreet",
3604
- "id": "VariableID:21050:24686",
3605
- "remote": false,
3606
- "key": "f73092ae4570abbf870a258410fb8eedfda606d9",
3607
- "variableCollectionId": "VariableCollectionId:13447:2",
3608
- "resolvedType": "COLOR",
3609
- "description": "Ljusare error/denied-bakgrundsfärg förloppsstegare.",
3610
- "hiddenFromPublishing": false,
3611
- "valuesByMode": {
3612
- "13447:0": {
3613
- "type": "VARIABLE_ALIAS",
3614
- "id": "VariableID:13385:51"
3615
- },
3616
- "21002:0": {
3617
- "type": "VARIABLE_ALIAS",
3618
- "id": "VariableID:21002:10575"
3619
- }
3620
- },
3621
- "scopes": [
3622
- "FRAME_FILL"
3623
- ],
3624
- "codeSyntax": {
3625
- "WEB": "--digi--color--background--sentiment--error--tertiary"
3626
- },
3627
- "digiName": "background--sentiment--error--tertiary-discreet",
3628
- "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary-discreet",
3629
- "digiRecursiveValue": "#FDEDED",
3630
- "digiValue": "sentiment--error--200"
3631
- },
3632
- "border--interactive--default--discreet": {
3633
- "name": "Border/Interactive/default/Discreet",
3634
- "id": "VariableID:21012:14417",
3635
- "remote": false,
3636
- "key": "64a548088cbf34bb7edc550d4361c097abac94b9",
3637
- "variableCollectionId": "VariableCollectionId:13447:2",
3638
- "resolvedType": "COLOR",
3639
- "description": "används för default kategori filter, perhaps relevant för fileupload ",
3640
- "hiddenFromPublishing": false,
3641
- "valuesByMode": {
3642
- "13447:0": {
3643
- "type": "VARIABLE_ALIAS",
3644
- "id": "VariableID:13386:2"
3645
- },
3646
- "21002:0": {
3647
- "type": "VARIABLE_ALIAS",
3648
- "id": "VariableID:21002:10573"
3649
- }
3650
- },
3651
- "scopes": [
3652
- "STROKE_COLOR"
3653
- ],
3654
- "codeSyntax": {
3655
- "WEB": "--digi--color--border--interactive--default--primary"
3656
- },
3657
- "digiName": "border--interactive--default--discreet",
3658
- "digiCSSVariable": "--digi--color--border--interactive--default--discreet",
3659
- "digiRecursiveValue": "#F4F4F4",
3660
- "digiValue": "grayscale--100"
3661
- },
3662
- "marking--indication--marker": {
3663
- "name": "Marking/Indication/marker",
3664
- "id": "VariableID:23054:12172",
3665
- "remote": false,
3666
- "key": "1c7512fd6a2244dd4e609e1444054a0b17956e28",
3667
- "variableCollectionId": "VariableCollectionId:13447:2",
3668
- "resolvedType": "COLOR",
3669
- "description": "Användas för markeringen som är på dem andra indication färgerna",
3670
- "hiddenFromPublishing": false,
3671
- "valuesByMode": {
3672
- "13447:0": {
3673
- "type": "VARIABLE_ALIAS",
3674
- "id": "VariableID:13367:15"
3675
- },
3676
- "21002:0": {
3677
- "type": "VARIABLE_ALIAS",
3678
- "id": "VariableID:13386:37"
3679
- }
3680
- },
3681
- "scopes": [
3682
- "FRAME_FILL",
3683
- "SHAPE_FILL",
3684
- "STROKE_COLOR"
3685
- ],
3686
- "codeSyntax": {
3687
- "WEB": "--digi--color--marking--indication--tertiary"
3688
- },
3689
- "digiName": "marking--indication--marker",
3690
- "digiCSSVariable": "--digi--color--marking--indication--marker",
3691
- "digiRecursiveValue": "#FFFFFF",
3692
- "digiValue": "grayscale--0"
3693
- },
3694
- "icon--secondary-reverse": {
3695
- "name": "Icon/secondary-reverse",
3696
- "id": "VariableID:21050:25029",
3697
- "remote": false,
3698
- "key": "c77ae5ff2289887ed1c4cabdd1402cbed92ffbdf",
3699
- "variableCollectionId": "VariableCollectionId:13447:2",
3700
- "resolvedType": "COLOR",
3701
- "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
3702
- "hiddenFromPublishing": false,
3703
- "valuesByMode": {
3704
- "13447:0": {
3705
- "type": "VARIABLE_ALIAS",
3706
- "id": "VariableID:13367:15"
3707
- },
3708
- "21002:0": {
3709
- "type": "VARIABLE_ALIAS",
3710
- "id": "VariableID:13386:37"
3711
- }
3712
- },
3713
- "scopes": [
3714
- "ALL_SCOPES"
3715
- ],
3716
- "codeSyntax": {
3717
- "WEB": "--digi--color--icon--secondary"
3718
- },
3719
- "digiName": "icon--secondary-reverse",
3720
- "digiCSSVariable": "--digi--color--icon--secondary-reverse",
3721
- "digiRecursiveValue": "#FFFFFF",
3722
- "digiValue": "grayscale--0"
3723
- },
3724
- "background--dropdown": {
3725
- "name": "Background/dropdown",
3726
- "id": "VariableID:25428:25527",
3727
- "remote": false,
3728
- "key": "f333c4ae723fb4098385eb50d32ae36c7c80aa6a",
3729
- "variableCollectionId": "VariableCollectionId:13447:2",
3730
- "resolvedType": "COLOR",
3731
- "description": "För dropdowns",
3732
- "hiddenFromPublishing": false,
3733
- "valuesByMode": {
3734
- "13447:0": {
3735
- "type": "VARIABLE_ALIAS",
3736
- "id": "VariableID:13367:15"
3737
- },
3738
- "21002:0": {
3739
- "type": "VARIABLE_ALIAS",
3740
- "id": "VariableID:13386:28"
3741
- }
3742
- },
3743
- "scopes": [
3744
- "ALL_SCOPES"
3745
- ],
3746
- "codeSyntax": {},
3747
- "digiName": "background--dropdown",
3748
- "digiCSSVariable": "--digi--color--background--dropdown",
3749
- "digiRecursiveValue": "#FFFFFF",
3750
- "digiValue": "grayscale--0"
3751
- },
3752
- "grayscale--75": {
3753
- "name": "Grayscale/75",
3754
- "id": "VariableID:21002:10572",
3755
- "remote": false,
3756
- "key": "f1ceced10ef0b4d427ff54c1d6f5e7b2b8c015e2",
3757
- "variableCollectionId": "VariableCollectionId:13367:14",
3758
- "resolvedType": "COLOR",
3759
- "description": "",
3760
- "hiddenFromPublishing": true,
3761
- "valuesByMode": {
3762
- "13367:3": {
3763
- "r": 0.9607843160629272,
3764
- "g": 0.9607843160629272,
3765
- "b": 0.9607843160629272,
3766
- "a": 1
3767
- }
3768
- },
3769
- "scopes": [
3770
- "ALL_SCOPES"
3771
- ],
3772
- "codeSyntax": {},
3773
- "digiName": "grayscale--75",
3774
- "digiRecursiveValue": "#F5F5F5",
3775
- "digiCSSVariable": "--digi--grayscale--75"
3776
- },
3777
- "grayscale--550": {
3778
- "name": "Grayscale/550",
3779
- "id": "VariableID:21002:10573",
3780
- "remote": false,
3781
- "key": "ae7a4c4bf22ec76f0a936c32b8c0c37ae4f16e59",
3782
- "variableCollectionId": "VariableCollectionId:13367:14",
3783
- "resolvedType": "COLOR",
3784
- "description": "",
3785
- "hiddenFromPublishing": true,
3786
- "valuesByMode": {
3787
- "13367:3": {
3788
- "r": 0.772549033164978,
3789
- "g": 0.772549033164978,
3790
- "b": 0.772549033164978,
3791
- "a": 1
3792
- }
3793
- },
3794
- "scopes": [
3795
- "ALL_SCOPES"
3796
- ],
3797
- "codeSyntax": {},
3798
- "digiName": "grayscale--550",
3799
- "digiRecursiveValue": "#C5C5C5",
3800
- "digiCSSVariable": "--digi--grayscale--550"
3801
- },
3802
- "grayscale--650": {
3803
- "name": "Grayscale/650",
3804
- "id": "VariableID:21002:10574",
3805
- "remote": false,
3806
- "key": "d240cb04e579b2a179e0411e90ae138369339002",
3807
- "variableCollectionId": "VariableCollectionId:13367:14",
3808
- "resolvedType": "COLOR",
3809
- "description": "",
3810
- "hiddenFromPublishing": true,
3811
- "valuesByMode": {
3812
- "13367:3": {
3813
- "r": 0.6117647290229797,
3814
- "g": 0.6117647290229797,
3815
- "b": 0.6117647290229797,
3816
- "a": 1
3817
- }
3818
- },
3819
- "scopes": [
3820
- "ALL_SCOPES"
3821
- ],
3822
- "codeSyntax": {},
3823
- "digiName": "grayscale--650",
3824
- "digiRecursiveValue": "#9C9C9C",
3825
- "digiCSSVariable": "--digi--grayscale--650"
3826
- },
3827
- "grayscale--850": {
3828
- "name": "Grayscale/850",
3829
- "id": "VariableID:21002:10575",
3830
- "remote": false,
3831
- "key": "746cb29a68c5be8ef8dec61fed263b9ac1824f68",
3832
- "variableCollectionId": "VariableCollectionId:13367:14",
3833
- "resolvedType": "COLOR",
3834
- "description": "Textcolor 5C5C5C",
3835
- "hiddenFromPublishing": true,
3836
- "valuesByMode": {
3837
- "13367:3": {
3838
- "r": 0.3176470696926117,
3839
- "g": 0.3176470696926117,
3840
- "b": 0.3176470696926117,
3841
- "a": 1
3842
- }
3843
- },
3844
- "scopes": [
3845
- "ALL_SCOPES"
3846
- ],
3847
- "codeSyntax": {},
3848
- "digiName": "grayscale--850",
3849
- "digiRecursiveValue": "#515151",
3850
- "digiCSSVariable": "--digi--grayscale--850"
3851
- },
3852
- "grayscale--875": {
3853
- "name": "Grayscale/875",
3854
- "id": "VariableID:21002:10576",
3855
- "remote": false,
3856
- "key": "8f406f1476799ef8e40229a7e40c2695a4da9a60",
3857
- "variableCollectionId": "VariableCollectionId:13367:14",
3858
- "resolvedType": "COLOR",
3859
- "description": "Textcolor 5C5C5C",
3860
- "hiddenFromPublishing": true,
3861
- "valuesByMode": {
3862
- "13367:3": {
3863
- "r": 0.2549019753932953,
3864
- "g": 0.2549019753932953,
3865
- "b": 0.2549019753932953,
3866
- "a": 1
3867
- }
3868
- },
3869
- "scopes": [
3870
- "ALL_SCOPES"
3871
- ],
3872
- "codeSyntax": {},
3873
- "digiName": "grayscale--875",
3874
- "digiRecursiveValue": "#414141",
3875
- "digiCSSVariable": "--digi--grayscale--875"
3876
- },
3877
- "grayscale--950": {
3878
- "name": "Grayscale/950",
3879
- "id": "VariableID:21002:10577",
3880
- "remote": false,
3881
- "key": "8534f7354e456d8303041d3c378431ba14c4a42a",
3882
- "variableCollectionId": "VariableCollectionId:13367:14",
3883
- "resolvedType": "COLOR",
3884
- "description": "Primary text color",
3885
- "hiddenFromPublishing": true,
3886
- "valuesByMode": {
3887
- "13367:3": {
3888
- "r": 0.1725490242242813,
3889
- "g": 0.1725490242242813,
3890
- "b": 0.1725490242242813,
3891
- "a": 1
3892
- }
3893
- },
3894
- "scopes": [
3895
- "ALL_SCOPES"
3896
- ],
3897
- "codeSyntax": {},
3898
- "digiName": "grayscale--950",
3899
- "digiRecursiveValue": "#2C2C2C",
3900
- "digiCSSVariable": "--digi--grayscale--950"
3901
- },
3902
- "grayscale--975": {
3903
- "name": "Grayscale/975",
3904
- "id": "VariableID:21002:10578",
3905
- "remote": false,
3906
- "key": "7136be363ae48c335a162c6de1fa195bf2d974c4",
3907
- "variableCollectionId": "VariableCollectionId:13367:14",
3908
- "resolvedType": "COLOR",
3909
- "description": "Primary text color",
3910
- "hiddenFromPublishing": true,
3911
- "valuesByMode": {
3912
- "13367:3": {
3913
- "r": 0.12941177189350128,
3914
- "g": 0.12941177189350128,
3915
- "b": 0.12941177189350128,
3916
- "a": 1
3917
- }
3918
- },
3919
- "scopes": [
3920
- "ALL_SCOPES"
3921
- ],
3922
- "codeSyntax": {},
3923
- "digiName": "grayscale--975",
3924
- "digiRecursiveValue": "#212121",
3925
- "digiCSSVariable": "--digi--grayscale--975"
767
+ "digiCSSVariable": "--digi--sentiment--warning--900",
768
+ "digiRecursiveValue": "#664D00"
3926
769
  }
3927
770
  }