@sk-web-gui/core 3.12.0 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (277) hide show
  1. package/dist/cjs/aria-plugin.js +18 -20
  2. package/dist/cjs/aria-plugin.js.map +1 -1
  3. package/dist/cjs/base.js +2 -2
  4. package/dist/cjs/base.js.map +1 -1
  5. package/dist/cjs/colors.js +420 -420
  6. package/dist/cjs/colors.js.map +1 -1
  7. package/dist/cjs/components/accordion.js +2 -4
  8. package/dist/cjs/components/accordion.js.map +1 -1
  9. package/dist/cjs/components/ai/ai-corner-module.js +11 -62
  10. package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
  11. package/dist/cjs/components/ai/ai-feed.js +2 -4
  12. package/dist/cjs/components/ai/ai-feed.js.map +1 -1
  13. package/dist/cjs/components/ai/ai-service-module.js +28 -68
  14. package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
  15. package/dist/cjs/components/ai/assistant-presentation.js +2 -4
  16. package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
  17. package/dist/cjs/components/ai/assistant-switch.js +2 -4
  18. package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
  19. package/dist/cjs/components/ai/bubble.js +42 -71
  20. package/dist/cjs/components/ai/bubble.js.map +1 -1
  21. package/dist/cjs/components/ai/feedback.js +2 -4
  22. package/dist/cjs/components/ai/feedback.js.map +1 -1
  23. package/dist/cjs/components/ai/input-section.js +2 -4
  24. package/dist/cjs/components/ai/input-section.js.map +1 -1
  25. package/dist/cjs/components/ai/markdown-rendered.js +2 -4
  26. package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
  27. package/dist/cjs/components/ai/new-session-button.js +2 -4
  28. package/dist/cjs/components/ai/new-session-button.js.map +1 -1
  29. package/dist/cjs/components/ai/typing-bubble.js +2 -4
  30. package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
  31. package/dist/cjs/components/ai/typing-sequence.js +17 -63
  32. package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
  33. package/dist/cjs/components/avatar.js +14 -63
  34. package/dist/cjs/components/avatar.js.map +1 -1
  35. package/dist/cjs/components/badge.js +15 -65
  36. package/dist/cjs/components/badge.js.map +1 -1
  37. package/dist/cjs/components/breadcrumb.js +14 -24
  38. package/dist/cjs/components/breadcrumb.js.map +1 -1
  39. package/dist/cjs/components/button-group.js +2 -4
  40. package/dist/cjs/components/button-group.js.map +1 -1
  41. package/dist/cjs/components/button.js +59 -88
  42. package/dist/cjs/components/button.js.map +1 -1
  43. package/dist/cjs/components/callout.js +19 -69
  44. package/dist/cjs/components/callout.js.map +1 -1
  45. package/dist/cjs/components/card.js +128 -155
  46. package/dist/cjs/components/card.js.map +1 -1
  47. package/dist/cjs/components/checkbox.js +2 -4
  48. package/dist/cjs/components/checkbox.js.map +1 -1
  49. package/dist/cjs/components/chip.js +2 -4
  50. package/dist/cjs/components/chip.js.map +1 -1
  51. package/dist/cjs/components/code.js +2 -4
  52. package/dist/cjs/components/code.js.map +1 -1
  53. package/dist/cjs/components/combobox.js +2 -4
  54. package/dist/cjs/components/combobox.js.map +1 -1
  55. package/dist/cjs/components/cookie-consent.js +2 -4
  56. package/dist/cjs/components/cookie-consent.js.map +1 -1
  57. package/dist/cjs/components/dialog.js +11 -61
  58. package/dist/cjs/components/dialog.js.map +1 -1
  59. package/dist/cjs/components/divider.js +2 -4
  60. package/dist/cjs/components/divider.js.map +1 -1
  61. package/dist/cjs/components/dot.js +27 -70
  62. package/dist/cjs/components/dot.js.map +1 -1
  63. package/dist/cjs/components/file-upload.js +2 -4
  64. package/dist/cjs/components/file-upload.js.map +1 -1
  65. package/dist/cjs/components/filter.js +2 -4
  66. package/dist/cjs/components/filter.js.map +1 -1
  67. package/dist/cjs/components/footer.js +2 -4
  68. package/dist/cjs/components/footer.js.map +1 -1
  69. package/dist/cjs/components/forms.js +2 -4
  70. package/dist/cjs/components/forms.js.map +1 -1
  71. package/dist/cjs/components/header.js +2 -4
  72. package/dist/cjs/components/header.js.map +1 -1
  73. package/dist/cjs/components/icon.js +29 -76
  74. package/dist/cjs/components/icon.js.map +1 -1
  75. package/dist/cjs/components/input.js +21 -71
  76. package/dist/cjs/components/input.js.map +1 -1
  77. package/dist/cjs/components/kbd.js +2 -4
  78. package/dist/cjs/components/kbd.js.map +1 -1
  79. package/dist/cjs/components/label.js +16 -63
  80. package/dist/cjs/components/label.js.map +1 -1
  81. package/dist/cjs/components/link.js +2 -4
  82. package/dist/cjs/components/link.js.map +1 -1
  83. package/dist/cjs/components/list.js +2 -4
  84. package/dist/cjs/components/list.js.map +1 -1
  85. package/dist/cjs/components/logo.js +2 -4
  86. package/dist/cjs/components/logo.js.map +1 -1
  87. package/dist/cjs/components/menu-vertical.js +19 -45
  88. package/dist/cjs/components/menu-vertical.js.map +1 -1
  89. package/dist/cjs/components/menubar.js +35 -68
  90. package/dist/cjs/components/menubar.js.map +1 -1
  91. package/dist/cjs/components/modal.js +2 -4
  92. package/dist/cjs/components/modal.js.map +1 -1
  93. package/dist/cjs/components/pagination.js +2 -4
  94. package/dist/cjs/components/pagination.js.map +1 -1
  95. package/dist/cjs/components/popup-menu.js +2 -4
  96. package/dist/cjs/components/popup-menu.js.map +1 -1
  97. package/dist/cjs/components/progress-bar.js +19 -66
  98. package/dist/cjs/components/progress-bar.js.map +1 -1
  99. package/dist/cjs/components/progress-stepper.js +2 -4
  100. package/dist/cjs/components/progress-stepper.js.map +1 -1
  101. package/dist/cjs/components/radio.js +2 -4
  102. package/dist/cjs/components/radio.js.map +1 -1
  103. package/dist/cjs/components/search-field.js +2 -4
  104. package/dist/cjs/components/search-field.js.map +1 -1
  105. package/dist/cjs/components/select.js +15 -68
  106. package/dist/cjs/components/select.js.map +1 -1
  107. package/dist/cjs/components/snackbar.js +2 -4
  108. package/dist/cjs/components/snackbar.js.map +1 -1
  109. package/dist/cjs/components/spinner.js +14 -67
  110. package/dist/cjs/components/spinner.js.map +1 -1
  111. package/dist/cjs/components/switch.js +34 -42
  112. package/dist/cjs/components/switch.js.map +1 -1
  113. package/dist/cjs/components/table.js +15 -66
  114. package/dist/cjs/components/table.js.map +1 -1
  115. package/dist/cjs/components/tabs.js +13 -64
  116. package/dist/cjs/components/tabs.js.map +1 -1
  117. package/dist/cjs/components/tooltip.js +2 -4
  118. package/dist/cjs/components/tooltip.js.map +1 -1
  119. package/dist/cjs/components/user-menu.js +2 -4
  120. package/dist/cjs/components/user-menu.js.map +1 -1
  121. package/dist/cjs/components.js +56 -56
  122. package/dist/cjs/components.js.map +1 -1
  123. package/dist/cjs/data-plugin.js +10 -10
  124. package/dist/cjs/data-plugin.js.map +1 -1
  125. package/dist/cjs/fonts.js +1 -1
  126. package/dist/cjs/fonts.js.map +1 -1
  127. package/dist/cjs/index.js +5 -5
  128. package/dist/cjs/index.js.map +1 -1
  129. package/dist/cjs/plugin.js +41 -86
  130. package/dist/cjs/plugin.js.map +1 -1
  131. package/dist/cjs/preset.js +31 -99
  132. package/dist/cjs/preset.js.map +1 -1
  133. package/dist/cjs/theme.js +83 -98
  134. package/dist/cjs/theme.js.map +1 -1
  135. package/dist/cjs/units.js +2 -2
  136. package/dist/cjs/units.js.map +1 -1
  137. package/dist/cjs/with-opacity.js +6 -6
  138. package/dist/cjs/with-opacity.js.map +1 -1
  139. package/dist/esm/aria-plugin.js +17 -19
  140. package/dist/esm/aria-plugin.js.map +1 -1
  141. package/dist/esm/base.js +2 -2
  142. package/dist/esm/base.js.map +1 -1
  143. package/dist/esm/colors.js +420 -420
  144. package/dist/esm/colors.js.map +1 -1
  145. package/dist/esm/components/accordion.js +2 -4
  146. package/dist/esm/components/accordion.js.map +1 -1
  147. package/dist/esm/components/ai/ai-corner-module.js +11 -62
  148. package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
  149. package/dist/esm/components/ai/ai-feed.js +2 -4
  150. package/dist/esm/components/ai/ai-feed.js.map +1 -1
  151. package/dist/esm/components/ai/ai-service-module.js +28 -68
  152. package/dist/esm/components/ai/ai-service-module.js.map +1 -1
  153. package/dist/esm/components/ai/assistant-presentation.js +2 -4
  154. package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
  155. package/dist/esm/components/ai/assistant-switch.js +2 -4
  156. package/dist/esm/components/ai/assistant-switch.js.map +1 -1
  157. package/dist/esm/components/ai/bubble.js +42 -71
  158. package/dist/esm/components/ai/bubble.js.map +1 -1
  159. package/dist/esm/components/ai/feedback.js +2 -4
  160. package/dist/esm/components/ai/feedback.js.map +1 -1
  161. package/dist/esm/components/ai/input-section.js +2 -4
  162. package/dist/esm/components/ai/input-section.js.map +1 -1
  163. package/dist/esm/components/ai/markdown-rendered.js +2 -4
  164. package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
  165. package/dist/esm/components/ai/new-session-button.js +2 -4
  166. package/dist/esm/components/ai/new-session-button.js.map +1 -1
  167. package/dist/esm/components/ai/typing-bubble.js +2 -4
  168. package/dist/esm/components/ai/typing-bubble.js.map +1 -1
  169. package/dist/esm/components/ai/typing-sequence.js +17 -63
  170. package/dist/esm/components/ai/typing-sequence.js.map +1 -1
  171. package/dist/esm/components/avatar.js +14 -63
  172. package/dist/esm/components/avatar.js.map +1 -1
  173. package/dist/esm/components/badge.js +15 -65
  174. package/dist/esm/components/badge.js.map +1 -1
  175. package/dist/esm/components/breadcrumb.js +14 -24
  176. package/dist/esm/components/breadcrumb.js.map +1 -1
  177. package/dist/esm/components/button-group.js +2 -4
  178. package/dist/esm/components/button-group.js.map +1 -1
  179. package/dist/esm/components/button.js +59 -88
  180. package/dist/esm/components/button.js.map +1 -1
  181. package/dist/esm/components/callout.js +19 -69
  182. package/dist/esm/components/callout.js.map +1 -1
  183. package/dist/esm/components/card.js +128 -155
  184. package/dist/esm/components/card.js.map +1 -1
  185. package/dist/esm/components/checkbox.js +2 -4
  186. package/dist/esm/components/checkbox.js.map +1 -1
  187. package/dist/esm/components/chip.js +2 -4
  188. package/dist/esm/components/chip.js.map +1 -1
  189. package/dist/esm/components/code.js +2 -4
  190. package/dist/esm/components/code.js.map +1 -1
  191. package/dist/esm/components/combobox.js +2 -4
  192. package/dist/esm/components/combobox.js.map +1 -1
  193. package/dist/esm/components/cookie-consent.js +2 -4
  194. package/dist/esm/components/cookie-consent.js.map +1 -1
  195. package/dist/esm/components/dialog.js +11 -61
  196. package/dist/esm/components/dialog.js.map +1 -1
  197. package/dist/esm/components/divider.js +2 -4
  198. package/dist/esm/components/divider.js.map +1 -1
  199. package/dist/esm/components/dot.js +27 -70
  200. package/dist/esm/components/dot.js.map +1 -1
  201. package/dist/esm/components/file-upload.js +2 -4
  202. package/dist/esm/components/file-upload.js.map +1 -1
  203. package/dist/esm/components/filter.js +2 -4
  204. package/dist/esm/components/filter.js.map +1 -1
  205. package/dist/esm/components/footer.js +2 -4
  206. package/dist/esm/components/footer.js.map +1 -1
  207. package/dist/esm/components/forms.js +2 -4
  208. package/dist/esm/components/forms.js.map +1 -1
  209. package/dist/esm/components/header.js +2 -4
  210. package/dist/esm/components/header.js.map +1 -1
  211. package/dist/esm/components/icon.js +29 -76
  212. package/dist/esm/components/icon.js.map +1 -1
  213. package/dist/esm/components/input.js +21 -71
  214. package/dist/esm/components/input.js.map +1 -1
  215. package/dist/esm/components/kbd.js +2 -4
  216. package/dist/esm/components/kbd.js.map +1 -1
  217. package/dist/esm/components/label.js +16 -63
  218. package/dist/esm/components/label.js.map +1 -1
  219. package/dist/esm/components/link.js +2 -4
  220. package/dist/esm/components/link.js.map +1 -1
  221. package/dist/esm/components/list.js +2 -4
  222. package/dist/esm/components/list.js.map +1 -1
  223. package/dist/esm/components/logo.js +2 -4
  224. package/dist/esm/components/logo.js.map +1 -1
  225. package/dist/esm/components/menu-vertical.js +18 -44
  226. package/dist/esm/components/menu-vertical.js.map +1 -1
  227. package/dist/esm/components/menubar.js +35 -68
  228. package/dist/esm/components/menubar.js.map +1 -1
  229. package/dist/esm/components/modal.js +2 -4
  230. package/dist/esm/components/modal.js.map +1 -1
  231. package/dist/esm/components/pagination.js +2 -4
  232. package/dist/esm/components/pagination.js.map +1 -1
  233. package/dist/esm/components/popup-menu.js +2 -4
  234. package/dist/esm/components/popup-menu.js.map +1 -1
  235. package/dist/esm/components/progress-bar.js +19 -66
  236. package/dist/esm/components/progress-bar.js.map +1 -1
  237. package/dist/esm/components/progress-stepper.js +2 -4
  238. package/dist/esm/components/progress-stepper.js.map +1 -1
  239. package/dist/esm/components/radio.js +2 -4
  240. package/dist/esm/components/radio.js.map +1 -1
  241. package/dist/esm/components/search-field.js +2 -4
  242. package/dist/esm/components/search-field.js.map +1 -1
  243. package/dist/esm/components/select.js +15 -68
  244. package/dist/esm/components/select.js.map +1 -1
  245. package/dist/esm/components/snackbar.js +2 -4
  246. package/dist/esm/components/snackbar.js.map +1 -1
  247. package/dist/esm/components/spinner.js +14 -67
  248. package/dist/esm/components/spinner.js.map +1 -1
  249. package/dist/esm/components/switch.js +34 -42
  250. package/dist/esm/components/switch.js.map +1 -1
  251. package/dist/esm/components/table.js +15 -66
  252. package/dist/esm/components/table.js.map +1 -1
  253. package/dist/esm/components/tabs.js +13 -64
  254. package/dist/esm/components/tabs.js.map +1 -1
  255. package/dist/esm/components/tooltip.js +2 -4
  256. package/dist/esm/components/tooltip.js.map +1 -1
  257. package/dist/esm/components/user-menu.js +2 -4
  258. package/dist/esm/components/user-menu.js.map +1 -1
  259. package/dist/esm/components.js +1 -1
  260. package/dist/esm/components.js.map +1 -1
  261. package/dist/esm/data-plugin.js +9 -9
  262. package/dist/esm/data-plugin.js.map +1 -1
  263. package/dist/esm/fonts.js +1 -1
  264. package/dist/esm/fonts.js.map +1 -1
  265. package/dist/esm/plugin.js +36 -81
  266. package/dist/esm/plugin.js.map +1 -1
  267. package/dist/esm/preset.js +25 -93
  268. package/dist/esm/preset.js.map +1 -1
  269. package/dist/esm/theme.js +79 -94
  270. package/dist/esm/theme.js.map +1 -1
  271. package/dist/esm/units.js +2 -2
  272. package/dist/esm/units.js.map +1 -1
  273. package/dist/esm/with-opacity.js +5 -5
  274. package/dist/esm/with-opacity.js.map +1 -1
  275. package/dist/types/components/menubar.d.ts +14 -4
  276. package/dist/types/components/spinner.d.ts +1 -4
  277. package/package.json +2 -2
package/dist/esm/colors.js CHANGED
@@ -1,712 +1,712 @@
1
- var colors = {
1
+ const colors = {
2
2
  primitives: {
3
3
  gray: {
4
- lightest: "var(--sk-colors-primitives-gray-lightest)",
5
- 50: "var(--sk-colors-primitives-gray-50)",
6
- 100: "var(--sk-colors-primitives-gray-100)",
7
- 200: "var(--sk-colors-primitives-gray-200)",
8
- 300: "var(--sk-colors-primitives-gray-300)",
9
- 400: "var(--sk-colors-primitives-gray-400)",
10
- 500: "var(--sk-colors-primitives-gray-500)",
11
- 600: "var(--sk-colors-primitives-gray-600)",
12
- 700: "var(--sk-colors-primitives-gray-700)",
13
- 800: "var(--sk-colors-primitives-gray-800)",
14
- 900: "var(--sk-colors-primitives-gray-900)",
15
- darkest: "var(--sk-colors-primitives-gray-darkest)"
4
+ lightest: `var(--sk-colors-primitives-gray-lightest)`,
5
+ 50: `var(--sk-colors-primitives-gray-50)`,
6
+ 100: `var(--sk-colors-primitives-gray-100)`,
7
+ 200: `var(--sk-colors-primitives-gray-200)`,
8
+ 300: `var(--sk-colors-primitives-gray-300)`,
9
+ 400: `var(--sk-colors-primitives-gray-400)`,
10
+ 500: `var(--sk-colors-primitives-gray-500)`,
11
+ 600: `var(--sk-colors-primitives-gray-600)`,
12
+ 700: `var(--sk-colors-primitives-gray-700)`,
13
+ 800: `var(--sk-colors-primitives-gray-800)`,
14
+ 900: `var(--sk-colors-primitives-gray-900)`,
15
+ darkest: `var(--sk-colors-primitives-gray-darkest)`
16
16
  },
17
17
  overlay: {
18
18
  darken: {
19
- 1: "var(--sk-colors-primitives-overlay-darken-1)",
20
- 2: "var(--sk-colors-primitives-overlay-darken-2)",
21
- 3: "var(--sk-colors-primitives-overlay-darken-3)",
22
- 4: "var(--sk-colors-primitives-overlay-darken-4)",
23
- 5: "var(--sk-colors-primitives-overlay-darken-5)",
24
- 6: "var(--sk-colors-primitives-overlay-darken-6)",
25
- 7: "var(--sk-colors-primitives-overlay-darken-7)",
26
- 8: "var(--sk-colors-primitives-overlay-darken-8)",
27
- 9: "var(--sk-colors-primitives-overlay-darken-9)",
28
- 10: "var(--sk-colors-primitives-overlay-darken-10)"
19
+ 1: `var(--sk-colors-primitives-overlay-darken-1)`,
20
+ 2: `var(--sk-colors-primitives-overlay-darken-2)`,
21
+ 3: `var(--sk-colors-primitives-overlay-darken-3)`,
22
+ 4: `var(--sk-colors-primitives-overlay-darken-4)`,
23
+ 5: `var(--sk-colors-primitives-overlay-darken-5)`,
24
+ 6: `var(--sk-colors-primitives-overlay-darken-6)`,
25
+ 7: `var(--sk-colors-primitives-overlay-darken-7)`,
26
+ 8: `var(--sk-colors-primitives-overlay-darken-8)`,
27
+ 9: `var(--sk-colors-primitives-overlay-darken-9)`,
28
+ 10: `var(--sk-colors-primitives-overlay-darken-10)`
29
29
  },
30
30
  lighten: {
31
- 1: "var(--sk-colors-primitives-overlay-lighten-1)",
32
- 2: "var(--sk-colors-primitives-overlay-lighten-2)",
33
- 3: "var(--sk-colors-primitives-overlay-lighten-3)",
34
- 4: "var(--sk-colors-primitives-overlay-lighten-4)",
35
- 5: "var(--sk-colors-primitives-overlay-lighten-5)",
36
- 6: "var(--sk-colors-primitives-overlay-lighten-6)",
37
- 7: "var(--sk-colors-primitives-overlay-lighten-7)",
38
- 8: "var(--sk-colors-primitives-overlay-lighten-8)",
39
- 9: "var(--sk-colors-primitives-overlay-lighten-9)",
40
- 10: "var(--sk-colors-primitives-overlay-lighten-10)"
31
+ 1: `var(--sk-colors-primitives-overlay-lighten-1)`,
32
+ 2: `var(--sk-colors-primitives-overlay-lighten-2)`,
33
+ 3: `var(--sk-colors-primitives-overlay-lighten-3)`,
34
+ 4: `var(--sk-colors-primitives-overlay-lighten-4)`,
35
+ 5: `var(--sk-colors-primitives-overlay-lighten-5)`,
36
+ 6: `var(--sk-colors-primitives-overlay-lighten-6)`,
37
+ 7: `var(--sk-colors-primitives-overlay-lighten-7)`,
38
+ 8: `var(--sk-colors-primitives-overlay-lighten-8)`,
39
+ 9: `var(--sk-colors-primitives-overlay-lighten-9)`,
40
+ 10: `var(--sk-colors-primitives-overlay-lighten-10)`
41
41
  }
42
42
  },
43
43
  //COLORS
44
44
  blue: {
45
- 50: "var(--sk-colors-primitives-blue-50)",
46
- 100: "var(--sk-colors-primitives-blue-100)",
47
- 200: "var(--sk-colors-primitives-blue-200)",
48
- 300: "var(--sk-colors-primitives-blue-300)",
49
- 400: "var(--sk-colors-primitives-blue-400)",
50
- 500: "var(--sk-colors-primitives-blue-500)",
51
- 600: "var(--sk-colors-primitives-blue-600)",
52
- 700: "var(--sk-colors-primitives-blue-700)",
53
- 800: "var(--sk-colors-primitives-blue-800)",
54
- 900: "var(--sk-colors-primitives-blue-900)"
45
+ 50: `var(--sk-colors-primitives-blue-50)`,
46
+ 100: `var(--sk-colors-primitives-blue-100)`,
47
+ 200: `var(--sk-colors-primitives-blue-200)`,
48
+ 300: `var(--sk-colors-primitives-blue-300)`,
49
+ 400: `var(--sk-colors-primitives-blue-400)`,
50
+ 500: `var(--sk-colors-primitives-blue-500)`,
51
+ 600: `var(--sk-colors-primitives-blue-600)`,
52
+ 700: `var(--sk-colors-primitives-blue-700)`,
53
+ 800: `var(--sk-colors-primitives-blue-800)`,
54
+ 900: `var(--sk-colors-primitives-blue-900)`
55
55
  },
56
56
  green: {
57
- 50: "var(--sk-colors-primitives-green-50)",
58
- 100: "var(--sk-colors-primitives-green-100)",
59
- 200: "var(--sk-colors-primitives-green-200)",
60
- 300: "var(--sk-colors-primitives-green-300)",
61
- 400: "var(--sk-colors-primitives-green-400)",
62
- 500: "var(--sk-colors-primitives-green-500)",
63
- 600: "var(--sk-colors-primitives-green-600)",
64
- 700: "var(--sk-colors-primitives-green-700)",
65
- 800: "var(--sk-colors-primitives-green-800)",
66
- 900: "var(--sk-colors-primitives-green-900)"
57
+ 50: `var(--sk-colors-primitives-green-50)`,
58
+ 100: `var(--sk-colors-primitives-green-100)`,
59
+ 200: `var(--sk-colors-primitives-green-200)`,
60
+ 300: `var(--sk-colors-primitives-green-300)`,
61
+ 400: `var(--sk-colors-primitives-green-400)`,
62
+ 500: `var(--sk-colors-primitives-green-500)`,
63
+ 600: `var(--sk-colors-primitives-green-600)`,
64
+ 700: `var(--sk-colors-primitives-green-700)`,
65
+ 800: `var(--sk-colors-primitives-green-800)`,
66
+ 900: `var(--sk-colors-primitives-green-900)`
67
67
  },
68
68
  purple: {
69
- 50: "var(--sk-colors-primitives-purple-50)",
70
- 100: "var(--sk-colors-primitives-purple-100)",
71
- 200: "var(--sk-colors-primitives-purple-200)",
72
- 300: "var(--sk-colors-primitives-purple-300)",
73
- 400: "var(--sk-colors-primitives-purple-400)",
74
- 500: "var(--sk-colors-primitives-purple-500)",
75
- 600: "var(--sk-colors-primitives-purple-600)",
76
- 700: "var(--sk-colors-primitives-purple-700)",
77
- 800: "var(--sk-colors-primitives-purple-800)",
78
- 900: "var(--sk-colors-primitives-purple-900)"
69
+ 50: `var(--sk-colors-primitives-purple-50)`,
70
+ 100: `var(--sk-colors-primitives-purple-100)`,
71
+ 200: `var(--sk-colors-primitives-purple-200)`,
72
+ 300: `var(--sk-colors-primitives-purple-300)`,
73
+ 400: `var(--sk-colors-primitives-purple-400)`,
74
+ 500: `var(--sk-colors-primitives-purple-500)`,
75
+ 600: `var(--sk-colors-primitives-purple-600)`,
76
+ 700: `var(--sk-colors-primitives-purple-700)`,
77
+ 800: `var(--sk-colors-primitives-purple-800)`,
78
+ 900: `var(--sk-colors-primitives-purple-900)`
79
79
  },
80
80
  pink: {
81
- 50: "var(--sk-colors-primitives-pink-50)",
82
- 100: "var(--sk-colors-primitives-pink-100)",
83
- 200: "var(--sk-colors-primitives-pink-200)",
84
- 300: "var(--sk-colors-primitives-pink-300)",
85
- 400: "var(--sk-colors-primitives-pink-400)",
86
- 500: "var(--sk-colors-primitives-pink-500)",
87
- 600: "var(--sk-colors-primitives-pink-600)",
88
- 700: "var(--sk-colors-primitives-pink-700)",
89
- 800: "var(--sk-colors-primitives-pink-800)",
90
- 900: "var(--sk-colors-primitives-pink-900)"
81
+ 50: `var(--sk-colors-primitives-pink-50)`,
82
+ 100: `var(--sk-colors-primitives-pink-100)`,
83
+ 200: `var(--sk-colors-primitives-pink-200)`,
84
+ 300: `var(--sk-colors-primitives-pink-300)`,
85
+ 400: `var(--sk-colors-primitives-pink-400)`,
86
+ 500: `var(--sk-colors-primitives-pink-500)`,
87
+ 600: `var(--sk-colors-primitives-pink-600)`,
88
+ 700: `var(--sk-colors-primitives-pink-700)`,
89
+ 800: `var(--sk-colors-primitives-pink-800)`,
90
+ 900: `var(--sk-colors-primitives-pink-900)`
91
91
  },
92
92
  orange: {
93
- 50: "var(--sk-colors-primitives-orange-50)",
94
- 100: "var(--sk-colors-primitives-orange-100)",
95
- 200: "var(--sk-colors-primitives-orange-200)",
96
- 300: "var(--sk-colors-primitives-orange-300)",
97
- 400: "var(--sk-colors-primitives-orange-400)",
98
- 500: "var(--sk-colors-primitives-orange-500)",
99
- 600: "var(--sk-colors-primitives-orange-600)",
100
- 700: "var(--sk-colors-primitives-orange-700)",
101
- 800: "var(--sk-colors-primitives-orange-800)",
102
- 900: "var(--sk-colors-primitives-orange-900)"
93
+ 50: `var(--sk-colors-primitives-orange-50)`,
94
+ 100: `var(--sk-colors-primitives-orange-100)`,
95
+ 200: `var(--sk-colors-primitives-orange-200)`,
96
+ 300: `var(--sk-colors-primitives-orange-300)`,
97
+ 400: `var(--sk-colors-primitives-orange-400)`,
98
+ 500: `var(--sk-colors-primitives-orange-500)`,
99
+ 600: `var(--sk-colors-primitives-orange-600)`,
100
+ 700: `var(--sk-colors-primitives-orange-700)`,
101
+ 800: `var(--sk-colors-primitives-orange-800)`,
102
+ 900: `var(--sk-colors-primitives-orange-900)`
103
103
  },
104
104
  red: {
105
- 50: "var(--sk-colors-primitives-red-50)",
106
- 100: "var(--sk-colors-primitives-red-100)",
107
- 200: "var(--sk-colors-primitives-red-200)",
108
- 300: "var(--sk-colors-primitives-red-300)",
109
- 400: "var(--sk-colors-primitives-red-400)",
110
- 500: "var(--sk-colors-primitives-red-500)",
111
- 600: "var(--sk-colors-primitives-red-600)",
112
- 700: "var(--sk-colors-primitives-red-700)",
113
- 800: "var(--sk-colors-primitives-red-800)",
114
- 900: "var(--sk-colors-primitives-red-900)"
105
+ 50: `var(--sk-colors-primitives-red-50)`,
106
+ 100: `var(--sk-colors-primitives-red-100)`,
107
+ 200: `var(--sk-colors-primitives-red-200)`,
108
+ 300: `var(--sk-colors-primitives-red-300)`,
109
+ 400: `var(--sk-colors-primitives-red-400)`,
110
+ 500: `var(--sk-colors-primitives-red-500)`,
111
+ 600: `var(--sk-colors-primitives-red-600)`,
112
+ 700: `var(--sk-colors-primitives-red-700)`,
113
+ 800: `var(--sk-colors-primitives-red-800)`,
114
+ 900: `var(--sk-colors-primitives-red-900)`
115
115
  }
116
116
  },
117
- body: "var(--sk-colors-body)",
118
- black: "var(--sk-colors-black)",
119
- white: "var(--sk-colors-white)",
120
- ring: "var(--sk-colors-ring)",
117
+ body: `var(--sk-colors-body)`,
118
+ black: `var(--sk-colors-black)`,
119
+ white: `var(--sk-colors-white)`,
120
+ ring: `var(--sk-colors-ring)`,
121
121
  primary: {
122
- DEFAULT: "var(--sk-colors-primary-DEFAULT)",
122
+ DEFAULT: `var(--sk-colors-primary-DEFAULT)`,
123
123
  surface: {
124
- DEFAULT: "var(--sk-colors-primary-surface-DEFAULT)",
125
- hover: "var(--sk-colors-primary-surface-hover)",
126
- disabled: "var(--sk-colors-primary-surface-disabled)"
127
- },
128
- lightest: "var(--sk-colors-primary-lightest)",
129
- 50: "var(--sk-colors-primary-50)",
130
- 100: "var(--sk-colors-primary-100)",
131
- 200: "var(--sk-colors-primary-200)",
132
- 300: "var(--sk-colors-primary-300)",
133
- 400: "var(--sk-colors-primary-400)",
134
- 500: "var(--sk-colors-primary-500)",
135
- 600: "var(--sk-colors-primary-600)",
136
- 700: "var(--sk-colors-primary-700)",
137
- 800: "var(--sk-colors-primary-800)",
138
- 900: "var(--sk-colors-primary-900)",
139
- darkest: "var(--sk-colors-primary-darkest)"
124
+ DEFAULT: `var(--sk-colors-primary-surface-DEFAULT)`,
125
+ hover: `var(--sk-colors-primary-surface-hover)`,
126
+ disabled: `var(--sk-colors-primary-surface-disabled)`
127
+ },
128
+ lightest: `var(--sk-colors-primary-lightest)`,
129
+ 50: `var(--sk-colors-primary-50)`,
130
+ 100: `var(--sk-colors-primary-100)`,
131
+ 200: `var(--sk-colors-primary-200)`,
132
+ 300: `var(--sk-colors-primary-300)`,
133
+ 400: `var(--sk-colors-primary-400)`,
134
+ 500: `var(--sk-colors-primary-500)`,
135
+ 600: `var(--sk-colors-primary-600)`,
136
+ 700: `var(--sk-colors-primary-700)`,
137
+ 800: `var(--sk-colors-primary-800)`,
138
+ 900: `var(--sk-colors-primary-900)`,
139
+ darkest: `var(--sk-colors-primary-darkest)`
140
140
  },
141
141
  secondary: {
142
- DEFAULT: "var(--sk-colors-secondary-DEFAULT)",
142
+ DEFAULT: `var(--sk-colors-secondary-DEFAULT)`,
143
143
  outline: {
144
- DEFAULT: "var(--sk-colors-secondary-outline-DEFAULT)",
145
- hover: "var(--sk-colors-secondary-outline-hover)"
144
+ DEFAULT: `var(--sk-colors-secondary-outline-DEFAULT)`,
145
+ hover: `var(--sk-colors-secondary-outline-hover)`
146
146
  },
147
147
  surface: {
148
- DEFAULT: "var(--sk-colors-secondary-surface-DEFAULT)",
149
- hover: "var(--sk-colors-secondary-surface-hover)",
150
- disabled: "var(--sk-colors-secondary-surface-disabled)"
151
- },
152
- lightest: "var(--sk-colors-secondary-lightest)",
153
- 50: "var(--sk-colors-secondary-50)",
154
- 100: "var(--sk-colors-secondary-100)",
155
- 200: "var(--sk-colors-secondary-200)",
156
- 300: "var(--sk-colors-secondary-300)",
157
- 400: "var(--sk-colors-secondary-400)",
158
- 500: "var(--sk-colors-secondary-500)",
159
- 600: "var(--sk-colors-secondary-600)",
160
- 700: "var(--sk-colors-secondary-700)",
161
- 800: "var(--sk-colors-secondary-800)",
162
- 900: "var(--sk-colors-secondary-900)",
163
- darkest: "var(--sk-colors-secondary-darkest)"
148
+ DEFAULT: `var(--sk-colors-secondary-surface-DEFAULT)`,
149
+ hover: `var(--sk-colors-secondary-surface-hover)`,
150
+ disabled: `var(--sk-colors-secondary-surface-disabled)`
151
+ },
152
+ lightest: `var(--sk-colors-secondary-lightest)`,
153
+ 50: `var(--sk-colors-secondary-50)`,
154
+ 100: `var(--sk-colors-secondary-100)`,
155
+ 200: `var(--sk-colors-secondary-200)`,
156
+ 300: `var(--sk-colors-secondary-300)`,
157
+ 400: `var(--sk-colors-secondary-400)`,
158
+ 500: `var(--sk-colors-secondary-500)`,
159
+ 600: `var(--sk-colors-secondary-600)`,
160
+ 700: `var(--sk-colors-secondary-700)`,
161
+ 800: `var(--sk-colors-secondary-800)`,
162
+ 900: `var(--sk-colors-secondary-900)`,
163
+ darkest: `var(--sk-colors-secondary-darkest)`
164
164
  },
165
165
  tertiary: {
166
166
  surface: {
167
- DEFAULT: "var(--sk-colors-tertiary-surface-DEFAULT)",
168
- hover: "var(--sk-colors-tertiary-surface-hover)",
169
- disabled: "var(--sk-colors-tertiary-surface-disabled)"
167
+ DEFAULT: `var(--sk-colors-tertiary-surface-DEFAULT)`,
168
+ hover: `var(--sk-colors-tertiary-surface-hover)`,
169
+ disabled: `var(--sk-colors-tertiary-surface-disabled)`
170
170
  }
171
171
  },
172
172
  dark: {
173
- DEFAULT: "var(--sk-colors-dark-DEFAULT)",
174
- primary: "var(--sk-colors-dark-primary)",
175
- secondary: "var(--sk-colors-dark-secondary)",
176
- disabled: "var(--sk-colors-dark-disabled)",
177
- placeholder: "var(--sk-colors-dark-placeholder)",
178
- ghost: "var(--sk-colors-dark-ghost)"
173
+ DEFAULT: `var(--sk-colors-dark-DEFAULT)`,
174
+ primary: `var(--sk-colors-dark-primary)`,
175
+ secondary: `var(--sk-colors-dark-secondary)`,
176
+ disabled: `var(--sk-colors-dark-disabled)`,
177
+ placeholder: `var(--sk-colors-dark-placeholder)`,
178
+ ghost: `var(--sk-colors-dark-ghost)`
179
179
  },
180
180
  light: {
181
- DEFAULT: "var(--sk-colors-light-DEFAULT)",
182
- primary: "var(--sk-colors-light-primary)",
183
- secondary: "var(--sk-colors-light-secondary)",
184
- disabled: "var(--sk-colors-light-disabled)",
185
- placeholder: "var(--sk-colors-light-placeholder)",
186
- ghost: "var(--sk-colors-light-ghost)"
181
+ DEFAULT: `var(--sk-colors-light-DEFAULT)`,
182
+ primary: `var(--sk-colors-light-primary)`,
183
+ secondary: `var(--sk-colors-light-secondary)`,
184
+ disabled: `var(--sk-colors-light-disabled)`,
185
+ placeholder: `var(--sk-colors-light-placeholder)`,
186
+ ghost: `var(--sk-colors-light-ghost)`
187
187
  },
188
- divider: "var(--sk-colors-divider)",
188
+ divider: `var(--sk-colors-divider)`,
189
189
  background: {
190
- DEFAULT: "var(--sk-colors-background-DEFUALT)",
191
- content: "var(--sk-colors-background-content)",
192
- 100: "var(--sk-colors-background-100)",
193
- 200: "var(--sk-colors-background-200)",
190
+ DEFAULT: `var(--sk-colors-background-DEFUALT)`,
191
+ content: `var(--sk-colors-background-content)`,
192
+ 100: `var(--sk-colors-background-100)`,
193
+ 200: `var(--sk-colors-background-200)`,
194
194
  'color-mixin': {
195
- 1: "var(--sk-colors-background-color-mixin-1)",
196
- 2: "var(--sk-colors-background-color-mixin-2)"
195
+ 1: `var(--sk-colors-background-color-mixin-1)`,
196
+ 2: `var(--sk-colors-background-color-mixin-2)`
197
197
  }
198
198
  },
199
199
  vattjom: {
200
200
  background: {
201
- 100: "var(--sk-colors-vattjom-background-100)",
202
- 200: "var(--sk-colors-vattjom-background-200)",
203
- 300: "var(--sk-colors-vattjom-background-300)"
201
+ 100: `var(--sk-colors-vattjom-background-100)`,
202
+ 200: `var(--sk-colors-vattjom-background-200)`,
203
+ 300: `var(--sk-colors-vattjom-background-300)`
204
204
  },
205
205
  surface: {
206
206
  primary: {
207
- DEFAULT: "var(--sk-colors-vattjom-surface-primary-DEFAULT)",
208
- hover: "var(--sk-colors-vattjom-surface-primary-hover)"
207
+ DEFAULT: `var(--sk-colors-vattjom-surface-primary-DEFAULT)`,
208
+ hover: `var(--sk-colors-vattjom-surface-primary-hover)`
209
209
  },
210
210
  accent: {
211
- DEFAULT: "var(--sk-colors-vattjom-surface-accent-DEFAULT)",
212
- hover: "var(--sk-colors-vattjom-surface-accent-hover)"
211
+ DEFAULT: `var(--sk-colors-vattjom-surface-accent-DEFAULT)`,
212
+ hover: `var(--sk-colors-vattjom-surface-accent-hover)`
213
213
  }
214
214
  },
215
215
  text: {
216
- DEFAULT: "var(--sk-colors-vattjom-text-DEFAULT)",
217
- primary: "var(--sk-colors-vattjom-text-primary)",
218
- secondary: "var(--sk-colors-vattjom-text-secondary)"
216
+ DEFAULT: `var(--sk-colors-vattjom-text-DEFAULT)`,
217
+ primary: `var(--sk-colors-vattjom-text-primary)`,
218
+ secondary: `var(--sk-colors-vattjom-text-secondary)`
219
219
  }
220
220
  },
221
221
  gronsta: {
222
222
  background: {
223
- 100: "var(--sk-colors-gronsta-background-100)",
224
- 200: "var(--sk-colors-gronsta-background-200)",
225
- 300: "var(--sk-colors-gronsta-background-300)"
223
+ 100: `var(--sk-colors-gronsta-background-100)`,
224
+ 200: `var(--sk-colors-gronsta-background-200)`,
225
+ 300: `var(--sk-colors-gronsta-background-300)`
226
226
  },
227
227
  surface: {
228
228
  primary: {
229
- DEFAULT: "var(--sk-colors-gronsta-surface-primary-DEFAULT)",
230
- hover: "var(--sk-colors-gronsta-surface-primary-hover)"
229
+ DEFAULT: `var(--sk-colors-gronsta-surface-primary-DEFAULT)`,
230
+ hover: `var(--sk-colors-gronsta-surface-primary-hover)`
231
231
  },
232
232
  accent: {
233
- DEFAULT: "var(--sk-colors-gronsta-surface-accent-DEFAULT)",
234
- hover: "var(--sk-colors-gronsta-surface-accent-hover)"
233
+ DEFAULT: `var(--sk-colors-gronsta-surface-accent-DEFAULT)`,
234
+ hover: `var(--sk-colors-gronsta-surface-accent-hover)`
235
235
  }
236
236
  },
237
237
  text: {
238
- DEFAULT: "var(--sk-colors-gronsta-text-DEFAULT)",
239
- primary: "var(--sk-colors-gronsta-text-primary)",
240
- secondary: "var(--sk-colors-gronsta-text-secondary)"
238
+ DEFAULT: `var(--sk-colors-gronsta-text-DEFAULT)`,
239
+ primary: `var(--sk-colors-gronsta-text-primary)`,
240
+ secondary: `var(--sk-colors-gronsta-text-secondary)`
241
241
  }
242
242
  },
243
243
  juniskar: {
244
244
  background: {
245
- 100: "var(--sk-colors-juniskar-background-100)",
246
- 200: "var(--sk-colors-juniskar-background-200)",
247
- 300: "var(--sk-colors-juniskar-background-300)"
245
+ 100: `var(--sk-colors-juniskar-background-100)`,
246
+ 200: `var(--sk-colors-juniskar-background-200)`,
247
+ 300: `var(--sk-colors-juniskar-background-300)`
248
248
  },
249
249
  surface: {
250
250
  primary: {
251
- DEFAULT: "var(--sk-colors-juniskar-surface-primary-DEFAULT)",
252
- hover: "var(--sk-colors-juniskar-surface-primary-hover)"
251
+ DEFAULT: `var(--sk-colors-juniskar-surface-primary-DEFAULT)`,
252
+ hover: `var(--sk-colors-juniskar-surface-primary-hover)`
253
253
  },
254
254
  accent: {
255
- DEFAULT: "var(--sk-colors-juniskar-surface-accent-DEFAULT)",
256
- hover: "var(--sk-colors-juniskar-surface-accent-hover)"
255
+ DEFAULT: `var(--sk-colors-juniskar-surface-accent-DEFAULT)`,
256
+ hover: `var(--sk-colors-juniskar-surface-accent-hover)`
257
257
  }
258
258
  },
259
259
  text: {
260
- DEFAULT: "var(--sk-colors-juniskar-text-DEFAULT)",
261
- primary: "var(--sk-colors-juniskar-text-primary)",
262
- secondary: "var(--sk-colors-juniskar-text-secondary)"
260
+ DEFAULT: `var(--sk-colors-juniskar-text-DEFAULT)`,
261
+ primary: `var(--sk-colors-juniskar-text-primary)`,
262
+ secondary: `var(--sk-colors-juniskar-text-secondary)`
263
263
  }
264
264
  },
265
265
  bjornstigen: {
266
266
  background: {
267
- 100: "var(--sk-colors-bjornstigen-background-100)",
268
- 200: "var(--sk-colors-bjornstigen-background-200)",
269
- 300: "var(--sk-colors-bjornstigen-background-300)"
267
+ 100: `var(--sk-colors-bjornstigen-background-100)`,
268
+ 200: `var(--sk-colors-bjornstigen-background-200)`,
269
+ 300: `var(--sk-colors-bjornstigen-background-300)`
270
270
  },
271
271
  surface: {
272
272
  primary: {
273
- DEFAULT: "var(--sk-colors-bjornstigen-surface-primary-DEFAULT)",
274
- hover: "var(--sk-colors-bjornstigen-surface-primary-hover)"
273
+ DEFAULT: `var(--sk-colors-bjornstigen-surface-primary-DEFAULT)`,
274
+ hover: `var(--sk-colors-bjornstigen-surface-primary-hover)`
275
275
  },
276
276
  accent: {
277
- DEFAULT: "var(--sk-colors-bjornstigen-surface-accent-DEFAULT)",
278
- hover: "var(--sk-colors-bjornstigen-surface-accent-hover)"
277
+ DEFAULT: `var(--sk-colors-bjornstigen-surface-accent-DEFAULT)`,
278
+ hover: `var(--sk-colors-bjornstigen-surface-accent-hover)`
279
279
  }
280
280
  },
281
281
  text: {
282
- DEFAULT: "var(--sk-colors-bjornstigen-text-DEFAULT)",
283
- primary: "var(--sk-colors-bjornstigen-text-primary)",
284
- secondary: "var(--sk-colors-bjornstigen-text-secondary)"
282
+ DEFAULT: `var(--sk-colors-bjornstigen-text-DEFAULT)`,
283
+ primary: `var(--sk-colors-bjornstigen-text-primary)`,
284
+ secondary: `var(--sk-colors-bjornstigen-text-secondary)`
285
285
  }
286
286
  },
287
287
  error: {
288
- DEFAULT: "var(--sk-colors-error-DEFAULT)",
288
+ DEFAULT: `var(--sk-colors-error-DEFAULT)`,
289
289
  background: {
290
- 100: "var(--sk-colors-error-background-100)",
291
- 200: "var(--sk-colors-error-background-200)",
292
- 300: "var(--sk-colors-error-background-300)"
290
+ 100: `var(--sk-colors-error-background-100)`,
291
+ 200: `var(--sk-colors-error-background-200)`,
292
+ 300: `var(--sk-colors-error-background-300)`
293
293
  },
294
294
  surface: {
295
295
  primary: {
296
- DEFAULT: "var(--sk-colors-error-surface-primary-DEFAULT)",
297
- hover: "var(--sk-colors-error-surface-primary-hover)"
296
+ DEFAULT: `var(--sk-colors-error-surface-primary-DEFAULT)`,
297
+ hover: `var(--sk-colors-error-surface-primary-hover)`
298
298
  },
299
299
  accent: {
300
- DEFAULT: "var(--sk-colors-error-surface-accent-DEFAULT)",
301
- hover: "var(--sk-colors-error-surface-accent-hover)"
300
+ DEFAULT: `var(--sk-colors-error-surface-accent-DEFAULT)`,
301
+ hover: `var(--sk-colors-error-surface-accent-hover)`
302
302
  }
303
303
  },
304
304
  text: {
305
- DEFAULT: "var(--sk-colors-error-text-DEFAULT)",
306
- primary: "var(--sk-colors-error-text-primary)",
307
- secondary: "var(--sk-colors-error-text-secondary)"
305
+ DEFAULT: `var(--sk-colors-error-text-DEFAULT)`,
306
+ primary: `var(--sk-colors-error-text-primary)`,
307
+ secondary: `var(--sk-colors-error-text-secondary)`
308
308
  }
309
309
  },
310
310
  warning: {
311
- DEFAULT: "var(--sk-colors-warning-DEFAULT)",
311
+ DEFAULT: `var(--sk-colors-warning-DEFAULT)`,
312
312
  background: {
313
- 100: "var(--sk-colors-warning-background-100)",
314
- 200: "var(--sk-colors-warning-background-200)",
315
- 300: "var(--sk-colors-warning-background-300)"
313
+ 100: `var(--sk-colors-warning-background-100)`,
314
+ 200: `var(--sk-colors-warning-background-200)`,
315
+ 300: `var(--sk-colors-warning-background-300)`
316
316
  },
317
317
  surface: {
318
318
  primary: {
319
- DEFAULT: "var(--sk-colors-warning-surface-primary-DEFAULT)",
320
- hover: "var(--sk-colors-warning-surface-primary-hover)"
319
+ DEFAULT: `var(--sk-colors-warning-surface-primary-DEFAULT)`,
320
+ hover: `var(--sk-colors-warning-surface-primary-hover)`
321
321
  },
322
322
  accent: {
323
- DEFAULT: "var(--sk-colors-warning-surface-accent-DEFAULT)",
324
- hover: "var(--sk-colors-warning-surface-accent-hover)"
323
+ DEFAULT: `var(--sk-colors-warning-surface-accent-DEFAULT)`,
324
+ hover: `var(--sk-colors-warning-surface-accent-hover)`
325
325
  }
326
326
  },
327
327
  text: {
328
- DEFAULT: "var(--sk-colors-warning-text-DEFAULT)",
329
- primary: "var(--sk-colors-warning-text-primary)",
330
- secondary: "var(--sk-colors-warning-text-secondary)"
328
+ DEFAULT: `var(--sk-colors-warning-text-DEFAULT)`,
329
+ primary: `var(--sk-colors-warning-text-primary)`,
330
+ secondary: `var(--sk-colors-warning-text-secondary)`
331
331
  }
332
332
  },
333
333
  info: {
334
- DEFAULT: "var(--sk-colors-info-DEFAULT)",
334
+ DEFAULT: `var(--sk-colors-info-DEFAULT)`,
335
335
  background: {
336
- 100: "var(--sk-colors-info-background-100)",
337
- 200: "var(--sk-colors-info-background-200)",
338
- 300: "var(--sk-colors-info-background-300)"
336
+ 100: `var(--sk-colors-info-background-100)`,
337
+ 200: `var(--sk-colors-info-background-200)`,
338
+ 300: `var(--sk-colors-info-background-300)`
339
339
  },
340
340
  surface: {
341
341
  primary: {
342
- DEFAULT: "var(--sk-colors-info-surface-primary-DEFAULT)",
343
- hover: "var(--sk-colors-info-surface-primary-hover)"
342
+ DEFAULT: `var(--sk-colors-info-surface-primary-DEFAULT)`,
343
+ hover: `var(--sk-colors-info-surface-primary-hover)`
344
344
  },
345
345
  accent: {
346
- DEFAULT: "var(--sk-colors-info-surface-accent-DEFAULT)",
347
- hover: "var(--sk-colors-info-surface-accent-hover)"
346
+ DEFAULT: `var(--sk-colors-info-surface-accent-DEFAULT)`,
347
+ hover: `var(--sk-colors-info-surface-accent-hover)`
348
348
  }
349
349
  },
350
350
  text: {
351
- DEFAULT: "var(--sk-colors-info-text-DEFAULT)",
352
- primary: "var(--sk-colors-info-text-primary)",
353
- secondary: "var(--sk-colors-info-text-secondary)"
351
+ DEFAULT: `var(--sk-colors-info-text-DEFAULT)`,
352
+ primary: `var(--sk-colors-info-text-primary)`,
353
+ secondary: `var(--sk-colors-info-text-secondary)`
354
354
  }
355
355
  },
356
356
  success: {
357
- DEFAULT: "var(--sk-colors-success-DEFAULT)",
357
+ DEFAULT: `var(--sk-colors-success-DEFAULT)`,
358
358
  background: {
359
- 100: "var(--sk-colors-success-background-100)",
360
- 200: "var(--sk-colors-success-background-200)",
361
- 300: "var(--sk-colors-success-background-300)"
359
+ 100: `var(--sk-colors-success-background-100)`,
360
+ 200: `var(--sk-colors-success-background-200)`,
361
+ 300: `var(--sk-colors-success-background-300)`
362
362
  },
363
363
  surface: {
364
364
  primary: {
365
- DEFAULT: "var(--sk-colors-success-surface-primary-DEFAULT)",
366
- hover: "var(--sk-colors-success-surface-primary-hover)"
365
+ DEFAULT: `var(--sk-colors-success-surface-primary-DEFAULT)`,
366
+ hover: `var(--sk-colors-success-surface-primary-hover)`
367
367
  },
368
368
  accent: {
369
- DEFAULT: "var(--sk-colors-success-surface-accent-DEFAULT)",
370
- hover: "var(--sk-colors-success-surface-accent-hover)"
369
+ DEFAULT: `var(--sk-colors-success-surface-accent-DEFAULT)`,
370
+ hover: `var(--sk-colors-success-surface-accent-hover)`
371
371
  }
372
372
  },
373
373
  text: {
374
- DEFAULT: "var(--sk-colors-success-text-DEFAULT)",
375
- primary: "var(--sk-colors-success-text-primary)",
376
- secondary: "var(--sk-colors-success-text-secondary)"
374
+ DEFAULT: `var(--sk-colors-success-text-DEFAULT)`,
375
+ primary: `var(--sk-colors-success-text-primary)`,
376
+ secondary: `var(--sk-colors-success-text-secondary)`
377
377
  }
378
378
  },
379
379
  'input-field': {
380
380
  outline: {
381
- DEFAULT: "var(--sk-colors-input-field-outline-DEFAULT)",
382
- hover: "var(--sk-colors-input-field-outline-hover)",
383
- disabled: "var(--sk-colors-input-field-outline-disabled)"
381
+ DEFAULT: `var(--sk-colors-input-field-outline-DEFAULT)`,
382
+ hover: `var(--sk-colors-input-field-outline-hover)`,
383
+ disabled: `var(--sk-colors-input-field-outline-disabled)`
384
384
  },
385
385
  surface: {
386
- DEFAULT: "var(--sk-colors-input-field-surface-DEFAULT)",
387
- disabled: "var(--sk-colors-input-field-surface-disabled)",
388
- focus: "var(--sk-colors-input-field-surface-focus)"
386
+ DEFAULT: `var(--sk-colors-input-field-surface-DEFAULT)`,
387
+ disabled: `var(--sk-colors-input-field-surface-disabled)`,
388
+ focus: `var(--sk-colors-input-field-surface-focus)`
389
389
  }
390
390
  },
391
- "switch": {
391
+ switch: {
392
392
  surface: {
393
- DEFAULT: "var(--sk-colors-switch-surface-DEFAULT)",
394
- on: "var(--sk-colors-switch-surface-on)",
395
- disabled: "var(--sk-colors-switch-surface-disabled)",
396
- hover: "var(--sk-colors-switch-surface-hover)"
393
+ DEFAULT: `var(--sk-colors-switch-surface-DEFAULT)`,
394
+ on: `var(--sk-colors-switch-surface-on)`,
395
+ disabled: `var(--sk-colors-switch-surface-disabled)`,
396
+ hover: `var(--sk-colors-switch-surface-hover)`
397
397
  },
398
398
  control: {
399
- DEFAULT: "var(--sk-colors-switch-control-DEFAULT)",
400
- disabled: "var(--sk-colors-switch-control-disabled)",
401
- on: "var(--sk-colors-switch-control-on)"
399
+ DEFAULT: `var(--sk-colors-switch-control-DEFAULT)`,
400
+ disabled: `var(--sk-colors-switch-control-disabled)`,
401
+ on: `var(--sk-colors-switch-control-on)`
402
402
  }
403
403
  },
404
404
  'menu-item': {
405
405
  surface: {
406
- open: "var(--sk-colors-menu-item-surface-DEFAULT)",
407
- hover: "var(--sk-colors-menu-item-surface-hover)",
408
- active: "var(--sk-colors-menu-item-surface-active)"
406
+ open: `var(--sk-colors-menu-item-surface-DEFAULT)`,
407
+ hover: `var(--sk-colors-menu-item-surface-hover)`,
408
+ active: `var(--sk-colors-menu-item-surface-active)`
409
409
  },
410
410
  node: {
411
- line: "var(--sk-colors-menu-item-node-line)"
411
+ line: `var(--sk-colors-menu-item-node-line)`
412
412
  }
413
413
  },
414
414
  inverted: {
415
- body: "var(--sk-colors-inverted-body)",
416
- black: "var(--sk-colors-inverted-black)",
417
- white: "var(--sk-colors-inverted-white)",
418
- ring: "var(--sk-colors-inverted-ring)",
415
+ body: `var(--sk-colors-inverted-body)`,
416
+ black: `var(--sk-colors-inverted-black)`,
417
+ white: `var(--sk-colors-inverted-white)`,
418
+ ring: `var(--sk-colors-inverted-ring)`,
419
419
  primary: {
420
- DEFAULT: "var(--sk-colors-inverted-primary-DEFAULT)",
420
+ DEFAULT: `var(--sk-colors-inverted-primary-DEFAULT)`,
421
421
  surface: {
422
- DEFAULT: "var(--sk-colors-inverted-primary-surface-DEFAULT)",
423
- hover: "var(--sk-colors-inverted-primary-surface-hover)",
424
- disabled: "var(--sk-colors-inverted-primary-surface-disabled)"
422
+ DEFAULT: `var(--sk-colors-inverted-primary-surface-DEFAULT)`,
423
+ hover: `var(--sk-colors-inverted-primary-surface-hover)`,
424
+ disabled: `var(--sk-colors-inverted-primary-surface-disabled)`
425
425
  },
426
- lightest: "var(--sk-colors-inverted-primary-lightest)",
427
- 50: "var(--sk-colors-inverted-primary-50)",
428
- 100: "var(--sk-colors-inverted-primary-100)",
429
- 200: "var(--sk-colors-inverted-primary-200)",
430
- 300: "var(--sk-colors-inverted-primary-300)",
431
- 400: "var(--sk-colors-inverted-primary-400)",
432
- 500: "var(--sk-colors-inverted-primary-500)",
433
- 600: "var(--sk-colors-inverted-primary-600)",
434
- 700: "var(--sk-colors-inverted-primary-700)",
435
- 800: "var(--sk-colors-inverted-primary-800)",
436
- 900: "var(--sk-colors-inverted-primary-900)",
437
- darkest: "var(--sk-colors-inverted-primary-darkest)"
426
+ lightest: `var(--sk-colors-inverted-primary-lightest)`,
427
+ 50: `var(--sk-colors-inverted-primary-50)`,
428
+ 100: `var(--sk-colors-inverted-primary-100)`,
429
+ 200: `var(--sk-colors-inverted-primary-200)`,
430
+ 300: `var(--sk-colors-inverted-primary-300)`,
431
+ 400: `var(--sk-colors-inverted-primary-400)`,
432
+ 500: `var(--sk-colors-inverted-primary-500)`,
433
+ 600: `var(--sk-colors-inverted-primary-600)`,
434
+ 700: `var(--sk-colors-inverted-primary-700)`,
435
+ 800: `var(--sk-colors-inverted-primary-800)`,
436
+ 900: `var(--sk-colors-inverted-primary-900)`,
437
+ darkest: `var(--sk-colors-inverted-primary-darkest)`
438
438
  },
439
439
  secondary: {
440
- DEFAULT: "var(--sk-colors-inverted-secondary-DEFAULT)",
440
+ DEFAULT: `var(--sk-colors-inverted-secondary-DEFAULT)`,
441
441
  outline: {
442
- DEFAULT: "var(--sk-colors-inverted-secondary-outline-DEFAULT)",
443
- hover: "var(--sk-colors-inverted-secondary-outline-hover)"
442
+ DEFAULT: `var(--sk-colors-inverted-secondary-outline-DEFAULT)`,
443
+ hover: `var(--sk-colors-inverted-secondary-outline-hover)`
444
444
  },
445
445
  surface: {
446
- DEFAULT: "var(--sk-colors-inverted-secondary-surface-DEFAULT)",
447
- hover: "var(--sk-colors-inverted-secondary-surface-hover)",
448
- disabled: "var(--sk-colors-inverted-secondary-surface-disabled)"
446
+ DEFAULT: `var(--sk-colors-inverted-secondary-surface-DEFAULT)`,
447
+ hover: `var(--sk-colors-inverted-secondary-surface-hover)`,
448
+ disabled: `var(--sk-colors-inverted-secondary-surface-disabled)`
449
449
  },
450
- lightest: "var(--sk-colors-inverted-secondary-lightest)",
451
- 50: "var(--sk-colors-inverted-secondary-50)",
452
- 100: "var(--sk-colors-inverted-secondary-100)",
453
- 200: "var(--sk-colors-inverted-secondary-200)",
454
- 300: "var(--sk-colors-inverted-secondary-300)",
455
- 400: "var(--sk-colors-inverted-secondary-400)",
456
- 500: "var(--sk-colors-inverted-secondary-500)",
457
- 600: "var(--sk-colors-inverted-secondary-600)",
458
- 700: "var(--sk-colors-inverted-secondary-700)",
459
- 800: "var(--sk-colors-inverted-secondary-800)",
460
- 900: "var(--sk-colors-inverted-secondary-900)",
461
- darkest: "var(--sk-colors-inverted-secondary-darkest)"
450
+ lightest: `var(--sk-colors-inverted-secondary-lightest)`,
451
+ 50: `var(--sk-colors-inverted-secondary-50)`,
452
+ 100: `var(--sk-colors-inverted-secondary-100)`,
453
+ 200: `var(--sk-colors-inverted-secondary-200)`,
454
+ 300: `var(--sk-colors-inverted-secondary-300)`,
455
+ 400: `var(--sk-colors-inverted-secondary-400)`,
456
+ 500: `var(--sk-colors-inverted-secondary-500)`,
457
+ 600: `var(--sk-colors-inverted-secondary-600)`,
458
+ 700: `var(--sk-colors-inverted-secondary-700)`,
459
+ 800: `var(--sk-colors-inverted-secondary-800)`,
460
+ 900: `var(--sk-colors-inverted-secondary-900)`,
461
+ darkest: `var(--sk-colors-inverted-secondary-darkest)`
462
462
  },
463
463
  tertiary: {
464
464
  surface: {
465
- DEFAULT: "var(--sk-colors-inverted-tertiary-surface-DEFAULT)",
466
- hover: "var(--sk-colors-inverted-tertiary-surface-hover)",
467
- disabled: "var(--sk-colors-inverted-tertiary-surface-disabled)"
465
+ DEFAULT: `var(--sk-colors-inverted-tertiary-surface-DEFAULT)`,
466
+ hover: `var(--sk-colors-inverted-tertiary-surface-hover)`,
467
+ disabled: `var(--sk-colors-inverted-tertiary-surface-disabled)`
468
468
  }
469
469
  },
470
470
  dark: {
471
- DEFAULT: "var(--sk-colors-inverted-dark-DEFAULT)",
472
- primary: "var(--sk-colors-inverted-dark-primary)",
473
- secondary: "var(--sk-colors-inverted-dark-secondary)",
474
- disabled: "var(--sk-colors-inverted-dark-disabled)",
475
- placeholder: "var(--sk-colors-inverted-dark-placeholder)",
476
- ghost: "var(--sk-colors-inverted-dark-ghost)"
471
+ DEFAULT: `var(--sk-colors-inverted-dark-DEFAULT)`,
472
+ primary: `var(--sk-colors-inverted-dark-primary)`,
473
+ secondary: `var(--sk-colors-inverted-dark-secondary)`,
474
+ disabled: `var(--sk-colors-inverted-dark-disabled)`,
475
+ placeholder: `var(--sk-colors-inverted-dark-placeholder)`,
476
+ ghost: `var(--sk-colors-inverted-dark-ghost)`
477
477
  },
478
478
  light: {
479
- DEFAULT: "var(--sk-colors-inverted-light-DEFAULT)",
480
- primary: "var(--sk-colors-inverted-light-primary)",
481
- secondary: "var(--sk-colors-inverted-light-secondary)",
482
- disabled: "var(--sk-colors-inverted-light-disabled)",
483
- placeholder: "var(--sk-colors-inverted-light-placeholder)",
484
- ghost: "var(--sk-colors-inverted-light-ghost)"
485
- },
486
- divider: "var(--sk-colors-inverted-divider)",
479
+ DEFAULT: `var(--sk-colors-inverted-light-DEFAULT)`,
480
+ primary: `var(--sk-colors-inverted-light-primary)`,
481
+ secondary: `var(--sk-colors-inverted-light-secondary)`,
482
+ disabled: `var(--sk-colors-inverted-light-disabled)`,
483
+ placeholder: `var(--sk-colors-inverted-light-placeholder)`,
484
+ ghost: `var(--sk-colors-inverted-light-ghost)`
485
+ },
486
+ divider: `var(--sk-colors-inverted-divider)`,
487
487
  background: {
488
- DEFAULT: "var(--sk-colors-inverted-background-DEFUALT)",
489
- content: "var(--sk-colors-inverted-background-content)",
490
- 100: "var(--sk-colors-inverted-background-100)",
491
- 200: "var(--sk-colors-inverted-background-200)",
488
+ DEFAULT: `var(--sk-colors-inverted-background-DEFUALT)`,
489
+ content: `var(--sk-colors-inverted-background-content)`,
490
+ 100: `var(--sk-colors-inverted-background-100)`,
491
+ 200: `var(--sk-colors-inverted-background-200)`,
492
492
  'color-mixin': {
493
- 1: "var(--sk-colors-inverted-background-color-mixin-1)",
494
- 2: "var(--sk-colors-inverted-background-color-mixin-2)"
493
+ 1: `var(--sk-colors-inverted-background-color-mixin-1)`,
494
+ 2: `var(--sk-colors-inverted-background-color-mixin-2)`
495
495
  }
496
496
  },
497
497
  vattjom: {
498
498
  background: {
499
- 100: "var(--sk-colors-inverted-vattjom-background-100)",
500
- 200: "var(--sk-colors-inverted-vattjom-background-200)",
501
- 300: "var(--sk-colors-inverted-vattjom-background-300)"
499
+ 100: `var(--sk-colors-inverted-vattjom-background-100)`,
500
+ 200: `var(--sk-colors-inverted-vattjom-background-200)`,
501
+ 300: `var(--sk-colors-inverted-vattjom-background-300)`
502
502
  },
503
503
  surface: {
504
504
  primary: {
505
- DEFAULT: "var(--sk-colors-inverted-vattjom-surface-primary-DEFAULT)",
506
- hover: "var(--sk-colors-inverted-vattjom-surface-primary-hover)"
505
+ DEFAULT: `var(--sk-colors-inverted-vattjom-surface-primary-DEFAULT)`,
506
+ hover: `var(--sk-colors-inverted-vattjom-surface-primary-hover)`
507
507
  },
508
508
  accent: {
509
- DEFAULT: "var(--sk-colors-inverted-vattjom-surface-accent-DEFAULT)",
510
- hover: "var(--sk-colors-inverted-vattjom-surface-accent-hover)"
509
+ DEFAULT: `var(--sk-colors-inverted-vattjom-surface-accent-DEFAULT)`,
510
+ hover: `var(--sk-colors-inverted-vattjom-surface-accent-hover)`
511
511
  }
512
512
  },
513
513
  text: {
514
- DEFAULT: "var(--sk-colors-inverted-vattjom-text-DEFAULT)",
515
- primary: "var(--sk-colors-inverted-vattjom-text-primary)",
516
- secondary: "var(--sk-colors-inverted-vattjom-text-secondary)"
514
+ DEFAULT: `var(--sk-colors-inverted-vattjom-text-DEFAULT)`,
515
+ primary: `var(--sk-colors-inverted-vattjom-text-primary)`,
516
+ secondary: `var(--sk-colors-inverted-vattjom-text-secondary)`
517
517
  }
518
518
  },
519
519
  gronsta: {
520
520
  background: {
521
- 100: "var(--sk-colors-inverted-gronsta-background-100)",
522
- 200: "var(--sk-colors-inverted-gronsta-background-200)",
523
- 300: "var(--sk-colors-inverted-gronsta-background-300)"
521
+ 100: `var(--sk-colors-inverted-gronsta-background-100)`,
522
+ 200: `var(--sk-colors-inverted-gronsta-background-200)`,
523
+ 300: `var(--sk-colors-inverted-gronsta-background-300)`
524
524
  },
525
525
  surface: {
526
526
  primary: {
527
- DEFAULT: "var(--sk-colors-inverted-gronsta-surface-primary-DEFAULT)",
528
- hover: "var(--sk-colors-inverted-gronsta-surface-primary-hover)"
527
+ DEFAULT: `var(--sk-colors-inverted-gronsta-surface-primary-DEFAULT)`,
528
+ hover: `var(--sk-colors-inverted-gronsta-surface-primary-hover)`
529
529
  },
530
530
  accent: {
531
- DEFAULT: "var(--sk-colors-inverted-gronsta-surface-accent-DEFAULT)",
532
- hover: "var(--sk-colors-inverted-gronsta-surface-accent-hover)"
531
+ DEFAULT: `var(--sk-colors-inverted-gronsta-surface-accent-DEFAULT)`,
532
+ hover: `var(--sk-colors-inverted-gronsta-surface-accent-hover)`
533
533
  }
534
534
  },
535
535
  text: {
536
- DEFAULT: "var(--sk-colors-inverted-gronsta-text-DEFAULT)",
537
- primary: "var(--sk-colors-inverted-gronsta-text-primary)",
538
- secondary: "var(--sk-colors-inverted-gronsta-text-secondary)"
536
+ DEFAULT: `var(--sk-colors-inverted-gronsta-text-DEFAULT)`,
537
+ primary: `var(--sk-colors-inverted-gronsta-text-primary)`,
538
+ secondary: `var(--sk-colors-inverted-gronsta-text-secondary)`
539
539
  }
540
540
  },
541
541
  juniskar: {
542
542
  background: {
543
- 100: "var(--sk-colors-inverted-juniskar-background-100)",
544
- 200: "var(--sk-colors-inverted-juniskar-background-200)",
545
- 300: "var(--sk-colors-inverted-juniskar-background-300)"
543
+ 100: `var(--sk-colors-inverted-juniskar-background-100)`,
544
+ 200: `var(--sk-colors-inverted-juniskar-background-200)`,
545
+ 300: `var(--sk-colors-inverted-juniskar-background-300)`
546
546
  },
547
547
  surface: {
548
548
  primary: {
549
- DEFAULT: "var(--sk-colors-inverted-juniskar-surface-primary-DEFAULT)",
550
- hover: "var(--sk-colors-inverted-juniskar-surface-primary-hover)"
549
+ DEFAULT: `var(--sk-colors-inverted-juniskar-surface-primary-DEFAULT)`,
550
+ hover: `var(--sk-colors-inverted-juniskar-surface-primary-hover)`
551
551
  },
552
552
  accent: {
553
- DEFAULT: "var(--sk-colors-inverted-juniskar-surface-accent-DEFAULT)",
554
- hover: "var(--sk-colors-inverted-juniskar-surface-accent-hover)"
553
+ DEFAULT: `var(--sk-colors-inverted-juniskar-surface-accent-DEFAULT)`,
554
+ hover: `var(--sk-colors-inverted-juniskar-surface-accent-hover)`
555
555
  }
556
556
  },
557
557
  text: {
558
- DEFAULT: "var(--sk-colors-inverted-juniskar-text-DEFAULT)",
559
- primary: "var(--sk-colors-inverted-juniskar-text-primary)",
560
- secondary: "var(--sk-colors-inverted-juniskar-text-secondary)"
558
+ DEFAULT: `var(--sk-colors-inverted-juniskar-text-DEFAULT)`,
559
+ primary: `var(--sk-colors-inverted-juniskar-text-primary)`,
560
+ secondary: `var(--sk-colors-inverted-juniskar-text-secondary)`
561
561
  }
562
562
  },
563
563
  bjornstigen: {
564
564
  background: {
565
- 100: "var(--sk-colors-inverted-bjornstigen-background-100)",
566
- 200: "var(--sk-colors-inverted-bjornstigen-background-200)",
567
- 300: "var(--sk-colors-inverted-bjornstigen-background-300)"
565
+ 100: `var(--sk-colors-inverted-bjornstigen-background-100)`,
566
+ 200: `var(--sk-colors-inverted-bjornstigen-background-200)`,
567
+ 300: `var(--sk-colors-inverted-bjornstigen-background-300)`
568
568
  },
569
569
  surface: {
570
570
  primary: {
571
- DEFAULT: "var(--sk-colors-inverted-bjornstigen-surface-primary-DEFAULT)",
572
- hover: "var(--sk-colors-inverted-bjornstigen-surface-primary-hover)"
571
+ DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-primary-DEFAULT)`,
572
+ hover: `var(--sk-colors-inverted-bjornstigen-surface-primary-hover)`
573
573
  },
574
574
  accent: {
575
- DEFAULT: "var(--sk-colors-inverted-bjornstigen-surface-accent-DEFAULT)",
576
- hover: "var(--sk-colors-inverted-bjornstigen-surface-accent-hover)"
575
+ DEFAULT: `var(--sk-colors-inverted-bjornstigen-surface-accent-DEFAULT)`,
576
+ hover: `var(--sk-colors-inverted-bjornstigen-surface-accent-hover)`
577
577
  }
578
578
  },
579
579
  text: {
580
- DEFAULT: "var(--sk-colors-inverted-bjornstigen-text-DEFAULT)",
581
- primary: "var(--sk-colors-inverted-bjornstigen-text-primary)",
582
- secondary: "var(--sk-colors-inverted-bjornstigen-text-secondary)"
580
+ DEFAULT: `var(--sk-colors-inverted-bjornstigen-text-DEFAULT)`,
581
+ primary: `var(--sk-colors-inverted-bjornstigen-text-primary)`,
582
+ secondary: `var(--sk-colors-inverted-bjornstigen-text-secondary)`
583
583
  }
584
584
  },
585
585
  error: {
586
- DEFAULT: "var(--sk-colors-inverted-error-DEFAULT)",
586
+ DEFAULT: `var(--sk-colors-inverted-error-DEFAULT)`,
587
587
  background: {
588
- 100: "var(--sk-colors-inverted-error-background-100)",
589
- 200: "var(--sk-colors-inverted-error-background-200)",
590
- 300: "var(--sk-colors-inverted-error-background-300)"
588
+ 100: `var(--sk-colors-inverted-error-background-100)`,
589
+ 200: `var(--sk-colors-inverted-error-background-200)`,
590
+ 300: `var(--sk-colors-inverted-error-background-300)`
591
591
  },
592
592
  surface: {
593
593
  primary: {
594
- DEFAULT: "var(--sk-colors-inverted-error-surface-primary-DEFAULT)",
595
- hover: "var(--sk-colors-inverted-error-surface-primary-hover)"
594
+ DEFAULT: `var(--sk-colors-inverted-error-surface-primary-DEFAULT)`,
595
+ hover: `var(--sk-colors-inverted-error-surface-primary-hover)`
596
596
  },
597
597
  accent: {
598
- DEFAULT: "var(--sk-colors-inverted-error-surface-accent-DEFAULT)",
599
- hover: "var(--sk-colors-inverted-error-surface-accent-hover)"
598
+ DEFAULT: `var(--sk-colors-inverted-error-surface-accent-DEFAULT)`,
599
+ hover: `var(--sk-colors-inverted-error-surface-accent-hover)`
600
600
  }
601
601
  },
602
602
  text: {
603
- DEFAULT: "var(--sk-colors-inverted-error-text-DEFAULT)",
604
- primary: "var(--sk-colors-inverted-error-text-primary)",
605
- secondary: "var(--sk-colors-inverted-error-text-secondary)"
603
+ DEFAULT: `var(--sk-colors-inverted-error-text-DEFAULT)`,
604
+ primary: `var(--sk-colors-inverted-error-text-primary)`,
605
+ secondary: `var(--sk-colors-inverted-error-text-secondary)`
606
606
  }
607
607
  },
608
608
  warning: {
609
- DEFAULT: "var(--sk-colors-inverted-warning-DEFAULT)",
609
+ DEFAULT: `var(--sk-colors-inverted-warning-DEFAULT)`,
610
610
  background: {
611
- 100: "var(--sk-colors-inverted-warning-background-100)",
612
- 200: "var(--sk-colors-inverted-warning-background-200)",
613
- 300: "var(--sk-colors-inverted-warning-background-300)"
611
+ 100: `var(--sk-colors-inverted-warning-background-100)`,
612
+ 200: `var(--sk-colors-inverted-warning-background-200)`,
613
+ 300: `var(--sk-colors-inverted-warning-background-300)`
614
614
  },
615
615
  surface: {
616
616
  primary: {
617
- DEFAULT: "var(--sk-colors-inverted-warning-surface-primary-DEFAULT)",
618
- hover: "var(--sk-colors-inverted-warning-surface-primary-hover)"
617
+ DEFAULT: `var(--sk-colors-inverted-warning-surface-primary-DEFAULT)`,
618
+ hover: `var(--sk-colors-inverted-warning-surface-primary-hover)`
619
619
  },
620
620
  accent: {
621
- DEFAULT: "var(--sk-colors-inverted-warning-surface-accent-DEFAULT)",
622
- hover: "var(--sk-colors-inverted-warning-surface-accent-hover)"
621
+ DEFAULT: `var(--sk-colors-inverted-warning-surface-accent-DEFAULT)`,
622
+ hover: `var(--sk-colors-inverted-warning-surface-accent-hover)`
623
623
  }
624
624
  },
625
625
  text: {
626
- DEFAULT: "var(--sk-colors-inverted-warning-text-DEFAULT)",
627
- primary: "var(--sk-colors-inverted-warning-text-primary)",
628
- secondary: "var(--sk-colors-inverted-warning-text-secondary)"
626
+ DEFAULT: `var(--sk-colors-inverted-warning-text-DEFAULT)`,
627
+ primary: `var(--sk-colors-inverted-warning-text-primary)`,
628
+ secondary: `var(--sk-colors-inverted-warning-text-secondary)`
629
629
  }
630
630
  },
631
631
  info: {
632
- DEFAULT: "var(--sk-colors-inverted-info-DEFAULT)",
632
+ DEFAULT: `var(--sk-colors-inverted-info-DEFAULT)`,
633
633
  background: {
634
- 100: "var(--sk-colors-inverted-info-background-100)",
635
- 200: "var(--sk-colors-inverted-info-background-200)",
636
- 300: "var(--sk-colors-inverted-info-background-300)"
634
+ 100: `var(--sk-colors-inverted-info-background-100)`,
635
+ 200: `var(--sk-colors-inverted-info-background-200)`,
636
+ 300: `var(--sk-colors-inverted-info-background-300)`
637
637
  },
638
638
  surface: {
639
639
  primary: {
640
- DEFAULT: "var(--sk-colors-inverted-info-surface-primary-DEFAULT)",
641
- hover: "var(--sk-colors-inverted-info-surface-primary-hover)"
640
+ DEFAULT: `var(--sk-colors-inverted-info-surface-primary-DEFAULT)`,
641
+ hover: `var(--sk-colors-inverted-info-surface-primary-hover)`
642
642
  },
643
643
  accent: {
644
- DEFAULT: "var(--sk-colors-inverted-info-surface-accent-DEFAULT)",
645
- hover: "var(--sk-colors-inverted-info-surface-accent-hover)"
644
+ DEFAULT: `var(--sk-colors-inverted-info-surface-accent-DEFAULT)`,
645
+ hover: `var(--sk-colors-inverted-info-surface-accent-hover)`
646
646
  }
647
647
  },
648
648
  text: {
649
- DEFAULT: "var(--sk-colors-inverted-info-text-DEFAULT)",
650
- primary: "var(--sk-colors-inverted-info-text-primary)",
651
- secondary: "var(--sk-colors-inverted-info-text-secondary)"
649
+ DEFAULT: `var(--sk-colors-inverted-info-text-DEFAULT)`,
650
+ primary: `var(--sk-colors-inverted-info-text-primary)`,
651
+ secondary: `var(--sk-colors-inverted-info-text-secondary)`
652
652
  }
653
653
  },
654
654
  success: {
655
- DEFAULT: "var(--sk-colors-inverted-success-DEFAULT)",
655
+ DEFAULT: `var(--sk-colors-inverted-success-DEFAULT)`,
656
656
  background: {
657
- 100: "var(--sk-colors-inverted-success-background-100)",
658
- 200: "var(--sk-colors-inverted-success-background-200)",
659
- 300: "var(--sk-colors-inverted-success-background-300)"
657
+ 100: `var(--sk-colors-inverted-success-background-100)`,
658
+ 200: `var(--sk-colors-inverted-success-background-200)`,
659
+ 300: `var(--sk-colors-inverted-success-background-300)`
660
660
  },
661
661
  surface: {
662
662
  primary: {
663
- DEFAULT: "var(--sk-colors-inverted-success-surface-primary-DEFAULT)",
664
- hover: "var(--sk-colors-inverted-success-surface-primary-hover)"
663
+ DEFAULT: `var(--sk-colors-inverted-success-surface-primary-DEFAULT)`,
664
+ hover: `var(--sk-colors-inverted-success-surface-primary-hover)`
665
665
  },
666
666
  accent: {
667
- DEFAULT: "var(--sk-colors-inverted-success-surface-accent-DEFAULT)",
668
- hover: "var(--sk-colors-inverted-success-surface-accent-hover)"
667
+ DEFAULT: `var(--sk-colors-inverted-success-surface-accent-DEFAULT)`,
668
+ hover: `var(--sk-colors-inverted-success-surface-accent-hover)`
669
669
  }
670
670
  },
671
671
  text: {
672
- DEFAULT: "var(--sk-colors-inverted-success-text-DEFAULT)",
673
- primary: "var(--sk-colors-inverted-success-text-primary)",
674
- secondary: "var(--sk-colors-inverted-success-text-secondary)"
672
+ DEFAULT: `var(--sk-colors-inverted-success-text-DEFAULT)`,
673
+ primary: `var(--sk-colors-inverted-success-text-primary)`,
674
+ secondary: `var(--sk-colors-inverted-success-text-secondary)`
675
675
  }
676
676
  },
677
677
  'input-field': {
678
678
  outline: {
679
- DEFAULT: "var(--sk-colors-inverted-input-field-outline-DEFAULT)",
680
- hover: "var(--sk-colors-inverted-input-field-outline-hover)",
681
- disabled: "var(--sk-colors-inverted-input-field-outline-disabled)"
679
+ DEFAULT: `var(--sk-colors-inverted-input-field-outline-DEFAULT)`,
680
+ hover: `var(--sk-colors-inverted-input-field-outline-hover)`,
681
+ disabled: `var(--sk-colors-inverted-input-field-outline-disabled)`
682
682
  },
683
683
  surface: {
684
- DEFAULT: "var(--sk-colors-inverted-input-field-surface-DEFAULT)",
685
- disabled: "var(--sk-colors-inverted-input-field-surface-disabled)",
686
- focus: "var(--sk-colors-inverted-input-field-surface-focus)"
684
+ DEFAULT: `var(--sk-colors-inverted-input-field-surface-DEFAULT)`,
685
+ disabled: `var(--sk-colors-inverted-input-field-surface-disabled)`,
686
+ focus: `var(--sk-colors-inverted-input-field-surface-focus)`
687
687
  }
688
688
  },
689
- "switch": {
689
+ switch: {
690
690
  surface: {
691
- DEFAULT: "var(--sk-colors-inverted-switch-surface-DEFAULT)",
692
- on: "var(--sk-colors-inverted-switch-surface-on)",
693
- disabled: "var(--sk-colors-inverted-switch-surface-disabled)",
694
- hover: "var(--sk-colors-inverted-switch-surface-hover)"
691
+ DEFAULT: `var(--sk-colors-inverted-switch-surface-DEFAULT)`,
692
+ on: `var(--sk-colors-inverted-switch-surface-on)`,
693
+ disabled: `var(--sk-colors-inverted-switch-surface-disabled)`,
694
+ hover: `var(--sk-colors-inverted-switch-surface-hover)`
695
695
  },
696
696
  control: {
697
- DEFAULT: "var(--sk-colors-inverted-switch-control-DEFAULT)",
698
- disabled: "var(--sk-colors-inverted-switch-control-disabled)",
699
- on: "var(--sk-colors-inverted-switch-control-on)"
697
+ DEFAULT: `var(--sk-colors-inverted-switch-control-DEFAULT)`,
698
+ disabled: `var(--sk-colors-inverted-switch-control-disabled)`,
699
+ on: `var(--sk-colors-inverted-switch-control-on)`
700
700
  }
701
701
  },
702
702
  'menu-item': {
703
703
  surface: {
704
- open: "var(--sk-colors-inverted-menu-item-surface-DEFAULT)",
705
- hover: "var(--sk-colors-inverted-menu-item-surface-hover)",
706
- active: "var(--sk-colors-inverted-menu-item-surface-active)"
704
+ open: `var(--sk-colors-inverted-menu-item-surface-DEFAULT)`,
705
+ hover: `var(--sk-colors-inverted-menu-item-surface-hover)`,
706
+ active: `var(--sk-colors-inverted-menu-item-surface-active)`
707
707
  },
708
708
  node: {
709
- line: "var(--sk-colors-inverted-menu-item-node-line)"
709
+ line: `var(--sk-colors-inverted-menu-item-node-line)`
710
710
  }
711
711
  }
712
712
  }