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