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