@marianmeres/design-tokens 1.1.3 → 1.1.4
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.
- package/dist/css/blue-orange.css +242 -105
- package/dist/css/cyan-red.css +1 -0
- package/dist/css/cyan-slate.css +1 -0
- package/dist/css/emerald-amber-forest.css +1 -0
- package/dist/css/emerald-pink.css +1 -0
- package/dist/css/fuchsia-emerald.css +1 -0
- package/dist/css/gray.css +1 -0
- package/dist/css/indigo-amber.css +1 -0
- package/dist/css/lime-fuchsia-neon.css +1 -0
- package/dist/css/mauve-lime-electric.css +1 -0
- package/dist/css/mauve-teal.css +1 -0
- package/dist/css/mauve.css +1 -0
- package/dist/css/mist-indigo-fjord.css +1 -0
- package/dist/css/mist-violet-aurora.css +1 -0
- package/dist/css/mist.css +1 -0
- package/dist/css/monokai-cyan.css +1 -0
- package/dist/css/monokai-green.css +1 -0
- package/dist/css/monokai-pink.css +1 -0
- package/dist/css/olive-amber-safari.css +1 -0
- package/dist/css/olive.css +1 -0
- package/dist/css/orange-pink-sunset.css +1 -0
- package/dist/css/pink-emerald.css +1 -0
- package/dist/css/pink-teal.css +1 -0
- package/dist/css/purple-yellow.css +1 -0
- package/dist/css/rainbow.css +1 -0
- package/dist/css/red-blue.css +1 -0
- package/dist/css/red-cyan.css +1 -0
- package/dist/css/red-sky-slate.css +1 -0
- package/dist/css/red-sky.css +1 -0
- package/dist/css/rose-teal.css +1 -0
- package/dist/css/sky-amber.css +1 -0
- package/dist/css/slate-cyan.css +1 -0
- package/dist/css/slate-teal-ocean.css +1 -0
- package/dist/css/stone-orange-earth.css +1 -0
- package/dist/css/stone.css +1 -0
- package/dist/css/taupe-olive-clay.css +1 -0
- package/dist/css/taupe-rose-blush.css +1 -0
- package/dist/css/taupe.css +1 -0
- package/dist/css/teal-rose.css +1 -0
- package/dist/css/violet-lime.css +1 -0
- package/dist/css/violet-rose-dusk.css +1 -0
- package/dist/css/zinc.css +1 -0
- package/package.json +1 -1
package/dist/css/blue-orange.css
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* prettier-ignore */
|
|
1
2
|
:root {
|
|
2
3
|
--stuic-color-primary: #2563eb;
|
|
3
4
|
|
|
@@ -107,109 +108,245 @@
|
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
:root.dark {
|
|
110
|
-
--stuic-color-primary:
|
|
111
|
-
|
|
112
|
-
--stuic-color-primary-hover:
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
--stuic-color-
|
|
123
|
-
--stuic-color-
|
|
124
|
-
--stuic-color-
|
|
125
|
-
|
|
126
|
-
--stuic-color-
|
|
127
|
-
|
|
128
|
-
--stuic-color-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
--stuic-color-
|
|
139
|
-
--stuic-color-
|
|
140
|
-
--stuic-color-
|
|
141
|
-
|
|
142
|
-
--stuic-color-
|
|
143
|
-
|
|
144
|
-
--stuic-color-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
--stuic-color-
|
|
155
|
-
--stuic-color-
|
|
156
|
-
--stuic-color-
|
|
157
|
-
|
|
158
|
-
--stuic-color-
|
|
159
|
-
|
|
160
|
-
--stuic-color-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
--stuic-color-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
--stuic-color-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
--stuic-color-
|
|
175
|
-
|
|
176
|
-
--stuic-color-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
--stuic-color-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
--stuic-color-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
--stuic-color-surface-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
111
|
+
--stuic-color-primary: #3b82f6;
|
|
112
|
+
|
|
113
|
+
--stuic-color-primary-hover: color-mix(
|
|
114
|
+
in oklch,
|
|
115
|
+
var(--stuic-color-primary),
|
|
116
|
+
white 10%
|
|
117
|
+
);
|
|
118
|
+
--stuic-color-primary-active: color-mix(
|
|
119
|
+
in oklch,
|
|
120
|
+
var(--stuic-color-primary),
|
|
121
|
+
white 20%
|
|
122
|
+
);
|
|
123
|
+
--stuic-color-primary-foreground: #ffffff;
|
|
124
|
+
--stuic-color-primary-foreground-hover: #ffffff;
|
|
125
|
+
--stuic-color-primary-foreground-active: #ffffff;
|
|
126
|
+
|
|
127
|
+
--stuic-color-accent: #fb923c;
|
|
128
|
+
|
|
129
|
+
--stuic-color-accent-hover: color-mix(
|
|
130
|
+
in oklch,
|
|
131
|
+
var(--stuic-color-accent),
|
|
132
|
+
white 10%
|
|
133
|
+
);
|
|
134
|
+
--stuic-color-accent-active: color-mix(
|
|
135
|
+
in oklch,
|
|
136
|
+
var(--stuic-color-accent),
|
|
137
|
+
white 20%
|
|
138
|
+
);
|
|
139
|
+
--stuic-color-accent-foreground: #ffffff;
|
|
140
|
+
--stuic-color-accent-foreground-hover: #ffffff;
|
|
141
|
+
--stuic-color-accent-foreground-active: #ffffff;
|
|
142
|
+
|
|
143
|
+
--stuic-color-destructive: #f43f5e;
|
|
144
|
+
|
|
145
|
+
--stuic-color-destructive-hover: color-mix(
|
|
146
|
+
in oklch,
|
|
147
|
+
var(--stuic-color-destructive),
|
|
148
|
+
white 10%
|
|
149
|
+
);
|
|
150
|
+
--stuic-color-destructive-active: color-mix(
|
|
151
|
+
in oklch,
|
|
152
|
+
var(--stuic-color-destructive),
|
|
153
|
+
white 20%
|
|
154
|
+
);
|
|
155
|
+
--stuic-color-destructive-foreground: #ffffff;
|
|
156
|
+
--stuic-color-destructive-foreground-hover: #ffffff;
|
|
157
|
+
--stuic-color-destructive-foreground-active: #ffffff;
|
|
158
|
+
|
|
159
|
+
--stuic-color-warning: #fb923c;
|
|
160
|
+
|
|
161
|
+
--stuic-color-warning-hover: color-mix(
|
|
162
|
+
in oklch,
|
|
163
|
+
var(--stuic-color-warning),
|
|
164
|
+
white 10%
|
|
165
|
+
);
|
|
166
|
+
--stuic-color-warning-active: color-mix(
|
|
167
|
+
in oklch,
|
|
168
|
+
var(--stuic-color-warning),
|
|
169
|
+
white 20%
|
|
170
|
+
);
|
|
171
|
+
--stuic-color-warning-foreground: #ffffff;
|
|
172
|
+
--stuic-color-warning-foreground-hover: #ffffff;
|
|
173
|
+
--stuic-color-warning-foreground-active: #ffffff;
|
|
174
|
+
|
|
175
|
+
--stuic-color-success: #14b8a6;
|
|
176
|
+
|
|
177
|
+
--stuic-color-success-hover: color-mix(
|
|
178
|
+
in oklch,
|
|
179
|
+
var(--stuic-color-success),
|
|
180
|
+
white 10%
|
|
181
|
+
);
|
|
182
|
+
--stuic-color-success-active: color-mix(
|
|
183
|
+
in oklch,
|
|
184
|
+
var(--stuic-color-success),
|
|
185
|
+
white 20%
|
|
186
|
+
);
|
|
187
|
+
--stuic-color-success-foreground: #ffffff;
|
|
188
|
+
--stuic-color-success-foreground-hover: #ffffff;
|
|
189
|
+
--stuic-color-success-foreground-active: #ffffff;
|
|
190
|
+
|
|
191
|
+
--stuic-color-surface-primary: color-mix(
|
|
192
|
+
in srgb,
|
|
193
|
+
var(--stuic-color-primary) 15%,
|
|
194
|
+
var(--stuic-color-background)
|
|
195
|
+
);
|
|
196
|
+
--stuic-color-surface-primary-foreground: color-mix(
|
|
197
|
+
in srgb,
|
|
198
|
+
var(--stuic-color-primary),
|
|
199
|
+
white 10%
|
|
200
|
+
);
|
|
201
|
+
--stuic-color-surface-primary-border: color-mix(
|
|
202
|
+
in srgb,
|
|
203
|
+
var(--stuic-color-primary) 30%,
|
|
204
|
+
var(--stuic-color-background)
|
|
205
|
+
);
|
|
206
|
+
--stuic-color-surface-accent: color-mix(
|
|
207
|
+
in srgb,
|
|
208
|
+
var(--stuic-color-accent) 15%,
|
|
209
|
+
var(--stuic-color-background)
|
|
210
|
+
);
|
|
211
|
+
--stuic-color-surface-accent-foreground: color-mix(
|
|
212
|
+
in srgb,
|
|
213
|
+
var(--stuic-color-accent),
|
|
214
|
+
white 10%
|
|
215
|
+
);
|
|
216
|
+
--stuic-color-surface-accent-border: color-mix(
|
|
217
|
+
in srgb,
|
|
218
|
+
var(--stuic-color-accent) 30%,
|
|
219
|
+
var(--stuic-color-background)
|
|
220
|
+
);
|
|
221
|
+
--stuic-color-surface-destructive: color-mix(
|
|
222
|
+
in srgb,
|
|
223
|
+
var(--stuic-color-destructive) 15%,
|
|
224
|
+
var(--stuic-color-background)
|
|
225
|
+
);
|
|
226
|
+
--stuic-color-surface-destructive-foreground: color-mix(
|
|
227
|
+
in srgb,
|
|
228
|
+
var(--stuic-color-destructive),
|
|
229
|
+
white 10%
|
|
230
|
+
);
|
|
231
|
+
--stuic-color-surface-destructive-border: color-mix(
|
|
232
|
+
in srgb,
|
|
233
|
+
var(--stuic-color-destructive) 30%,
|
|
234
|
+
var(--stuic-color-background)
|
|
235
|
+
);
|
|
236
|
+
--stuic-color-surface-warning: color-mix(
|
|
237
|
+
in srgb,
|
|
238
|
+
var(--stuic-color-warning) 15%,
|
|
239
|
+
var(--stuic-color-background)
|
|
240
|
+
);
|
|
241
|
+
--stuic-color-surface-warning-foreground: color-mix(
|
|
242
|
+
in srgb,
|
|
243
|
+
var(--stuic-color-warning),
|
|
244
|
+
white 10%
|
|
245
|
+
);
|
|
246
|
+
--stuic-color-surface-warning-border: color-mix(
|
|
247
|
+
in srgb,
|
|
248
|
+
var(--stuic-color-warning) 30%,
|
|
249
|
+
var(--stuic-color-background)
|
|
250
|
+
);
|
|
251
|
+
--stuic-color-surface-success: color-mix(
|
|
252
|
+
in srgb,
|
|
253
|
+
var(--stuic-color-success) 15%,
|
|
254
|
+
var(--stuic-color-background)
|
|
255
|
+
);
|
|
256
|
+
--stuic-color-surface-success-foreground: color-mix(
|
|
257
|
+
in srgb,
|
|
258
|
+
var(--stuic-color-success),
|
|
259
|
+
white 10%
|
|
260
|
+
);
|
|
261
|
+
--stuic-color-surface-success-border: color-mix(
|
|
262
|
+
in srgb,
|
|
263
|
+
var(--stuic-color-success) 30%,
|
|
264
|
+
var(--stuic-color-background)
|
|
265
|
+
);
|
|
266
|
+
--stuic-color-surface-hover: color-mix(
|
|
267
|
+
in oklch,
|
|
268
|
+
var(--stuic-color-surface),
|
|
269
|
+
white 10%
|
|
270
|
+
);
|
|
271
|
+
--stuic-color-surface-active: color-mix(
|
|
272
|
+
in oklch,
|
|
273
|
+
var(--stuic-color-surface),
|
|
274
|
+
white 20%
|
|
275
|
+
);
|
|
276
|
+
--stuic-color-surface-foreground: #d6d3d1;
|
|
277
|
+
--stuic-color-surface-foreground-hover: #d6d3d1;
|
|
278
|
+
--stuic-color-surface-foreground-active: #d6d3d1;
|
|
279
|
+
|
|
280
|
+
--stuic-color-background: #1c1917;
|
|
281
|
+
|
|
282
|
+
--stuic-color-background-hover: #1c1917;
|
|
283
|
+
--stuic-color-background-active: #1c1917;
|
|
284
|
+
--stuic-color-background-foreground: #fafaf9;
|
|
285
|
+
--stuic-color-background-foreground-hover: #fafaf9;
|
|
286
|
+
--stuic-color-background-foreground-active: #fafaf9;
|
|
287
|
+
|
|
288
|
+
--stuic-color-muted: #292524;
|
|
289
|
+
|
|
290
|
+
--stuic-color-muted-hover: color-mix(
|
|
291
|
+
in oklch,
|
|
292
|
+
var(--stuic-color-muted),
|
|
293
|
+
white 10%
|
|
294
|
+
);
|
|
295
|
+
--stuic-color-muted-active: color-mix(
|
|
296
|
+
in oklch,
|
|
297
|
+
var(--stuic-color-muted),
|
|
298
|
+
white 20%
|
|
299
|
+
);
|
|
300
|
+
--stuic-color-muted-foreground: #a8a29e;
|
|
301
|
+
--stuic-color-muted-foreground-hover: #a8a29e;
|
|
302
|
+
--stuic-color-muted-foreground-active: #a8a29e;
|
|
303
|
+
|
|
304
|
+
--stuic-color-surface: #44403c;
|
|
305
|
+
|
|
306
|
+
--stuic-color-surface-1: #57534e;
|
|
307
|
+
--stuic-color-surface-1-hover: color-mix(
|
|
308
|
+
in oklch,
|
|
309
|
+
var(--stuic-color-surface-1),
|
|
310
|
+
white 10%
|
|
311
|
+
);
|
|
312
|
+
--stuic-color-surface-1-active: color-mix(
|
|
313
|
+
in oklch,
|
|
314
|
+
var(--stuic-color-surface-1),
|
|
315
|
+
white 20%
|
|
316
|
+
);
|
|
317
|
+
--stuic-color-surface-1-foreground: #e7e5e4;
|
|
318
|
+
--stuic-color-surface-1-foreground-hover: #e7e5e4;
|
|
319
|
+
--stuic-color-surface-1-foreground-active: #e7e5e4;
|
|
320
|
+
|
|
321
|
+
--stuic-color-foreground: #fafaf9;
|
|
322
|
+
|
|
323
|
+
--stuic-color-foreground-hover: #fafaf9;
|
|
324
|
+
--stuic-color-foreground-active: #fafaf9;
|
|
325
|
+
|
|
326
|
+
--stuic-color-border: #44403c;
|
|
327
|
+
|
|
328
|
+
--stuic-color-border-hover: color-mix(
|
|
329
|
+
in oklch,
|
|
330
|
+
var(--stuic-color-border),
|
|
331
|
+
white 10%
|
|
332
|
+
);
|
|
333
|
+
--stuic-color-border-active: color-mix(
|
|
334
|
+
in oklch,
|
|
335
|
+
var(--stuic-color-border),
|
|
336
|
+
white 20%
|
|
337
|
+
);
|
|
338
|
+
|
|
339
|
+
--stuic-color-input: #1c1917;
|
|
340
|
+
|
|
341
|
+
--stuic-color-input-hover: #292524;
|
|
342
|
+
--stuic-color-input-active: color-mix(
|
|
343
|
+
in oklch,
|
|
344
|
+
var(--stuic-color-input),
|
|
345
|
+
white 20%
|
|
346
|
+
);
|
|
347
|
+
|
|
348
|
+
--stuic-color-ring: color-mix(in srgb, #60a5fa 25%, transparent);
|
|
349
|
+
|
|
350
|
+
--stuic-color-ring-hover: color-mix(in srgb, #60a5fa 25%, transparent);
|
|
351
|
+
--stuic-color-ring-active: color-mix(in srgb, #60a5fa 25%, transparent);
|
|
215
352
|
}
|
package/dist/css/cyan-red.css
CHANGED
package/dist/css/cyan-slate.css
CHANGED
package/dist/css/gray.css
CHANGED
package/dist/css/mauve-teal.css
CHANGED
package/dist/css/mauve.css
CHANGED
package/dist/css/mist.css
CHANGED
package/dist/css/olive.css
CHANGED
package/dist/css/pink-teal.css
CHANGED
package/dist/css/rainbow.css
CHANGED
package/dist/css/red-blue.css
CHANGED
package/dist/css/red-cyan.css
CHANGED
package/dist/css/red-sky.css
CHANGED
package/dist/css/rose-teal.css
CHANGED
package/dist/css/sky-amber.css
CHANGED
package/dist/css/slate-cyan.css
CHANGED
package/dist/css/stone.css
CHANGED
package/dist/css/taupe.css
CHANGED
package/dist/css/teal-rose.css
CHANGED
package/dist/css/violet-lime.css
CHANGED
package/dist/css/zinc.css
CHANGED