@marianmeres/stuic 3.5.2 → 3.6.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 (64) hide show
  1. package/dist/components/Button/index.css +32 -92
  2. package/dist/components/Input/FieldAssets.svelte +1 -1
  3. package/dist/components/Input/FieldKeyValues.svelte +9 -9
  4. package/dist/components/Input/Fieldset.svelte +1 -1
  5. package/dist/components/Notifications/index.css +2 -2
  6. package/dist/components/ThemePreview/ThemePreview.svelte +10 -19
  7. package/dist/components/ThemePreview/index.css +14 -23
  8. package/dist/icons/index.d.ts +1 -0
  9. package/dist/icons/index.js +1 -0
  10. package/dist/themes/blue-orange.js +11 -47
  11. package/dist/themes/css/blue-orange.css +26 -26
  12. package/dist/themes/css/cyan-red.css +26 -26
  13. package/dist/themes/css/cyan-slate.css +26 -26
  14. package/dist/themes/css/emerald-amber-forest.css +30 -30
  15. package/dist/themes/css/emerald-pink.css +26 -26
  16. package/dist/themes/css/fuchsia-emerald.css +26 -26
  17. package/dist/themes/css/gray.css +27 -27
  18. package/dist/themes/css/indigo-amber.css +26 -26
  19. package/dist/themes/css/lime-fuchsia-neon.css +32 -32
  20. package/dist/themes/css/orange-pink-sunset.css +26 -26
  21. package/dist/themes/css/pink-emerald.css +26 -26
  22. package/dist/themes/css/pink-teal.css +26 -26
  23. package/dist/themes/css/purple-yellow.css +26 -26
  24. package/dist/themes/css/rainbow.css +26 -26
  25. package/dist/themes/css/red-blue.css +26 -26
  26. package/dist/themes/css/red-cyan.css +26 -26
  27. package/dist/themes/css/red-sky.css +26 -26
  28. package/dist/themes/css/rose-teal.css +26 -26
  29. package/dist/themes/css/sky-amber.css +26 -26
  30. package/dist/themes/css/slate-cyan.css +26 -26
  31. package/dist/themes/css/slate-teal-ocean.css +26 -26
  32. package/dist/themes/css/stone-orange-earth.css +33 -33
  33. package/dist/themes/css/stone.css +27 -27
  34. package/dist/themes/css/teal-rose.css +26 -26
  35. package/dist/themes/css/violet-lime.css +26 -26
  36. package/dist/themes/css/violet-rose-dusk.css +26 -26
  37. package/dist/themes/cyan-red.js +11 -47
  38. package/dist/themes/cyan-slate.js +11 -47
  39. package/dist/themes/emerald-amber-forest.js +13 -49
  40. package/dist/themes/emerald-pink.js +11 -47
  41. package/dist/themes/fuchsia-emerald.js +11 -47
  42. package/dist/themes/gray.js +11 -47
  43. package/dist/themes/indigo-amber.js +11 -47
  44. package/dist/themes/lime-fuchsia-neon.js +13 -49
  45. package/dist/themes/orange-pink-sunset.js +11 -47
  46. package/dist/themes/pink-emerald.js +11 -47
  47. package/dist/themes/pink-teal.js +11 -47
  48. package/dist/themes/purple-yellow.js +11 -47
  49. package/dist/themes/rainbow.js +11 -47
  50. package/dist/themes/red-blue.js +11 -47
  51. package/dist/themes/red-cyan.js +11 -47
  52. package/dist/themes/red-sky.js +11 -47
  53. package/dist/themes/rose-teal.js +11 -47
  54. package/dist/themes/sky-amber.js +11 -47
  55. package/dist/themes/slate-cyan.js +11 -47
  56. package/dist/themes/slate-teal-ocean.js +11 -47
  57. package/dist/themes/stone-orange-earth.js +13 -49
  58. package/dist/themes/stone.js +11 -47
  59. package/dist/themes/teal-rose.js +11 -47
  60. package/dist/themes/violet-lime.js +11 -47
  61. package/dist/themes/violet-rose-dusk.js +11 -47
  62. package/dist/utils/design-tokens.d.ts +1 -3
  63. package/dist/utils/design-tokens.js +57 -12
  64. package/package.json +1 -1
package/dist/themes/rainbow.js CHANGED
@@ -4,33 +4,23 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-blue-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-blue-700)",
8
- active: "var(--color-blue-800)",
9
7
  // foregroundHover/Active not defined → falls back to foreground
10
8
  },
11
9
  accent: {
12
10
  DEFAULT: "var(--color-violet-500)",
13
11
  foreground: "var(--color-white)",
14
- hover: "var(--color-violet-600)",
15
- active: "var(--color-violet-700)",
16
12
  },
17
13
  destructive: {
18
14
  DEFAULT: "var(--color-red-600)",
19
15
  foreground: "var(--color-white)",
20
- hover: "var(--color-red-700)",
21
- active: "var(--color-red-800)",
22
16
  },
23
17
  warning: {
24
18
  DEFAULT: "var(--color-amber-500)",
25
19
  foreground: "var(--color-white)",
26
- hover: "var(--color-amber-600)",
27
- active: "var(--color-amber-700)",
28
20
  },
29
21
  success: {
30
22
  DEFAULT: "var(--color-green-600)",
31
23
  foreground: "var(--color-white)",
32
- hover: "var(--color-green-700)",
33
- active: "var(--color-green-800)",
34
24
  },
35
25
  },
36
26
  role: {
@@ -40,23 +30,17 @@ const light = {
40
30
  foreground: "var(--color-slate-900)",
41
31
  // No hover/active for background (rarely needed)
42
32
  },
33
+ muted: {
34
+ DEFAULT: "var(--color-slate-100)",
35
+ foreground: "var(--color-slate-500)",
36
+ },
43
37
  surface: {
44
38
  DEFAULT: "var(--color-slate-200)",
45
39
  foreground: "var(--color-slate-900)",
46
- hover: "var(--color-slate-300)",
47
- active: "var(--color-slate-400)",
48
40
  },
49
41
  "surface-1": {
50
42
  DEFAULT: "var(--color-slate-300)",
51
43
  foreground: "var(--color-slate-900)",
52
- hover: "var(--color-slate-400)",
53
- active: "var(--color-slate-500)",
54
- },
55
- muted: {
56
- DEFAULT: "var(--color-slate-100)",
57
- foreground: "var(--color-slate-500)",
58
- hover: "var(--color-slate-200)",
59
- active: "var(--color-slate-300)",
60
44
  },
61
45
  },
62
46
  single: {
@@ -65,8 +49,6 @@ const light = {
65
49
  // Object with explicit hover/active
66
50
  border: {
67
51
  DEFAULT: "var(--color-slate-300)",
68
- hover: "var(--color-slate-400)",
69
- active: "var(--color-slate-500)",
70
52
  },
71
53
  input: {
72
54
  DEFAULT: "var(--color-white)",
@@ -84,32 +66,22 @@ const dark = {
84
66
  primary: {
85
67
  DEFAULT: "var(--color-blue-500)",
86
68
  foreground: "var(--color-white)",
87
- hover: "var(--color-blue-400)",
88
- active: "var(--color-blue-300)",
89
69
  },
90
70
  accent: {
91
71
  DEFAULT: "var(--color-violet-400)",
92
72
  foreground: "var(--color-white)",
93
- hover: "var(--color-violet-300)",
94
- active: "var(--color-violet-200)",
95
73
  },
96
74
  destructive: {
97
75
  DEFAULT: "var(--color-red-500)",
98
76
  foreground: "var(--color-white)",
99
- hover: "var(--color-red-400)",
100
- active: "var(--color-red-300)",
101
77
  },
102
78
  warning: {
103
79
  DEFAULT: "var(--color-amber-400)",
104
80
  foreground: "var(--color-black)",
105
- hover: "var(--color-amber-300)",
106
- active: "var(--color-amber-200)",
107
81
  },
108
82
  success: {
109
83
  DEFAULT: "var(--color-green-500)",
110
84
  foreground: "var(--color-white)",
111
- hover: "var(--color-green-400)",
112
- active: "var(--color-green-300)",
113
85
  },
114
86
  },
115
87
  role: {
@@ -118,31 +90,23 @@ const dark = {
118
90
  DEFAULT: "var(--color-slate-900)",
119
91
  foreground: "var(--color-slate-50)",
120
92
  },
121
- surface: {
93
+ muted: {
122
94
  DEFAULT: "var(--color-slate-800)",
123
- foreground: "var(--color-slate-100)",
124
- hover: "var(--color-slate-700)",
125
- active: "var(--color-slate-600)",
95
+ foreground: "var(--color-slate-400)",
126
96
  },
127
- "surface-1": {
97
+ surface: {
128
98
  DEFAULT: "var(--color-slate-700)",
129
- foreground: "var(--color-slate-100)",
130
- hover: "var(--color-slate-600)",
131
- active: "var(--color-slate-500)",
99
+ foreground: "var(--color-slate-300)",
132
100
  },
133
- muted: {
134
- DEFAULT: "var(--color-slate-700)",
135
- foreground: "var(--color-slate-400)",
136
- hover: "var(--color-slate-600)",
137
- active: "var(--color-slate-500)",
101
+ "surface-1": {
102
+ DEFAULT: "var(--color-slate-600)",
103
+ foreground: "var(--color-slate-200)",
138
104
  },
139
105
  },
140
106
  single: {
141
107
  foreground: "var(--color-slate-50)",
142
108
  border: {
143
109
  DEFAULT: "var(--color-slate-700)",
144
- hover: "var(--color-slate-600)",
145
- active: "var(--color-slate-500)",
146
110
  },
147
111
  input: {
148
112
  DEFAULT: "var(--color-slate-800)",
package/dist/themes/red-blue.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-red-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-red-700)",
8
- active: "var(--color-red-800)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-blue-400)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-blue-500)",
14
- active: "var(--color-blue-600)",
15
11
  },
16
12
  destructive: {
17
13
  DEFAULT: "var(--color-red-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-red-700)",
20
- active: "var(--color-red-800)",
21
15
  },
22
16
  warning: {
23
17
  DEFAULT: "var(--color-amber-500)",
24
18
  foreground: "var(--color-white)",
25
- hover: "var(--color-amber-600)",
26
- active: "var(--color-amber-700)",
27
19
  },
28
20
  success: {
29
21
  DEFAULT: "var(--color-emerald-600)",
30
22
  foreground: "var(--color-white)",
31
- hover: "var(--color-emerald-700)",
32
- active: "var(--color-emerald-800)",
33
23
  },
34
24
  },
35
25
  role: {
@@ -38,31 +28,23 @@ const light = {
38
28
  DEFAULT: "var(--color-white)",
39
29
  foreground: "var(--color-slate-900)",
40
30
  },
31
+ muted: {
32
+ DEFAULT: "var(--color-slate-100)",
33
+ foreground: "var(--color-slate-500)",
34
+ },
41
35
  surface: {
42
36
  DEFAULT: "var(--color-slate-200)",
43
37
  foreground: "var(--color-slate-900)",
44
- hover: "var(--color-slate-300)",
45
- active: "var(--color-slate-400)",
46
38
  },
47
39
  "surface-1": {
48
40
  DEFAULT: "var(--color-slate-300)",
49
41
  foreground: "var(--color-slate-900)",
50
- hover: "var(--color-slate-400)",
51
- active: "var(--color-slate-500)",
52
- },
53
- muted: {
54
- DEFAULT: "var(--color-slate-100)",
55
- foreground: "var(--color-slate-500)",
56
- hover: "var(--color-slate-200)",
57
- active: "var(--color-slate-300)",
58
42
  },
59
43
  },
60
44
  single: {
61
45
  foreground: "var(--color-slate-900)",
62
46
  border: {
63
47
  DEFAULT: "var(--color-slate-300)",
64
- hover: "var(--color-slate-400)",
65
- active: "var(--color-slate-500)",
66
48
  },
67
49
  input: {
68
50
  DEFAULT: "var(--color-white)",
@@ -79,32 +61,22 @@ const dark = {
79
61
  primary: {
80
62
  DEFAULT: "var(--color-red-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-red-400)",
83
- active: "var(--color-red-300)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-blue-400)",
87
67
  foreground: "var(--color-white)",
88
- hover: "var(--color-blue-300)",
89
- active: "var(--color-blue-200)",
90
68
  },
91
69
  destructive: {
92
70
  DEFAULT: "var(--color-red-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-red-400)",
95
- active: "var(--color-red-300)",
96
72
  },
97
73
  warning: {
98
74
  DEFAULT: "var(--color-amber-400)",
99
75
  foreground: "var(--color-white)",
100
- hover: "var(--color-amber-300)",
101
- active: "var(--color-amber-200)",
102
76
  },
103
77
  success: {
104
78
  DEFAULT: "var(--color-emerald-500)",
105
79
  foreground: "var(--color-white)",
106
- hover: "var(--color-emerald-400)",
107
- active: "var(--color-emerald-300)",
108
80
  },
109
81
  },
110
82
  role: {
@@ -113,31 +85,23 @@ const dark = {
113
85
  DEFAULT: "var(--color-slate-900)",
114
86
  foreground: "var(--color-slate-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-slate-800)",
118
- foreground: "var(--color-slate-100)",
119
- hover: "var(--color-slate-700)",
120
- active: "var(--color-slate-600)",
90
+ foreground: "var(--color-slate-400)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-slate-700)",
124
- foreground: "var(--color-slate-100)",
125
- hover: "var(--color-slate-600)",
126
- active: "var(--color-slate-500)",
94
+ foreground: "var(--color-slate-300)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-slate-700)",
130
- foreground: "var(--color-slate-400)",
131
- hover: "var(--color-slate-600)",
132
- active: "var(--color-slate-500)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-slate-600)",
98
+ foreground: "var(--color-slate-200)",
133
99
  },
134
100
  },
135
101
  single: {
136
102
  foreground: "var(--color-slate-50)",
137
103
  border: {
138
104
  DEFAULT: "var(--color-slate-700)",
139
- hover: "var(--color-slate-600)",
140
- active: "var(--color-slate-500)",
141
105
  },
142
106
  input: {
143
107
  DEFAULT: "var(--color-slate-800)",
package/dist/themes/red-cyan.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-red-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-red-700)",
8
- active: "var(--color-red-800)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-cyan-500)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-cyan-600)",
14
- active: "var(--color-cyan-700)",
15
11
  },
16
12
  destructive: {
17
13
  DEFAULT: "var(--color-red-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-red-700)",
20
- active: "var(--color-red-800)",
21
15
  },
22
16
  warning: {
23
17
  DEFAULT: "var(--color-orange-500)",
24
18
  foreground: "var(--color-white)",
25
- hover: "var(--color-orange-600)",
26
- active: "var(--color-orange-700)",
27
19
  },
28
20
  success: {
29
21
  DEFAULT: "var(--color-teal-600)",
30
22
  foreground: "var(--color-white)",
31
- hover: "var(--color-teal-700)",
32
- active: "var(--color-teal-800)",
33
23
  },
34
24
  },
35
25
  role: {
@@ -38,31 +28,23 @@ const light = {
38
28
  DEFAULT: "var(--color-white)",
39
29
  foreground: "var(--color-stone-900)",
40
30
  },
31
+ muted: {
32
+ DEFAULT: "var(--color-stone-100)",
33
+ foreground: "var(--color-stone-500)",
34
+ },
41
35
  surface: {
42
36
  DEFAULT: "var(--color-stone-200)",
43
37
  foreground: "var(--color-stone-900)",
44
- hover: "var(--color-stone-300)",
45
- active: "var(--color-stone-400)",
46
38
  },
47
39
  "surface-1": {
48
40
  DEFAULT: "var(--color-stone-300)",
49
41
  foreground: "var(--color-stone-900)",
50
- hover: "var(--color-stone-400)",
51
- active: "var(--color-stone-500)",
52
- },
53
- muted: {
54
- DEFAULT: "var(--color-stone-100)",
55
- foreground: "var(--color-stone-500)",
56
- hover: "var(--color-stone-200)",
57
- active: "var(--color-stone-300)",
58
42
  },
59
43
  },
60
44
  single: {
61
45
  foreground: "var(--color-stone-900)",
62
46
  border: {
63
47
  DEFAULT: "var(--color-stone-300)",
64
- hover: "var(--color-stone-400)",
65
- active: "var(--color-stone-500)",
66
48
  },
67
49
  input: {
68
50
  DEFAULT: "var(--color-white)",
@@ -79,32 +61,22 @@ const dark = {
79
61
  primary: {
80
62
  DEFAULT: "var(--color-red-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-red-400)",
83
- active: "var(--color-red-300)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-cyan-400)",
87
67
  foreground: "var(--color-white)",
88
- hover: "var(--color-cyan-300)",
89
- active: "var(--color-cyan-200)",
90
68
  },
91
69
  destructive: {
92
70
  DEFAULT: "var(--color-red-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-red-400)",
95
- active: "var(--color-red-300)",
96
72
  },
97
73
  warning: {
98
74
  DEFAULT: "var(--color-orange-400)",
99
75
  foreground: "var(--color-white)",
100
- hover: "var(--color-orange-300)",
101
- active: "var(--color-orange-200)",
102
76
  },
103
77
  success: {
104
78
  DEFAULT: "var(--color-teal-500)",
105
79
  foreground: "var(--color-white)",
106
- hover: "var(--color-teal-400)",
107
- active: "var(--color-teal-300)",
108
80
  },
109
81
  },
110
82
  role: {
@@ -113,31 +85,23 @@ const dark = {
113
85
  DEFAULT: "var(--color-stone-900)",
114
86
  foreground: "var(--color-stone-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-stone-800)",
118
- foreground: "var(--color-stone-100)",
119
- hover: "var(--color-stone-700)",
120
- active: "var(--color-stone-600)",
90
+ foreground: "var(--color-stone-400)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-stone-700)",
124
- foreground: "var(--color-stone-100)",
125
- hover: "var(--color-stone-600)",
126
- active: "var(--color-stone-500)",
94
+ foreground: "var(--color-stone-300)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-stone-700)",
130
- foreground: "var(--color-stone-400)",
131
- hover: "var(--color-stone-600)",
132
- active: "var(--color-stone-500)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-stone-600)",
98
+ foreground: "var(--color-stone-200)",
133
99
  },
134
100
  },
135
101
  single: {
136
102
  foreground: "var(--color-stone-50)",
137
103
  border: {
138
104
  DEFAULT: "var(--color-stone-700)",
139
- hover: "var(--color-stone-600)",
140
- active: "var(--color-stone-500)",
141
105
  },
142
106
  input: {
143
107
  DEFAULT: "var(--color-stone-800)",
package/dist/themes/red-sky.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-red-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-red-700)",
8
- active: "var(--color-red-800)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-sky-400)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-sky-500)",
14
- active: "var(--color-sky-600)",
15
11
  },
16
12
  destructive: {
17
13
  DEFAULT: "var(--color-red-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-red-700)",
20
- active: "var(--color-red-800)",
21
15
  },
22
16
  warning: {
23
17
  DEFAULT: "var(--color-amber-500)",
24
18
  foreground: "var(--color-white)",
25
- hover: "var(--color-amber-600)",
26
- active: "var(--color-amber-700)",
27
19
  },
28
20
  success: {
29
21
  DEFAULT: "var(--color-emerald-600)",
30
22
  foreground: "var(--color-white)",
31
- hover: "var(--color-emerald-700)",
32
- active: "var(--color-emerald-800)",
33
23
  },
34
24
  },
35
25
  role: {
@@ -38,31 +28,23 @@ const light = {
38
28
  DEFAULT: "var(--color-white)",
39
29
  foreground: "var(--color-stone-900)",
40
30
  },
31
+ muted: {
32
+ DEFAULT: "var(--color-stone-100)",
33
+ foreground: "var(--color-stone-500)",
34
+ },
41
35
  surface: {
42
36
  DEFAULT: "var(--color-stone-200)",
43
37
  foreground: "var(--color-stone-900)",
44
- hover: "var(--color-stone-300)",
45
- active: "var(--color-stone-400)",
46
38
  },
47
39
  "surface-1": {
48
40
  DEFAULT: "var(--color-stone-300)",
49
41
  foreground: "var(--color-stone-900)",
50
- hover: "var(--color-stone-400)",
51
- active: "var(--color-stone-500)",
52
- },
53
- muted: {
54
- DEFAULT: "var(--color-stone-100)",
55
- foreground: "var(--color-stone-500)",
56
- hover: "var(--color-stone-200)",
57
- active: "var(--color-stone-300)",
58
42
  },
59
43
  },
60
44
  single: {
61
45
  foreground: "var(--color-stone-900)",
62
46
  border: {
63
47
  DEFAULT: "var(--color-stone-300)",
64
- hover: "var(--color-stone-400)",
65
- active: "var(--color-stone-500)",
66
48
  },
67
49
  input: {
68
50
  DEFAULT: "var(--color-white)",
@@ -79,32 +61,22 @@ const dark = {
79
61
  primary: {
80
62
  DEFAULT: "var(--color-red-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-red-400)",
83
- active: "var(--color-red-300)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-sky-400)",
87
67
  foreground: "var(--color-white)",
88
- hover: "var(--color-sky-300)",
89
- active: "var(--color-sky-200)",
90
68
  },
91
69
  destructive: {
92
70
  DEFAULT: "var(--color-red-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-red-400)",
95
- active: "var(--color-red-300)",
96
72
  },
97
73
  warning: {
98
74
  DEFAULT: "var(--color-amber-400)",
99
75
  foreground: "var(--color-white)",
100
- hover: "var(--color-amber-300)",
101
- active: "var(--color-amber-200)",
102
76
  },
103
77
  success: {
104
78
  DEFAULT: "var(--color-emerald-500)",
105
79
  foreground: "var(--color-white)",
106
- hover: "var(--color-emerald-400)",
107
- active: "var(--color-emerald-300)",
108
80
  },
109
81
  },
110
82
  role: {
@@ -113,31 +85,23 @@ const dark = {
113
85
  DEFAULT: "var(--color-stone-900)",
114
86
  foreground: "var(--color-stone-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-stone-800)",
118
- foreground: "var(--color-stone-100)",
119
- hover: "var(--color-stone-700)",
120
- active: "var(--color-stone-600)",
90
+ foreground: "var(--color-stone-400)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-stone-700)",
124
- foreground: "var(--color-stone-100)",
125
- hover: "var(--color-stone-600)",
126
- active: "var(--color-stone-500)",
94
+ foreground: "var(--color-stone-300)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-stone-700)",
130
- foreground: "var(--color-stone-400)",
131
- hover: "var(--color-stone-600)",
132
- active: "var(--color-stone-500)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-stone-600)",
98
+ foreground: "var(--color-stone-200)",
133
99
  },
134
100
  },
135
101
  single: {
136
102
  foreground: "var(--color-stone-50)",
137
103
  border: {
138
104
  DEFAULT: "var(--color-stone-700)",
139
- hover: "var(--color-stone-600)",
140
- active: "var(--color-stone-500)",
141
105
  },
142
106
  input: {
143
107
  DEFAULT: "var(--color-stone-800)",