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