@marianmeres/stuic 3.0.1 → 3.0.3

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 (81) hide show
  1. package/dist/components/AlertConfirmPrompt/index.css +4 -4
  2. package/dist/components/Button/index.css +7 -7
  3. package/dist/components/DismissibleMessage/DismissibleMessage.svelte +1 -2
  4. package/dist/components/DismissibleMessage/index.css +10 -10
  5. package/dist/components/DropdownMenu/DropdownMenu.svelte +317 -73
  6. package/dist/components/DropdownMenu/DropdownMenu.svelte.d.ts +19 -0
  7. package/dist/components/DropdownMenu/index.css +64 -0
  8. package/dist/components/DropdownMenu/index.d.ts +1 -1
  9. package/dist/components/HoverExpandableWidth/HoverExpandableWidth.svelte +3 -1
  10. package/dist/components/HoverExpandableWidth/HoverExpandableWidth.svelte.d.ts +1 -0
  11. package/dist/components/Input/index.css +1 -1
  12. package/dist/components/Switch/index.css +1 -1
  13. package/dist/components/ThemePreview/ThemePreview.svelte +17 -17
  14. package/dist/components/ThemePreview/index.css +11 -12
  15. package/dist/icons/index.d.ts +1 -0
  16. package/dist/icons/index.js +1 -0
  17. package/dist/index.css +1 -1
  18. package/dist/themes/css/blue-orange.css +253 -0
  19. package/dist/themes/css/cyan-red.css +253 -0
  20. package/dist/themes/css/cyan-slate.css +253 -0
  21. package/dist/themes/css/emerald-amber-forest.css +253 -0
  22. package/dist/themes/css/emerald-pink.css +253 -0
  23. package/dist/themes/css/fuchsia-emerald.css +253 -0
  24. package/dist/themes/css/gray.css +253 -0
  25. package/dist/themes/css/indigo-amber.css +253 -0
  26. package/dist/themes/css/lime-fuchsia-neon.css +253 -0
  27. package/dist/themes/css/neutral.css +253 -0
  28. package/dist/themes/css/orange-pink-sunset.css +253 -0
  29. package/dist/themes/css/pink-emerald.css +253 -0
  30. package/dist/themes/css/pink-teal.css +253 -0
  31. package/dist/themes/css/purple-yellow.css +253 -0
  32. package/dist/themes/css/rainbow.css +253 -0
  33. package/dist/themes/css/red-blue.css +253 -0
  34. package/dist/themes/css/red-cyan.css +253 -0
  35. package/dist/themes/css/red-sky.css +253 -0
  36. package/dist/themes/css/rose-teal.css +253 -0
  37. package/dist/themes/css/sky-amber.css +253 -0
  38. package/dist/themes/css/slate-cyan.css +253 -0
  39. package/dist/themes/css/slate-teal-ocean.css +253 -0
  40. package/dist/themes/css/stone-orange-earth.css +253 -0
  41. package/dist/themes/css/teal-rose.css +253 -0
  42. package/dist/themes/css/violet-lime.css +253 -0
  43. package/dist/themes/css/violet-rose-dusk.css +253 -0
  44. package/dist/themes/emerald-amber-forest.d.ts +6 -0
  45. package/dist/themes/emerald-amber-forest.js +175 -0
  46. package/dist/themes/lime-fuchsia-neon.d.ts +6 -0
  47. package/dist/themes/lime-fuchsia-neon.js +175 -0
  48. package/dist/themes/orange-pink-sunset.d.ts +6 -0
  49. package/dist/themes/orange-pink-sunset.js +175 -0
  50. package/dist/themes/pink-teal.d.ts +6 -0
  51. package/dist/themes/pink-teal.js +175 -0
  52. package/dist/themes/red-sky.d.ts +6 -0
  53. package/dist/themes/red-sky.js +175 -0
  54. package/dist/themes/slate-teal-ocean.d.ts +6 -0
  55. package/dist/themes/slate-teal-ocean.js +175 -0
  56. package/dist/themes/stone-orange-earth.d.ts +6 -0
  57. package/dist/themes/stone-orange-earth.js +175 -0
  58. package/dist/themes/violet-rose-dusk.d.ts +6 -0
  59. package/dist/themes/violet-rose-dusk.js +175 -0
  60. package/dist/utils/design-tokens.d.ts +1 -1
  61. package/dist/utils/design-tokens.js +15 -1
  62. package/package.json +2 -2
  63. package/dist/base.css +0 -17
  64. package/dist/themes/blue-orange.css +0 -217
  65. package/dist/themes/cyan-red.css +0 -217
  66. package/dist/themes/cyan-slate.css +0 -217
  67. package/dist/themes/emerald-pink.css +0 -217
  68. package/dist/themes/fuchsia-emerald.css +0 -217
  69. package/dist/themes/gray.css +0 -217
  70. package/dist/themes/indigo-amber.css +0 -217
  71. package/dist/themes/neutral.css +0 -217
  72. package/dist/themes/pink-emerald.css +0 -217
  73. package/dist/themes/purple-yellow.css +0 -217
  74. package/dist/themes/rainbow.css +0 -217
  75. package/dist/themes/red-blue.css +0 -217
  76. package/dist/themes/red-cyan.css +0 -217
  77. package/dist/themes/rose-teal.css +0 -217
  78. package/dist/themes/sky-amber.css +0 -217
  79. package/dist/themes/slate-cyan.css +0 -217
  80. package/dist/themes/teal-rose.css +0 -217
  81. package/dist/themes/violet-lime.css +0 -217
package/dist/themes/red-cyan.css DELETED
@@ -1,217 +0,0 @@
1
- /* prettier-ignore */
2
- :root {
3
- --stuic-color-primary: var(--color-red-600, #737373);
4
-
5
- --stuic-color-primary-hover: var(--color-red-700, #737373);
6
- --stuic-color-primary-active: var(--color-red-800, #737373);
7
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
8
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
9
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
10
-
11
- --stuic-color-accent: var(--color-cyan-500, #737373);
12
-
13
- --stuic-color-accent-hover: var(--color-cyan-600, #737373);
14
- --stuic-color-accent-active: var(--color-cyan-700, #737373);
15
- --stuic-color-accent-foreground: var(--color-white, #ffffff);
16
- --stuic-color-accent-foreground-hover: var(--color-white, #ffffff);
17
- --stuic-color-accent-foreground-active: var(--color-white, #ffffff);
18
-
19
- --stuic-color-destructive: var(--color-red-600, #737373);
20
-
21
- --stuic-color-destructive-hover: var(--color-red-700, #737373);
22
- --stuic-color-destructive-active: var(--color-red-800, #737373);
23
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
24
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
25
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
26
-
27
- --stuic-color-warning: var(--color-orange-500, #737373);
28
-
29
- --stuic-color-warning-hover: var(--color-orange-600, #737373);
30
- --stuic-color-warning-active: var(--color-orange-700, #737373);
31
- --stuic-color-warning-foreground: var(--color-white, #ffffff);
32
- --stuic-color-warning-foreground-hover: var(--color-white, #ffffff);
33
- --stuic-color-warning-foreground-active: var(--color-white, #ffffff);
34
-
35
- --stuic-color-success: var(--color-teal-600, #737373);
36
-
37
- --stuic-color-success-hover: var(--color-teal-700, #737373);
38
- --stuic-color-success-active: var(--color-teal-800, #737373);
39
- --stuic-color-success-foreground: var(--color-white, #ffffff);
40
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
41
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
42
-
43
- --stuic-color-info: var(--color-cyan-500, #737373);
44
-
45
- --stuic-color-info-hover: var(--color-cyan-600, #737373);
46
- --stuic-color-info-active: var(--color-cyan-700, #737373);
47
- --stuic-color-info-foreground: var(--color-white, #ffffff);
48
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
49
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
50
-
51
- --stuic-color-background: var(--color-white, #ffffff);
52
-
53
- --stuic-color-background-hover: var(--color-white, #ffffff);
54
- --stuic-color-background-active: var(--color-white, #ffffff);
55
- --stuic-color-background-foreground: var(--color-stone-900, #737373);
56
- --stuic-color-background-foreground-hover: var(--color-stone-900, #737373);
57
- --stuic-color-background-foreground-active: var(--color-stone-900, #737373);
58
-
59
- --stuic-color-surface: var(--color-stone-50, #737373);
60
-
61
- --stuic-color-surface-hover: var(--color-stone-100, #737373);
62
- --stuic-color-surface-active: var(--color-stone-200, #737373);
63
- --stuic-color-surface-foreground: var(--color-stone-900, #737373);
64
- --stuic-color-surface-foreground-hover: var(--color-stone-900, #737373);
65
- --stuic-color-surface-foreground-active: var(--color-stone-900, #737373);
66
-
67
- --stuic-color-surface-1: var(--color-stone-100, #737373);
68
- --stuic-color-surface-1-hover: var(--color-stone-200, #737373);
69
- --stuic-color-surface-1-active: var(--color-stone-300, #737373);
70
- --stuic-color-surface-1-foreground: var(--color-stone-900, #737373);
71
- --stuic-color-surface-1-foreground-hover: var(--color-stone-900, #737373);
72
- --stuic-color-surface-1-foreground-active: var(--color-stone-900, #737373);
73
-
74
- --stuic-color-surface-2: var(--color-stone-200, #737373);
75
- --stuic-color-surface-2-hover: var(--color-stone-300, #737373);
76
- --stuic-color-surface-2-active: var(--color-stone-400, #737373);
77
- --stuic-color-surface-2-foreground: var(--color-stone-900, #737373);
78
- --stuic-color-surface-2-foreground-hover: var(--color-stone-900, #737373);
79
- --stuic-color-surface-2-foreground-active: var(--color-stone-900, #737373);
80
-
81
- --stuic-color-muted: var(--color-stone-100, #737373);
82
-
83
- --stuic-color-muted-hover: var(--color-stone-200, #737373);
84
- --stuic-color-muted-active: var(--color-stone-300, #737373);
85
- --stuic-color-muted-foreground: var(--color-stone-500, #737373);
86
- --stuic-color-muted-foreground-hover: var(--color-stone-500, #737373);
87
- --stuic-color-muted-foreground-active: var(--color-stone-500, #737373);
88
-
89
- --stuic-color-foreground: var(--color-stone-900, #737373);
90
-
91
- --stuic-color-foreground-hover: var(--color-stone-900, #737373);
92
- --stuic-color-foreground-active: var(--color-stone-900, #737373);
93
-
94
- --stuic-color-border: var(--color-stone-200, #737373);
95
-
96
- --stuic-color-border-hover: var(--color-stone-300, #737373);
97
- --stuic-color-border-active: var(--color-stone-400, #737373);
98
-
99
- --stuic-color-input: var(--color-white, #ffffff);
100
-
101
- --stuic-color-input-hover: var(--color-stone-50, #737373);
102
- --stuic-color-input-active: var(--color-white, #ffffff);
103
-
104
- --stuic-color-ring: color-mix(in srgb, var(--color-red-600) 20%, transparent);
105
-
106
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-red-600) 20%, transparent);
107
- --stuic-color-ring-active: color-mix(in srgb, var(--color-red-600) 20%, transparent);
108
- }
109
-
110
- /* prettier-ignore */
111
- :root.dark {
112
- --stuic-color-primary: var(--color-red-500, #737373);
113
-
114
- --stuic-color-primary-hover: var(--color-red-400, #737373);
115
- --stuic-color-primary-active: var(--color-red-300, #737373);
116
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
117
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
118
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
119
-
120
- --stuic-color-accent: var(--color-cyan-400, #737373);
121
-
122
- --stuic-color-accent-hover: var(--color-cyan-300, #737373);
123
- --stuic-color-accent-active: var(--color-cyan-200, #737373);
124
- --stuic-color-accent-foreground: var(--color-white, #ffffff);
125
- --stuic-color-accent-foreground-hover: var(--color-white, #ffffff);
126
- --stuic-color-accent-foreground-active: var(--color-white, #ffffff);
127
-
128
- --stuic-color-destructive: var(--color-red-500, #737373);
129
-
130
- --stuic-color-destructive-hover: var(--color-red-400, #737373);
131
- --stuic-color-destructive-active: var(--color-red-300, #737373);
132
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
133
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
134
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
135
-
136
- --stuic-color-warning: var(--color-orange-400, #737373);
137
-
138
- --stuic-color-warning-hover: var(--color-orange-300, #737373);
139
- --stuic-color-warning-active: var(--color-orange-200, #737373);
140
- --stuic-color-warning-foreground: var(--color-white, #ffffff);
141
- --stuic-color-warning-foreground-hover: var(--color-white, #ffffff);
142
- --stuic-color-warning-foreground-active: var(--color-white, #ffffff);
143
-
144
- --stuic-color-success: var(--color-teal-500, #737373);
145
-
146
- --stuic-color-success-hover: var(--color-teal-400, #737373);
147
- --stuic-color-success-active: var(--color-teal-300, #737373);
148
- --stuic-color-success-foreground: var(--color-white, #ffffff);
149
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
150
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
151
-
152
- --stuic-color-info: var(--color-cyan-400, #737373);
153
-
154
- --stuic-color-info-hover: var(--color-cyan-300, #737373);
155
- --stuic-color-info-active: var(--color-cyan-200, #737373);
156
- --stuic-color-info-foreground: var(--color-white, #ffffff);
157
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
158
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
159
-
160
- --stuic-color-background: var(--color-stone-900, #737373);
161
-
162
- --stuic-color-background-hover: var(--color-stone-900, #737373);
163
- --stuic-color-background-active: var(--color-stone-900, #737373);
164
- --stuic-color-background-foreground: var(--color-stone-50, #737373);
165
- --stuic-color-background-foreground-hover: var(--color-stone-50, #737373);
166
- --stuic-color-background-foreground-active: var(--color-stone-50, #737373);
167
-
168
- --stuic-color-surface: var(--color-stone-800, #737373);
169
-
170
- --stuic-color-surface-hover: var(--color-stone-700, #737373);
171
- --stuic-color-surface-active: var(--color-stone-600, #737373);
172
- --stuic-color-surface-foreground: var(--color-stone-100, #737373);
173
- --stuic-color-surface-foreground-hover: var(--color-stone-100, #737373);
174
- --stuic-color-surface-foreground-active: var(--color-stone-100, #737373);
175
-
176
- --stuic-color-surface-1: var(--color-stone-700, #737373);
177
- --stuic-color-surface-1-hover: var(--color-stone-600, #737373);
178
- --stuic-color-surface-1-active: var(--color-stone-500, #737373);
179
- --stuic-color-surface-1-foreground: var(--color-stone-100, #737373);
180
- --stuic-color-surface-1-foreground-hover: var(--color-stone-100, #737373);
181
- --stuic-color-surface-1-foreground-active: var(--color-stone-100, #737373);
182
-
183
- --stuic-color-surface-2: var(--color-stone-600, #737373);
184
- --stuic-color-surface-2-hover: var(--color-stone-500, #737373);
185
- --stuic-color-surface-2-active: var(--color-stone-400, #737373);
186
- --stuic-color-surface-2-foreground: var(--color-stone-100, #737373);
187
- --stuic-color-surface-2-foreground-hover: var(--color-stone-100, #737373);
188
- --stuic-color-surface-2-foreground-active: var(--color-stone-100, #737373);
189
-
190
- --stuic-color-muted: var(--color-stone-700, #737373);
191
-
192
- --stuic-color-muted-hover: var(--color-stone-600, #737373);
193
- --stuic-color-muted-active: var(--color-stone-500, #737373);
194
- --stuic-color-muted-foreground: var(--color-stone-400, #737373);
195
- --stuic-color-muted-foreground-hover: var(--color-stone-400, #737373);
196
- --stuic-color-muted-foreground-active: var(--color-stone-400, #737373);
197
-
198
- --stuic-color-foreground: var(--color-stone-50, #737373);
199
-
200
- --stuic-color-foreground-hover: var(--color-stone-50, #737373);
201
- --stuic-color-foreground-active: var(--color-stone-50, #737373);
202
-
203
- --stuic-color-border: var(--color-stone-700, #737373);
204
-
205
- --stuic-color-border-hover: var(--color-stone-600, #737373);
206
- --stuic-color-border-active: var(--color-stone-500, #737373);
207
-
208
- --stuic-color-input: var(--color-stone-800, #737373);
209
-
210
- --stuic-color-input-hover: var(--color-stone-700, #737373);
211
- --stuic-color-input-active: var(--color-stone-800, #737373);
212
-
213
- --stuic-color-ring: color-mix(in srgb, var(--color-red-400) 25%, transparent);
214
-
215
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-red-400) 25%, transparent);
216
- --stuic-color-ring-active: color-mix(in srgb, var(--color-red-400) 25%, transparent);
217
- }
package/dist/themes/rose-teal.css DELETED
@@ -1,217 +0,0 @@
1
- /* prettier-ignore */
2
- :root {
3
- --stuic-color-primary: var(--color-rose-600, #737373);
4
-
5
- --stuic-color-primary-hover: var(--color-rose-700, #737373);
6
- --stuic-color-primary-active: var(--color-rose-800, #737373);
7
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
8
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
9
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
10
-
11
- --stuic-color-accent: var(--color-teal-500, #737373);
12
-
13
- --stuic-color-accent-hover: var(--color-teal-600, #737373);
14
- --stuic-color-accent-active: var(--color-teal-700, #737373);
15
- --stuic-color-accent-foreground: var(--color-white, #ffffff);
16
- --stuic-color-accent-foreground-hover: var(--color-white, #ffffff);
17
- --stuic-color-accent-foreground-active: var(--color-white, #ffffff);
18
-
19
- --stuic-color-destructive: var(--color-rose-600, #737373);
20
-
21
- --stuic-color-destructive-hover: var(--color-rose-700, #737373);
22
- --stuic-color-destructive-active: var(--color-rose-800, #737373);
23
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
24
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
25
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
26
-
27
- --stuic-color-warning: var(--color-orange-500, #737373);
28
-
29
- --stuic-color-warning-hover: var(--color-orange-600, #737373);
30
- --stuic-color-warning-active: var(--color-orange-700, #737373);
31
- --stuic-color-warning-foreground: var(--color-white, #ffffff);
32
- --stuic-color-warning-foreground-hover: var(--color-white, #ffffff);
33
- --stuic-color-warning-foreground-active: var(--color-white, #ffffff);
34
-
35
- --stuic-color-success: var(--color-teal-600, #737373);
36
-
37
- --stuic-color-success-hover: var(--color-teal-700, #737373);
38
- --stuic-color-success-active: var(--color-teal-800, #737373);
39
- --stuic-color-success-foreground: var(--color-white, #ffffff);
40
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
41
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
42
-
43
- --stuic-color-info: var(--color-cyan-500, #737373);
44
-
45
- --stuic-color-info-hover: var(--color-cyan-600, #737373);
46
- --stuic-color-info-active: var(--color-cyan-700, #737373);
47
- --stuic-color-info-foreground: var(--color-white, #ffffff);
48
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
49
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
50
-
51
- --stuic-color-background: var(--color-white, #ffffff);
52
-
53
- --stuic-color-background-hover: var(--color-white, #ffffff);
54
- --stuic-color-background-active: var(--color-white, #ffffff);
55
- --stuic-color-background-foreground: var(--color-neutral-900, #737373);
56
- --stuic-color-background-foreground-hover: var(--color-neutral-900, #737373);
57
- --stuic-color-background-foreground-active: var(--color-neutral-900, #737373);
58
-
59
- --stuic-color-surface: var(--color-neutral-50, #737373);
60
-
61
- --stuic-color-surface-hover: var(--color-neutral-100, #737373);
62
- --stuic-color-surface-active: var(--color-neutral-200, #737373);
63
- --stuic-color-surface-foreground: var(--color-neutral-900, #737373);
64
- --stuic-color-surface-foreground-hover: var(--color-neutral-900, #737373);
65
- --stuic-color-surface-foreground-active: var(--color-neutral-900, #737373);
66
-
67
- --stuic-color-surface-1: var(--color-neutral-100, #737373);
68
- --stuic-color-surface-1-hover: var(--color-neutral-200, #737373);
69
- --stuic-color-surface-1-active: var(--color-neutral-300, #737373);
70
- --stuic-color-surface-1-foreground: var(--color-neutral-900, #737373);
71
- --stuic-color-surface-1-foreground-hover: var(--color-neutral-900, #737373);
72
- --stuic-color-surface-1-foreground-active: var(--color-neutral-900, #737373);
73
-
74
- --stuic-color-surface-2: var(--color-neutral-200, #737373);
75
- --stuic-color-surface-2-hover: var(--color-neutral-300, #737373);
76
- --stuic-color-surface-2-active: var(--color-neutral-400, #737373);
77
- --stuic-color-surface-2-foreground: var(--color-neutral-900, #737373);
78
- --stuic-color-surface-2-foreground-hover: var(--color-neutral-900, #737373);
79
- --stuic-color-surface-2-foreground-active: var(--color-neutral-900, #737373);
80
-
81
- --stuic-color-muted: var(--color-neutral-100, #737373);
82
-
83
- --stuic-color-muted-hover: var(--color-neutral-200, #737373);
84
- --stuic-color-muted-active: var(--color-neutral-300, #737373);
85
- --stuic-color-muted-foreground: var(--color-neutral-500, #737373);
86
- --stuic-color-muted-foreground-hover: var(--color-neutral-500, #737373);
87
- --stuic-color-muted-foreground-active: var(--color-neutral-500, #737373);
88
-
89
- --stuic-color-foreground: var(--color-neutral-900, #737373);
90
-
91
- --stuic-color-foreground-hover: var(--color-neutral-900, #737373);
92
- --stuic-color-foreground-active: var(--color-neutral-900, #737373);
93
-
94
- --stuic-color-border: var(--color-neutral-200, #737373);
95
-
96
- --stuic-color-border-hover: var(--color-neutral-300, #737373);
97
- --stuic-color-border-active: var(--color-neutral-400, #737373);
98
-
99
- --stuic-color-input: var(--color-white, #ffffff);
100
-
101
- --stuic-color-input-hover: var(--color-neutral-50, #737373);
102
- --stuic-color-input-active: var(--color-white, #ffffff);
103
-
104
- --stuic-color-ring: color-mix(in srgb, var(--color-rose-600) 20%, transparent);
105
-
106
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-rose-600) 20%, transparent);
107
- --stuic-color-ring-active: color-mix(in srgb, var(--color-rose-600) 20%, transparent);
108
- }
109
-
110
- /* prettier-ignore */
111
- :root.dark {
112
- --stuic-color-primary: var(--color-rose-500, #737373);
113
-
114
- --stuic-color-primary-hover: var(--color-rose-400, #737373);
115
- --stuic-color-primary-active: var(--color-rose-300, #737373);
116
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
117
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
118
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
119
-
120
- --stuic-color-accent: var(--color-teal-400, #737373);
121
-
122
- --stuic-color-accent-hover: var(--color-teal-300, #737373);
123
- --stuic-color-accent-active: var(--color-teal-200, #737373);
124
- --stuic-color-accent-foreground: var(--color-white, #ffffff);
125
- --stuic-color-accent-foreground-hover: var(--color-white, #ffffff);
126
- --stuic-color-accent-foreground-active: var(--color-white, #ffffff);
127
-
128
- --stuic-color-destructive: var(--color-rose-500, #737373);
129
-
130
- --stuic-color-destructive-hover: var(--color-rose-400, #737373);
131
- --stuic-color-destructive-active: var(--color-rose-300, #737373);
132
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
133
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
134
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
135
-
136
- --stuic-color-warning: var(--color-orange-400, #737373);
137
-
138
- --stuic-color-warning-hover: var(--color-orange-300, #737373);
139
- --stuic-color-warning-active: var(--color-orange-200, #737373);
140
- --stuic-color-warning-foreground: var(--color-white, #ffffff);
141
- --stuic-color-warning-foreground-hover: var(--color-white, #ffffff);
142
- --stuic-color-warning-foreground-active: var(--color-white, #ffffff);
143
-
144
- --stuic-color-success: var(--color-teal-500, #737373);
145
-
146
- --stuic-color-success-hover: var(--color-teal-400, #737373);
147
- --stuic-color-success-active: var(--color-teal-300, #737373);
148
- --stuic-color-success-foreground: var(--color-white, #ffffff);
149
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
150
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
151
-
152
- --stuic-color-info: var(--color-cyan-400, #737373);
153
-
154
- --stuic-color-info-hover: var(--color-cyan-300, #737373);
155
- --stuic-color-info-active: var(--color-cyan-200, #737373);
156
- --stuic-color-info-foreground: var(--color-white, #ffffff);
157
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
158
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
159
-
160
- --stuic-color-background: var(--color-neutral-900, #737373);
161
-
162
- --stuic-color-background-hover: var(--color-neutral-900, #737373);
163
- --stuic-color-background-active: var(--color-neutral-900, #737373);
164
- --stuic-color-background-foreground: var(--color-neutral-50, #737373);
165
- --stuic-color-background-foreground-hover: var(--color-neutral-50, #737373);
166
- --stuic-color-background-foreground-active: var(--color-neutral-50, #737373);
167
-
168
- --stuic-color-surface: var(--color-neutral-800, #737373);
169
-
170
- --stuic-color-surface-hover: var(--color-neutral-700, #737373);
171
- --stuic-color-surface-active: var(--color-neutral-600, #737373);
172
- --stuic-color-surface-foreground: var(--color-neutral-100, #737373);
173
- --stuic-color-surface-foreground-hover: var(--color-neutral-100, #737373);
174
- --stuic-color-surface-foreground-active: var(--color-neutral-100, #737373);
175
-
176
- --stuic-color-surface-1: var(--color-neutral-700, #737373);
177
- --stuic-color-surface-1-hover: var(--color-neutral-600, #737373);
178
- --stuic-color-surface-1-active: var(--color-neutral-500, #737373);
179
- --stuic-color-surface-1-foreground: var(--color-neutral-100, #737373);
180
- --stuic-color-surface-1-foreground-hover: var(--color-neutral-100, #737373);
181
- --stuic-color-surface-1-foreground-active: var(--color-neutral-100, #737373);
182
-
183
- --stuic-color-surface-2: var(--color-neutral-600, #737373);
184
- --stuic-color-surface-2-hover: var(--color-neutral-500, #737373);
185
- --stuic-color-surface-2-active: var(--color-neutral-400, #737373);
186
- --stuic-color-surface-2-foreground: var(--color-neutral-100, #737373);
187
- --stuic-color-surface-2-foreground-hover: var(--color-neutral-100, #737373);
188
- --stuic-color-surface-2-foreground-active: var(--color-neutral-100, #737373);
189
-
190
- --stuic-color-muted: var(--color-neutral-700, #737373);
191
-
192
- --stuic-color-muted-hover: var(--color-neutral-600, #737373);
193
- --stuic-color-muted-active: var(--color-neutral-500, #737373);
194
- --stuic-color-muted-foreground: var(--color-neutral-400, #737373);
195
- --stuic-color-muted-foreground-hover: var(--color-neutral-400, #737373);
196
- --stuic-color-muted-foreground-active: var(--color-neutral-400, #737373);
197
-
198
- --stuic-color-foreground: var(--color-neutral-50, #737373);
199
-
200
- --stuic-color-foreground-hover: var(--color-neutral-50, #737373);
201
- --stuic-color-foreground-active: var(--color-neutral-50, #737373);
202
-
203
- --stuic-color-border: var(--color-neutral-700, #737373);
204
-
205
- --stuic-color-border-hover: var(--color-neutral-600, #737373);
206
- --stuic-color-border-active: var(--color-neutral-500, #737373);
207
-
208
- --stuic-color-input: var(--color-neutral-800, #737373);
209
-
210
- --stuic-color-input-hover: var(--color-neutral-700, #737373);
211
- --stuic-color-input-active: var(--color-neutral-800, #737373);
212
-
213
- --stuic-color-ring: color-mix(in srgb, var(--color-rose-400) 25%, transparent);
214
-
215
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-rose-400) 25%, transparent);
216
- --stuic-color-ring-active: color-mix(in srgb, var(--color-rose-400) 25%, transparent);
217
- }
package/dist/themes/sky-amber.css DELETED
@@ -1,217 +0,0 @@
1
- /* prettier-ignore */
2
- :root {
3
- --stuic-color-primary: var(--color-sky-600, #737373);
4
-
5
- --stuic-color-primary-hover: var(--color-sky-700, #737373);
6
- --stuic-color-primary-active: var(--color-sky-800, #737373);
7
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
8
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
9
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
10
-
11
- --stuic-color-accent: var(--color-amber-500, #737373);
12
-
13
- --stuic-color-accent-hover: var(--color-amber-600, #737373);
14
- --stuic-color-accent-active: var(--color-amber-700, #737373);
15
- --stuic-color-accent-foreground: var(--color-white, #ffffff);
16
- --stuic-color-accent-foreground-hover: var(--color-white, #ffffff);
17
- --stuic-color-accent-foreground-active: var(--color-white, #ffffff);
18
-
19
- --stuic-color-destructive: var(--color-rose-600, #737373);
20
-
21
- --stuic-color-destructive-hover: var(--color-rose-700, #737373);
22
- --stuic-color-destructive-active: var(--color-rose-800, #737373);
23
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
24
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
25
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
26
-
27
- --stuic-color-warning: var(--color-amber-500, #737373);
28
-
29
- --stuic-color-warning-hover: var(--color-amber-600, #737373);
30
- --stuic-color-warning-active: var(--color-amber-700, #737373);
31
- --stuic-color-warning-foreground: var(--color-white, #ffffff);
32
- --stuic-color-warning-foreground-hover: var(--color-white, #ffffff);
33
- --stuic-color-warning-foreground-active: var(--color-white, #ffffff);
34
-
35
- --stuic-color-success: var(--color-teal-600, #737373);
36
-
37
- --stuic-color-success-hover: var(--color-teal-700, #737373);
38
- --stuic-color-success-active: var(--color-teal-800, #737373);
39
- --stuic-color-success-foreground: var(--color-white, #ffffff);
40
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
41
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
42
-
43
- --stuic-color-info: var(--color-sky-500, #737373);
44
-
45
- --stuic-color-info-hover: var(--color-sky-600, #737373);
46
- --stuic-color-info-active: var(--color-sky-700, #737373);
47
- --stuic-color-info-foreground: var(--color-white, #ffffff);
48
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
49
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
50
-
51
- --stuic-color-background: var(--color-white, #ffffff);
52
-
53
- --stuic-color-background-hover: var(--color-white, #ffffff);
54
- --stuic-color-background-active: var(--color-white, #ffffff);
55
- --stuic-color-background-foreground: var(--color-stone-900, #737373);
56
- --stuic-color-background-foreground-hover: var(--color-stone-900, #737373);
57
- --stuic-color-background-foreground-active: var(--color-stone-900, #737373);
58
-
59
- --stuic-color-surface: var(--color-stone-50, #737373);
60
-
61
- --stuic-color-surface-hover: var(--color-stone-100, #737373);
62
- --stuic-color-surface-active: var(--color-stone-200, #737373);
63
- --stuic-color-surface-foreground: var(--color-stone-900, #737373);
64
- --stuic-color-surface-foreground-hover: var(--color-stone-900, #737373);
65
- --stuic-color-surface-foreground-active: var(--color-stone-900, #737373);
66
-
67
- --stuic-color-surface-1: var(--color-stone-100, #737373);
68
- --stuic-color-surface-1-hover: var(--color-stone-200, #737373);
69
- --stuic-color-surface-1-active: var(--color-stone-300, #737373);
70
- --stuic-color-surface-1-foreground: var(--color-stone-900, #737373);
71
- --stuic-color-surface-1-foreground-hover: var(--color-stone-900, #737373);
72
- --stuic-color-surface-1-foreground-active: var(--color-stone-900, #737373);
73
-
74
- --stuic-color-surface-2: var(--color-stone-200, #737373);
75
- --stuic-color-surface-2-hover: var(--color-stone-300, #737373);
76
- --stuic-color-surface-2-active: var(--color-stone-400, #737373);
77
- --stuic-color-surface-2-foreground: var(--color-stone-900, #737373);
78
- --stuic-color-surface-2-foreground-hover: var(--color-stone-900, #737373);
79
- --stuic-color-surface-2-foreground-active: var(--color-stone-900, #737373);
80
-
81
- --stuic-color-muted: var(--color-stone-100, #737373);
82
-
83
- --stuic-color-muted-hover: var(--color-stone-200, #737373);
84
- --stuic-color-muted-active: var(--color-stone-300, #737373);
85
- --stuic-color-muted-foreground: var(--color-stone-500, #737373);
86
- --stuic-color-muted-foreground-hover: var(--color-stone-500, #737373);
87
- --stuic-color-muted-foreground-active: var(--color-stone-500, #737373);
88
-
89
- --stuic-color-foreground: var(--color-stone-900, #737373);
90
-
91
- --stuic-color-foreground-hover: var(--color-stone-900, #737373);
92
- --stuic-color-foreground-active: var(--color-stone-900, #737373);
93
-
94
- --stuic-color-border: var(--color-stone-200, #737373);
95
-
96
- --stuic-color-border-hover: var(--color-stone-300, #737373);
97
- --stuic-color-border-active: var(--color-stone-400, #737373);
98
-
99
- --stuic-color-input: var(--color-white, #ffffff);
100
-
101
- --stuic-color-input-hover: var(--color-stone-50, #737373);
102
- --stuic-color-input-active: var(--color-white, #ffffff);
103
-
104
- --stuic-color-ring: color-mix(in srgb, var(--color-sky-600) 20%, transparent);
105
-
106
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-sky-600) 20%, transparent);
107
- --stuic-color-ring-active: color-mix(in srgb, var(--color-sky-600) 20%, transparent);
108
- }
109
-
110
- /* prettier-ignore */
111
- :root.dark {
112
- --stuic-color-primary: var(--color-sky-500, #737373);
113
-
114
- --stuic-color-primary-hover: var(--color-sky-400, #737373);
115
- --stuic-color-primary-active: var(--color-sky-300, #737373);
116
- --stuic-color-primary-foreground: var(--color-white, #ffffff);
117
- --stuic-color-primary-foreground-hover: var(--color-white, #ffffff);
118
- --stuic-color-primary-foreground-active: var(--color-white, #ffffff);
119
-
120
- --stuic-color-accent: var(--color-amber-400, #737373);
121
-
122
- --stuic-color-accent-hover: var(--color-amber-300, #737373);
123
- --stuic-color-accent-active: var(--color-amber-200, #737373);
124
- --stuic-color-accent-foreground: var(--color-black, #000000);
125
- --stuic-color-accent-foreground-hover: var(--color-black, #000000);
126
- --stuic-color-accent-foreground-active: var(--color-black, #000000);
127
-
128
- --stuic-color-destructive: var(--color-rose-500, #737373);
129
-
130
- --stuic-color-destructive-hover: var(--color-rose-400, #737373);
131
- --stuic-color-destructive-active: var(--color-rose-300, #737373);
132
- --stuic-color-destructive-foreground: var(--color-white, #ffffff);
133
- --stuic-color-destructive-foreground-hover: var(--color-white, #ffffff);
134
- --stuic-color-destructive-foreground-active: var(--color-white, #ffffff);
135
-
136
- --stuic-color-warning: var(--color-amber-400, #737373);
137
-
138
- --stuic-color-warning-hover: var(--color-amber-300, #737373);
139
- --stuic-color-warning-active: var(--color-amber-200, #737373);
140
- --stuic-color-warning-foreground: var(--color-black, #000000);
141
- --stuic-color-warning-foreground-hover: var(--color-black, #000000);
142
- --stuic-color-warning-foreground-active: var(--color-black, #000000);
143
-
144
- --stuic-color-success: var(--color-teal-500, #737373);
145
-
146
- --stuic-color-success-hover: var(--color-teal-400, #737373);
147
- --stuic-color-success-active: var(--color-teal-300, #737373);
148
- --stuic-color-success-foreground: var(--color-white, #ffffff);
149
- --stuic-color-success-foreground-hover: var(--color-white, #ffffff);
150
- --stuic-color-success-foreground-active: var(--color-white, #ffffff);
151
-
152
- --stuic-color-info: var(--color-sky-400, #737373);
153
-
154
- --stuic-color-info-hover: var(--color-sky-300, #737373);
155
- --stuic-color-info-active: var(--color-sky-200, #737373);
156
- --stuic-color-info-foreground: var(--color-white, #ffffff);
157
- --stuic-color-info-foreground-hover: var(--color-white, #ffffff);
158
- --stuic-color-info-foreground-active: var(--color-white, #ffffff);
159
-
160
- --stuic-color-background: var(--color-stone-900, #737373);
161
-
162
- --stuic-color-background-hover: var(--color-stone-900, #737373);
163
- --stuic-color-background-active: var(--color-stone-900, #737373);
164
- --stuic-color-background-foreground: var(--color-stone-50, #737373);
165
- --stuic-color-background-foreground-hover: var(--color-stone-50, #737373);
166
- --stuic-color-background-foreground-active: var(--color-stone-50, #737373);
167
-
168
- --stuic-color-surface: var(--color-stone-800, #737373);
169
-
170
- --stuic-color-surface-hover: var(--color-stone-700, #737373);
171
- --stuic-color-surface-active: var(--color-stone-600, #737373);
172
- --stuic-color-surface-foreground: var(--color-stone-100, #737373);
173
- --stuic-color-surface-foreground-hover: var(--color-stone-100, #737373);
174
- --stuic-color-surface-foreground-active: var(--color-stone-100, #737373);
175
-
176
- --stuic-color-surface-1: var(--color-stone-700, #737373);
177
- --stuic-color-surface-1-hover: var(--color-stone-600, #737373);
178
- --stuic-color-surface-1-active: var(--color-stone-500, #737373);
179
- --stuic-color-surface-1-foreground: var(--color-stone-100, #737373);
180
- --stuic-color-surface-1-foreground-hover: var(--color-stone-100, #737373);
181
- --stuic-color-surface-1-foreground-active: var(--color-stone-100, #737373);
182
-
183
- --stuic-color-surface-2: var(--color-stone-600, #737373);
184
- --stuic-color-surface-2-hover: var(--color-stone-500, #737373);
185
- --stuic-color-surface-2-active: var(--color-stone-400, #737373);
186
- --stuic-color-surface-2-foreground: var(--color-stone-100, #737373);
187
- --stuic-color-surface-2-foreground-hover: var(--color-stone-100, #737373);
188
- --stuic-color-surface-2-foreground-active: var(--color-stone-100, #737373);
189
-
190
- --stuic-color-muted: var(--color-stone-700, #737373);
191
-
192
- --stuic-color-muted-hover: var(--color-stone-600, #737373);
193
- --stuic-color-muted-active: var(--color-stone-500, #737373);
194
- --stuic-color-muted-foreground: var(--color-stone-400, #737373);
195
- --stuic-color-muted-foreground-hover: var(--color-stone-400, #737373);
196
- --stuic-color-muted-foreground-active: var(--color-stone-400, #737373);
197
-
198
- --stuic-color-foreground: var(--color-stone-50, #737373);
199
-
200
- --stuic-color-foreground-hover: var(--color-stone-50, #737373);
201
- --stuic-color-foreground-active: var(--color-stone-50, #737373);
202
-
203
- --stuic-color-border: var(--color-stone-700, #737373);
204
-
205
- --stuic-color-border-hover: var(--color-stone-600, #737373);
206
- --stuic-color-border-active: var(--color-stone-500, #737373);
207
-
208
- --stuic-color-input: var(--color-stone-800, #737373);
209
-
210
- --stuic-color-input-hover: var(--color-stone-700, #737373);
211
- --stuic-color-input-active: var(--color-stone-800, #737373);
212
-
213
- --stuic-color-ring: color-mix(in srgb, var(--color-sky-400) 25%, transparent);
214
-
215
- --stuic-color-ring-hover: color-mix(in srgb, var(--color-sky-400) 25%, transparent);
216
- --stuic-color-ring-active: color-mix(in srgb, var(--color-sky-400) 25%, transparent);
217
- }