@sk-web-gui/core 0.1.93 → 1.0.1

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