@sk-web-gui/core 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (360) hide show
  1. package/dist/cjs/base.js +6 -1
  2. package/dist/cjs/base.js.map +1 -1
  3. package/dist/cjs/colors.js +5 -1
  4. package/dist/cjs/colors.js.map +1 -1
  5. package/dist/cjs/components/accordion.js +97 -20
  6. package/dist/cjs/components/accordion.js.map +1 -1
  7. package/dist/cjs/components/alert.js +5 -1
  8. package/dist/cjs/components/alert.js.map +1 -1
  9. package/dist/cjs/components/avatar.js +5 -1
  10. package/dist/cjs/components/avatar.js.map +1 -1
  11. package/dist/cjs/components/badge.js +5 -1
  12. package/dist/cjs/components/badge.js.map +1 -1
  13. package/dist/cjs/components/breadcrumb.js +5 -1
  14. package/dist/cjs/components/breadcrumb.js.map +1 -1
  15. package/dist/cjs/components/button-group.js +5 -1
  16. package/dist/cjs/components/button-group.js.map +1 -1
  17. package/dist/cjs/components/button.js +5 -1
  18. package/dist/cjs/components/button.js.map +1 -1
  19. package/dist/cjs/components/card.js +5 -1
  20. package/dist/cjs/components/card.js.map +1 -1
  21. package/dist/cjs/components/checkbox.js +5 -1
  22. package/dist/cjs/components/checkbox.js.map +1 -1
  23. package/dist/cjs/components/chip.js +41 -0
  24. package/dist/cjs/components/chip.js.map +1 -0
  25. package/dist/cjs/components/code.js +5 -1
  26. package/dist/cjs/components/code.js.map +1 -1
  27. package/dist/cjs/components/combobox.js +10 -1
  28. package/dist/cjs/components/combobox.js.map +1 -1
  29. package/dist/cjs/components/cookie-consent.js +5 -1
  30. package/dist/cjs/components/cookie-consent.js.map +1 -1
  31. package/dist/cjs/components/dialog.js +5 -1
  32. package/dist/cjs/components/dialog.js.map +1 -1
  33. package/dist/cjs/components/divider.js +5 -1
  34. package/dist/cjs/components/divider.js.map +1 -1
  35. package/dist/cjs/components/dot.js +5 -1
  36. package/dist/cjs/components/dot.js.map +1 -1
  37. package/dist/cjs/components/filter.js +5 -1
  38. package/dist/cjs/components/filter.js.map +1 -1
  39. package/dist/cjs/components/footer.js +5 -1
  40. package/dist/cjs/components/footer.js.map +1 -1
  41. package/dist/cjs/components/forms.js +5 -1
  42. package/dist/cjs/components/forms.js.map +1 -1
  43. package/dist/cjs/components/header.js +10 -2
  44. package/dist/cjs/components/header.js.map +1 -1
  45. package/dist/cjs/components/icon.js +5 -1
  46. package/dist/cjs/components/icon.js.map +1 -1
  47. package/dist/cjs/components/input.js +17 -10
  48. package/dist/cjs/components/input.js.map +1 -1
  49. package/dist/cjs/components/kbd.js +5 -1
  50. package/dist/cjs/components/kbd.js.map +1 -1
  51. package/dist/cjs/components/label.js +5 -1
  52. package/dist/cjs/components/label.js.map +1 -1
  53. package/dist/cjs/components/link.js +5 -1
  54. package/dist/cjs/components/link.js.map +1 -1
  55. package/dist/cjs/components/list.js +5 -1
  56. package/dist/cjs/components/list.js.map +1 -1
  57. package/dist/cjs/components/logo.js +5 -1
  58. package/dist/cjs/components/logo.js.map +1 -1
  59. package/dist/cjs/components/menu-vertical.js +7 -6
  60. package/dist/cjs/components/menu-vertical.js.map +1 -1
  61. package/dist/cjs/components/menubar.js +7 -3
  62. package/dist/cjs/components/menubar.js.map +1 -1
  63. package/dist/cjs/components/modal.js +5 -1
  64. package/dist/cjs/components/modal.js.map +1 -1
  65. package/dist/cjs/components/pagination.js +5 -1
  66. package/dist/cjs/components/pagination.js.map +1 -1
  67. package/dist/cjs/components/popup-menu.js +5 -1
  68. package/dist/cjs/components/popup-menu.js.map +1 -1
  69. package/dist/cjs/components/progress-bar.js +5 -1
  70. package/dist/cjs/components/progress-bar.js.map +1 -1
  71. package/dist/cjs/components/progress-stepper.js +5 -1
  72. package/dist/cjs/components/progress-stepper.js.map +1 -1
  73. package/dist/cjs/components/radio.js +5 -1
  74. package/dist/cjs/components/radio.js.map +1 -1
  75. package/dist/cjs/components/search-field.js +5 -1
  76. package/dist/cjs/components/search-field.js.map +1 -1
  77. package/dist/cjs/components/select.js +5 -1
  78. package/dist/cjs/components/select.js.map +1 -1
  79. package/dist/cjs/components/snackbar.js +5 -1
  80. package/dist/cjs/components/snackbar.js.map +1 -1
  81. package/dist/cjs/components/spinner.js +5 -1
  82. package/dist/cjs/components/spinner.js.map +1 -1
  83. package/dist/cjs/components/switch.js +5 -1
  84. package/dist/cjs/components/switch.js.map +1 -1
  85. package/dist/cjs/components/table.js +5 -1
  86. package/dist/cjs/components/table.js.map +1 -1
  87. package/dist/cjs/components/tabs.js +12 -57
  88. package/dist/cjs/components/tabs.js.map +1 -1
  89. package/dist/cjs/components/tooltip.js +5 -1
  90. package/dist/cjs/components/tooltip.js.map +1 -1
  91. package/dist/cjs/components/user-menu.js +5 -1
  92. package/dist/cjs/components/user-menu.js.map +1 -1
  93. package/dist/cjs/components/zebratable.js +18 -5
  94. package/dist/cjs/components/zebratable.js.map +1 -1
  95. package/dist/cjs/index.js +10 -7
  96. package/dist/cjs/index.js.map +1 -1
  97. package/dist/cjs/plugin.js +56 -56
  98. package/dist/cjs/plugin.js.map +1 -1
  99. package/dist/cjs/preset.js +10 -2
  100. package/dist/cjs/preset.js.map +1 -1
  101. package/dist/cjs/theme.js +70 -66
  102. package/dist/cjs/theme.js.map +1 -1
  103. package/dist/cjs/units.js +44 -39
  104. package/dist/cjs/units.js.map +1 -1
  105. package/dist/cjs/with-opacity.js +6 -1
  106. package/dist/cjs/with-opacity.js.map +1 -1
  107. package/dist/esm/base.js +3 -1
  108. package/dist/esm/base.js.map +1 -1
  109. package/dist/esm/colors.js +2 -1
  110. package/dist/esm/colors.js.map +1 -1
  111. package/dist/esm/components/accordion.js +93 -20
  112. package/dist/esm/components/accordion.js.map +1 -1
  113. package/dist/esm/components/alert.js +1 -1
  114. package/dist/esm/components/alert.js.map +1 -1
  115. package/dist/esm/components/avatar.js +1 -1
  116. package/dist/esm/components/avatar.js.map +1 -1
  117. package/dist/esm/components/badge.js +1 -1
  118. package/dist/esm/components/badge.js.map +1 -1
  119. package/dist/esm/components/breadcrumb.js +1 -1
  120. package/dist/esm/components/breadcrumb.js.map +1 -1
  121. package/dist/esm/components/button-group.js +1 -1
  122. package/dist/esm/components/button-group.js.map +1 -1
  123. package/dist/esm/components/button.js +1 -1
  124. package/dist/esm/components/button.js.map +1 -1
  125. package/dist/esm/components/card.js +1 -1
  126. package/dist/esm/components/card.js.map +1 -1
  127. package/dist/esm/components/checkbox.js +1 -1
  128. package/dist/esm/components/checkbox.js.map +1 -1
  129. package/dist/esm/components/chip.js +35 -0
  130. package/dist/esm/components/chip.js.map +1 -0
  131. package/dist/esm/components/code.js +1 -1
  132. package/dist/esm/components/code.js.map +1 -1
  133. package/dist/esm/components/combobox.js +6 -1
  134. package/dist/esm/components/combobox.js.map +1 -1
  135. package/dist/esm/components/cookie-consent.js +1 -1
  136. package/dist/esm/components/cookie-consent.js.map +1 -1
  137. package/dist/esm/components/dialog.js +1 -1
  138. package/dist/esm/components/dialog.js.map +1 -1
  139. package/dist/esm/components/divider.js +1 -1
  140. package/dist/esm/components/divider.js.map +1 -1
  141. package/dist/esm/components/dot.js +1 -1
  142. package/dist/esm/components/dot.js.map +1 -1
  143. package/dist/esm/components/filter.js +1 -1
  144. package/dist/esm/components/filter.js.map +1 -1
  145. package/dist/esm/components/footer.js +1 -1
  146. package/dist/esm/components/footer.js.map +1 -1
  147. package/dist/esm/components/forms.js +1 -1
  148. package/dist/esm/components/forms.js.map +1 -1
  149. package/dist/esm/components/header.js +6 -2
  150. package/dist/esm/components/header.js.map +1 -1
  151. package/dist/esm/components/icon.js +1 -1
  152. package/dist/esm/components/icon.js.map +1 -1
  153. package/dist/esm/components/input.js +13 -10
  154. package/dist/esm/components/input.js.map +1 -1
  155. package/dist/esm/components/kbd.js +1 -1
  156. package/dist/esm/components/kbd.js.map +1 -1
  157. package/dist/esm/components/label.js +1 -1
  158. package/dist/esm/components/label.js.map +1 -1
  159. package/dist/esm/components/link.js +1 -1
  160. package/dist/esm/components/link.js.map +1 -1
  161. package/dist/esm/components/list.js +1 -1
  162. package/dist/esm/components/list.js.map +1 -1
  163. package/dist/esm/components/logo.js +1 -1
  164. package/dist/esm/components/logo.js.map +1 -1
  165. package/dist/esm/components/menu-vertical.js +3 -6
  166. package/dist/esm/components/menu-vertical.js.map +1 -1
  167. package/dist/esm/components/menubar.js +3 -3
  168. package/dist/esm/components/menubar.js.map +1 -1
  169. package/dist/esm/components/modal.js +1 -1
  170. package/dist/esm/components/modal.js.map +1 -1
  171. package/dist/esm/components/pagination.js +1 -1
  172. package/dist/esm/components/pagination.js.map +1 -1
  173. package/dist/esm/components/popup-menu.js +1 -1
  174. package/dist/esm/components/popup-menu.js.map +1 -1
  175. package/dist/esm/components/progress-bar.js +1 -1
  176. package/dist/esm/components/progress-bar.js.map +1 -1
  177. package/dist/esm/components/progress-stepper.js +1 -1
  178. package/dist/esm/components/progress-stepper.js.map +1 -1
  179. package/dist/esm/components/radio.js +1 -1
  180. package/dist/esm/components/radio.js.map +1 -1
  181. package/dist/esm/components/search-field.js +1 -1
  182. package/dist/esm/components/search-field.js.map +1 -1
  183. package/dist/esm/components/select.js +1 -1
  184. package/dist/esm/components/select.js.map +1 -1
  185. package/dist/esm/components/snackbar.js +1 -1
  186. package/dist/esm/components/snackbar.js.map +1 -1
  187. package/dist/esm/components/spinner.js +1 -1
  188. package/dist/esm/components/spinner.js.map +1 -1
  189. package/dist/esm/components/switch.js +1 -1
  190. package/dist/esm/components/switch.js.map +1 -1
  191. package/dist/esm/components/table.js +1 -1
  192. package/dist/esm/components/table.js.map +1 -1
  193. package/dist/esm/components/tabs.js +8 -57
  194. package/dist/esm/components/tabs.js.map +1 -1
  195. package/dist/esm/components/tooltip.js +1 -1
  196. package/dist/esm/components/tooltip.js.map +1 -1
  197. package/dist/esm/components/user-menu.js +1 -1
  198. package/dist/esm/components/user-menu.js.map +1 -1
  199. package/dist/esm/components/zebratable.js +14 -5
  200. package/dist/esm/components/zebratable.js.map +1 -1
  201. package/dist/esm/index.js +4 -7
  202. package/dist/esm/index.js.map +1 -1
  203. package/dist/esm/plugin.js +50 -54
  204. package/dist/esm/plugin.js.map +1 -1
  205. package/dist/esm/preset.js +5 -2
  206. package/dist/esm/preset.js.map +1 -1
  207. package/dist/esm/theme.js +25 -26
  208. package/dist/esm/theme.js.map +1 -1
  209. package/dist/esm/units.js +41 -39
  210. package/dist/esm/units.js.map +1 -1
  211. package/dist/esm/with-opacity.js +2 -1
  212. package/dist/esm/with-opacity.js.map +1 -1
  213. package/dist/types/base.d.ts +53 -0
  214. package/dist/types/colors.d.ts +643 -0
  215. package/dist/types/components/accordion.d.ts +169 -0
  216. package/dist/types/components/alert-banner.d.ts +24 -0
  217. package/dist/types/components/alert.d.ts +21 -0
  218. package/dist/types/components/avatar.d.ts +26 -0
  219. package/dist/types/components/badge.d.ts +21 -0
  220. package/dist/types/components/breadcrumb.d.ts +28 -0
  221. package/dist/types/components/button-group.d.ts +25 -0
  222. package/dist/types/components/button.d.ts +198 -0
  223. package/dist/types/components/card.d.ts +135 -0
  224. package/dist/types/components/checkbox.d.ts +105 -0
  225. package/dist/types/components/chip.d.ts +34 -0
  226. package/dist/types/components/code.d.ts +8 -0
  227. package/dist/types/components/combobox.d.ts +69 -0
  228. package/dist/types/components/comments.d.ts +30 -0
  229. package/dist/types/components/context-menu.d.ts +39 -0
  230. package/dist/types/components/cookie-consent.d.ts +35 -0
  231. package/dist/types/components/dialog.d.ts +5 -0
  232. package/dist/types/components/divider.d.ts +50 -0
  233. package/dist/types/components/dot.d.ts +43 -0
  234. package/dist/types/components/dropdown-filter.d.ts +58 -0
  235. package/dist/types/components/filter.d.ts +14 -0
  236. package/dist/types/components/footer.d.ts +27 -0
  237. package/dist/types/components/forms.d.ts +24 -0
  238. package/dist/types/components/header.d.ts +28 -0
  239. package/dist/types/components/icon.d.ts +38 -0
  240. package/dist/types/components/input.d.ts +209 -0
  241. package/dist/types/components/kbd.d.ts +7 -0
  242. package/dist/types/components/label.d.ts +19 -0
  243. package/dist/types/components/link.d.ts +43 -0
  244. package/dist/types/components/list.d.ts +52 -0
  245. package/dist/types/components/logo.d.ts +48 -0
  246. package/dist/types/components/menu-vertical.d.ts +215 -0
  247. package/dist/types/components/menubar.d.ts +35 -0
  248. package/dist/types/components/modal.d.ts +41 -0
  249. package/dist/types/components/notification.d.ts +48 -0
  250. package/dist/types/components/pagination.d.ts +100 -0
  251. package/dist/types/components/popup-menu.d.ts +105 -0
  252. package/dist/types/components/progress-bar.d.ts +13 -0
  253. package/dist/types/components/progress-stepper.d.ts +50 -0
  254. package/dist/types/components/radio.d.ts +125 -0
  255. package/dist/types/components/search-field.d.ts +20 -0
  256. package/dist/types/components/select.d.ts +141 -0
  257. package/dist/types/components/side-menu.d.ts +219 -0
  258. package/dist/types/components/snackbar.d.ts +30 -0
  259. package/dist/types/components/spinner.d.ts +10 -0
  260. package/dist/types/components/switch.d.ts +64 -0
  261. package/dist/types/components/tab-menu.d.ts +57 -0
  262. package/dist/types/components/table.d.ts +11 -0
  263. package/dist/types/components/tabs.d.ts +14 -0
  264. package/dist/types/components/tooltip.d.ts +53 -0
  265. package/dist/types/components/user-menu.d.ts +13 -0
  266. package/dist/types/components/zebratable.d.ts +134 -0
  267. package/dist/types/index.d.ts +4 -0
  268. package/dist/types/plugin.d.ts +12 -0
  269. package/dist/types/preset.d.ts +15 -0
  270. package/dist/types/theme.d.ts +4 -0
  271. package/dist/types/units.d.ts +251 -0
  272. package/dist/types/with-opacity.d.ts +4 -0
  273. package/package.json +20 -13
  274. package/dist/cjs/components/calendar.js +0 -67
  275. package/dist/cjs/components/calendar.js.map +0 -1
  276. package/dist/cjs/components/form-control.js +0 -8
  277. package/dist/cjs/components/form-control.js.map +0 -1
  278. package/dist/cjs/components/message.js +0 -52
  279. package/dist/cjs/components/message.js.map +0 -1
  280. package/dist/cjs/components/profile-picture.js +0 -15
  281. package/dist/cjs/components/profile-picture.js.map +0 -1
  282. package/dist/cjs/components/profile.js +0 -34
  283. package/dist/cjs/components/profile.js.map +0 -1
  284. package/dist/cjs/components/search-bar.js +0 -8
  285. package/dist/cjs/components/search-bar.js.map +0 -1
  286. package/dist/cjs/components/tag.js +0 -72
  287. package/dist/cjs/components/tag.js.map +0 -1
  288. package/dist/esm/components/calendar.js +0 -65
  289. package/dist/esm/components/calendar.js.map +0 -1
  290. package/dist/esm/components/form-control.js +0 -6
  291. package/dist/esm/components/form-control.js.map +0 -1
  292. package/dist/esm/components/message.js +0 -50
  293. package/dist/esm/components/message.js.map +0 -1
  294. package/dist/esm/components/profile-picture.js +0 -13
  295. package/dist/esm/components/profile-picture.js.map +0 -1
  296. package/dist/esm/components/profile.js +0 -32
  297. package/dist/esm/components/profile.js.map +0 -1
  298. package/dist/esm/components/search-bar.js +0 -6
  299. package/dist/esm/components/search-bar.js.map +0 -1
  300. package/dist/esm/components/tag.js +0 -79
  301. package/dist/esm/components/tag.js.map +0 -1
  302. package/src/base.js +0 -47
  303. package/src/colors.js +0 -645
  304. package/src/components/accordion.js +0 -103
  305. package/src/components/alert-banner.js +0 -29
  306. package/src/components/alert.js +0 -90
  307. package/src/components/avatar.js +0 -39
  308. package/src/components/badge.js +0 -41
  309. package/src/components/breadcrumb.js +0 -33
  310. package/src/components/button-group.js +0 -31
  311. package/src/components/button.js +0 -309
  312. package/src/components/card.js +0 -293
  313. package/src/components/checkbox.js +0 -136
  314. package/src/components/code.js +0 -9
  315. package/src/components/combobox.js +0 -66
  316. package/src/components/comments.js +0 -38
  317. package/src/components/context-menu.js +0 -49
  318. package/src/components/cookie-consent.js +0 -45
  319. package/src/components/dialog.js +0 -5
  320. package/src/components/divider.js +0 -52
  321. package/src/components/dot.js +0 -83
  322. package/src/components/dropdown-filter.js +0 -66
  323. package/src/components/filter.js +0 -16
  324. package/src/components/footer.js +0 -29
  325. package/src/components/forms.js +0 -27
  326. package/src/components/header.js +0 -28
  327. package/src/components/icon.js +0 -78
  328. package/src/components/input.js +0 -244
  329. package/src/components/kbd.js +0 -9
  330. package/src/components/label.js +0 -37
  331. package/src/components/link.js +0 -53
  332. package/src/components/list.js +0 -61
  333. package/src/components/logo.js +0 -49
  334. package/src/components/menu-vertical.js +0 -293
  335. package/src/components/menubar.js +0 -56
  336. package/src/components/modal.js +0 -47
  337. package/src/components/notification.js +0 -56
  338. package/src/components/pagination.js +0 -116
  339. package/src/components/popup-menu.js +0 -111
  340. package/src/components/progress-bar.js +0 -31
  341. package/src/components/progress-stepper.js +0 -50
  342. package/src/components/radio.js +0 -138
  343. package/src/components/search-field.js +0 -20
  344. package/src/components/select.js +0 -203
  345. package/src/components/side-menu.js +0 -272
  346. package/src/components/snackbar.js +0 -34
  347. package/src/components/spinner.js +0 -23
  348. package/src/components/switch.js +0 -85
  349. package/src/components/tab-menu.js +0 -58
  350. package/src/components/table.js +0 -13
  351. package/src/components/tabs.js +0 -64
  352. package/src/components/tooltip.js +0 -64
  353. package/src/components/user-menu.js +0 -13
  354. package/src/components/zebratable.js +0 -140
  355. package/src/index.js +0 -8
  356. package/src/plugin.js +0 -142
  357. package/src/preset.js +0 -5
  358. package/src/theme.js +0 -158
  359. package/src/units.js +0 -212
  360. package/src/with-opacity.js +0 -6
package/src/colors.js DELETED
@@ -1,645 +0,0 @@
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)`,
123
- primary: {
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)`,
142
- },
143
- secondary: {
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)`,
166
- },
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
- },
173
- },
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)`,
181
- },
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
- },
288
- },
289
- error: {
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
- },
311
- },
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
- },
334
- },
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
- },
357
- },
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
- },
644
- },
645
- };