@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/rose-teal.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-rose-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-rose-700)",
8
- active: "var(--color-rose-800)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-teal-500)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-teal-600)",
14
- active: "var(--color-teal-700)",
15
11
  },
16
12
  destructive: {
17
13
  DEFAULT: "var(--color-rose-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-rose-700)",
20
- active: "var(--color-rose-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-neutral-900)",
40
30
  },
31
+ muted: {
32
+ DEFAULT: "var(--color-neutral-100)",
33
+ foreground: "var(--color-neutral-500)",
34
+ },
41
35
  surface: {
42
36
  DEFAULT: "var(--color-neutral-200)",
43
37
  foreground: "var(--color-neutral-900)",
44
- hover: "var(--color-neutral-300)",
45
- active: "var(--color-neutral-400)",
46
38
  },
47
39
  "surface-1": {
48
40
  DEFAULT: "var(--color-neutral-300)",
49
41
  foreground: "var(--color-neutral-900)",
50
- hover: "var(--color-neutral-400)",
51
- active: "var(--color-neutral-500)",
52
- },
53
- muted: {
54
- DEFAULT: "var(--color-neutral-100)",
55
- foreground: "var(--color-neutral-500)",
56
- hover: "var(--color-neutral-200)",
57
- active: "var(--color-neutral-300)",
58
42
  },
59
43
  },
60
44
  single: {
61
45
  foreground: "var(--color-neutral-900)",
62
46
  border: {
63
47
  DEFAULT: "var(--color-neutral-300)",
64
- hover: "var(--color-neutral-400)",
65
- active: "var(--color-neutral-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-rose-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-rose-400)",
83
- active: "var(--color-rose-300)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-teal-400)",
87
67
  foreground: "var(--color-white)",
88
- hover: "var(--color-teal-300)",
89
- active: "var(--color-teal-200)",
90
68
  },
91
69
  destructive: {
92
70
  DEFAULT: "var(--color-rose-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-rose-400)",
95
- active: "var(--color-rose-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-neutral-900)",
114
86
  foreground: "var(--color-neutral-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-neutral-800)",
118
- foreground: "var(--color-neutral-100)",
119
- hover: "var(--color-neutral-700)",
120
- active: "var(--color-neutral-600)",
90
+ foreground: "var(--color-neutral-400)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-neutral-700)",
124
- foreground: "var(--color-neutral-100)",
125
- hover: "var(--color-neutral-600)",
126
- active: "var(--color-neutral-500)",
94
+ foreground: "var(--color-neutral-300)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-neutral-700)",
130
- foreground: "var(--color-neutral-400)",
131
- hover: "var(--color-neutral-600)",
132
- active: "var(--color-neutral-500)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-neutral-600)",
98
+ foreground: "var(--color-neutral-200)",
133
99
  },
134
100
  },
135
101
  single: {
136
102
  foreground: "var(--color-neutral-50)",
137
103
  border: {
138
104
  DEFAULT: "var(--color-neutral-700)",
139
- hover: "var(--color-neutral-600)",
140
- active: "var(--color-neutral-500)",
141
105
  },
142
106
  input: {
143
107
  DEFAULT: "var(--color-neutral-800)",
package/dist/themes/sky-amber.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-sky-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-sky-700)",
8
- active: "var(--color-sky-800)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-amber-500)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-amber-600)",
14
- active: "var(--color-amber-700)",
15
11
  },
16
12
  destructive: {
17
13
  DEFAULT: "var(--color-rose-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-rose-700)",
20
- active: "var(--color-rose-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-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-sky-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-sky-400)",
83
- active: "var(--color-sky-300)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-amber-400)",
87
67
  foreground: "var(--color-black)",
88
- hover: "var(--color-amber-300)",
89
- active: "var(--color-amber-200)",
90
68
  },
91
69
  destructive: {
92
70
  DEFAULT: "var(--color-rose-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-rose-400)",
95
- active: "var(--color-rose-300)",
96
72
  },
97
73
  warning: {
98
74
  DEFAULT: "var(--color-amber-400)",
99
75
  foreground: "var(--color-black)",
100
- hover: "var(--color-amber-300)",
101
- active: "var(--color-amber-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/slate-cyan.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-slate-600)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-slate-700)",
8
- active: "var(--color-slate-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-rose-600)",
18
14
  foreground: "var(--color-white)",
19
- hover: "var(--color-rose-700)",
20
- active: "var(--color-rose-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-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-neutral-900)",
40
30
  },
31
+ muted: {
32
+ DEFAULT: "var(--color-neutral-100)",
33
+ foreground: "var(--color-neutral-500)",
34
+ },
41
35
  surface: {
42
36
  DEFAULT: "var(--color-neutral-200)",
43
37
  foreground: "var(--color-neutral-900)",
44
- hover: "var(--color-neutral-300)",
45
- active: "var(--color-neutral-400)",
46
38
  },
47
39
  "surface-1": {
48
40
  DEFAULT: "var(--color-neutral-300)",
49
41
  foreground: "var(--color-neutral-900)",
50
- hover: "var(--color-neutral-400)",
51
- active: "var(--color-neutral-500)",
52
- },
53
- muted: {
54
- DEFAULT: "var(--color-neutral-100)",
55
- foreground: "var(--color-neutral-500)",
56
- hover: "var(--color-neutral-200)",
57
- active: "var(--color-neutral-300)",
58
42
  },
59
43
  },
60
44
  single: {
61
45
  foreground: "var(--color-neutral-900)",
62
46
  border: {
63
47
  DEFAULT: "var(--color-neutral-300)",
64
- hover: "var(--color-neutral-400)",
65
- active: "var(--color-neutral-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-slate-500)",
81
63
  foreground: "var(--color-white)",
82
- hover: "var(--color-slate-400)",
83
- active: "var(--color-slate-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-rose-500)",
93
71
  foreground: "var(--color-white)",
94
- hover: "var(--color-rose-400)",
95
- active: "var(--color-rose-300)",
96
72
  },
97
73
  warning: {
98
74
  DEFAULT: "var(--color-amber-400)",
99
75
  foreground: "var(--color-black)",
100
- hover: "var(--color-amber-300)",
101
- active: "var(--color-amber-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-neutral-900)",
114
86
  foreground: "var(--color-neutral-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-neutral-800)",
118
- foreground: "var(--color-neutral-100)",
119
- hover: "var(--color-neutral-700)",
120
- active: "var(--color-neutral-600)",
90
+ foreground: "var(--color-neutral-400)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-neutral-700)",
124
- foreground: "var(--color-neutral-100)",
125
- hover: "var(--color-neutral-600)",
126
- active: "var(--color-neutral-500)",
94
+ foreground: "var(--color-neutral-300)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-neutral-700)",
130
- foreground: "var(--color-neutral-400)",
131
- hover: "var(--color-neutral-600)",
132
- active: "var(--color-neutral-500)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-neutral-600)",
98
+ foreground: "var(--color-neutral-200)",
133
99
  },
134
100
  },
135
101
  single: {
136
102
  foreground: "var(--color-neutral-50)",
137
103
  border: {
138
104
  DEFAULT: "var(--color-neutral-700)",
139
- hover: "var(--color-neutral-600)",
140
- active: "var(--color-neutral-500)",
141
105
  },
142
106
  input: {
143
107
  DEFAULT: "var(--color-neutral-800)",
package/dist/themes/slate-teal-ocean.js CHANGED
@@ -4,32 +4,22 @@ const light = {
4
4
  primary: {
5
5
  DEFAULT: "var(--color-slate-700)",
6
6
  foreground: "var(--color-white)",
7
- hover: "var(--color-slate-800)",
8
- active: "var(--color-slate-900)",
9
7
  },
10
8
  accent: {
11
9
  DEFAULT: "var(--color-teal-500)",
12
10
  foreground: "var(--color-white)",
13
- hover: "var(--color-teal-600)",
14
- active: "var(--color-teal-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-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-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-slate-50)",
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-200)",
55
- foreground: "var(--color-slate-500)",
56
- hover: "var(--color-slate-300)",
57
- active: "var(--color-slate-400)",
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-slate-400)",
81
63
  foreground: "var(--color-slate-950)",
82
- hover: "var(--color-slate-300)",
83
- active: "var(--color-slate-200)",
84
64
  },
85
65
  accent: {
86
66
  DEFAULT: "var(--color-teal-400)",
87
67
  foreground: "var(--color-white)",
88
- hover: "var(--color-teal-300)",
89
- active: "var(--color-teal-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-black)",
100
- hover: "var(--color-amber-300)",
101
- active: "var(--color-amber-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-slate-950)",
114
86
  foreground: "var(--color-slate-50)",
115
87
  },
116
- surface: {
88
+ muted: {
117
89
  DEFAULT: "var(--color-slate-900)",
118
- foreground: "var(--color-slate-100)",
119
- hover: "var(--color-slate-800)",
120
- active: "var(--color-slate-700)",
90
+ foreground: "var(--color-slate-500)",
121
91
  },
122
- "surface-1": {
92
+ surface: {
123
93
  DEFAULT: "var(--color-slate-800)",
124
- foreground: "var(--color-slate-100)",
125
- hover: "var(--color-slate-700)",
126
- active: "var(--color-slate-600)",
94
+ foreground: "var(--color-slate-400)",
127
95
  },
128
- muted: {
129
- DEFAULT: "var(--color-slate-800)",
130
- foreground: "var(--color-slate-500)",
131
- hover: "var(--color-slate-700)",
132
- active: "var(--color-slate-600)",
96
+ "surface-1": {
97
+ DEFAULT: "var(--color-slate-700)",
98
+ foreground: "var(--color-slate-300)",
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-900)",