@weasel-js/theme 1.6.1 → 1.7.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.
- package/dist/{chunk-4EIPTWJA.js → chunk-3KMZGDV5.js} +137 -89
- package/dist/chunk-3KMZGDV5.js.map +1 -0
- package/dist/{definition-DLdTdFWs.d.ts → definition-Dqt5o6LR.d.ts} +72 -72
- package/dist/engine.d.ts +2 -2
- package/dist/engine.js +1 -1
- package/dist/engine.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +2 -2
- package/dist/tokens.css +22 -4
- package/package.json +2 -2
- package/dist/chunk-4EIPTWJA.js.map +0 -1
package/dist/tokens.css
CHANGED
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
--wzl-gray-700: #25272c;
|
|
15
15
|
--wzl-gray-800: #181a1e;
|
|
16
16
|
--wzl-gray-900: #0e0f12;
|
|
17
|
-
--wzl-accent-soft: #
|
|
18
|
-
/*
|
|
19
|
-
--wzl-accent-base: #
|
|
20
|
-
--wzl-accent-strong: #
|
|
17
|
+
--wzl-accent-soft: #262a66;
|
|
18
|
+
/* Periwinkle. Anchors primary actions on dark surfaces. */
|
|
19
|
+
--wzl-accent-base: #5b63c9;
|
|
20
|
+
--wzl-accent-strong: #8c94ee;
|
|
21
21
|
--wzl-secondary-soft: #704e09;
|
|
22
22
|
--wzl-secondary-base: #dc9d15;
|
|
23
23
|
--wzl-secondary-strong: #f1cb8d;
|
|
@@ -234,6 +234,9 @@
|
|
|
234
234
|
[data-wzl-theme='weasel'][data-wzl-mode='dark'],
|
|
235
235
|
[data-wzl-mode='dark'] {
|
|
236
236
|
color-scheme: dark;
|
|
237
|
+
--wzl-accent-soft: #262a66;
|
|
238
|
+
--wzl-accent-base: #5b63c9;
|
|
239
|
+
--wzl-accent-strong: #8c94ee;
|
|
237
240
|
--wzl-secondary-soft: #704e09;
|
|
238
241
|
--wzl-secondary-base: #dc9d15;
|
|
239
242
|
--wzl-secondary-strong: #f1cb8d;
|
|
@@ -256,12 +259,18 @@
|
|
|
256
259
|
--wzl-stance-aside-border-color: var(--wzl-line-subtle);
|
|
257
260
|
--wzl-stance-aside-title-color: var(--wzl-fg-subtle);
|
|
258
261
|
--wzl-stance-advanced-title-color: var(--wzl-fg-subtle);
|
|
262
|
+
--wzl-stance-notice-tone: var(--wzl-accent);
|
|
259
263
|
--wzl-stance-important-border-color: var(--wzl-accent-fg);
|
|
260
264
|
--wzl-stance-important-title-color: var(--wzl-accent-fg);
|
|
261
265
|
--wzl-line-subtle: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
|
|
262
266
|
--wzl-line: color-mix(in srgb, var(--wzl-fg) 20%, transparent);
|
|
263
267
|
--wzl-line-strong: color-mix(in srgb, var(--wzl-fg) 40%, transparent);
|
|
268
|
+
--wzl-curve-color: var(--wzl-accent-strong);
|
|
269
|
+
--wzl-accent: var(--wzl-accent-base);
|
|
270
|
+
--wzl-accent-hover: var(--wzl-accent-strong);
|
|
264
271
|
--wzl-secondary: var(--wzl-secondary-base);
|
|
272
|
+
--wzl-focus-ring: var(--wzl-accent-strong);
|
|
273
|
+
--wzl-glass-tint: var(--wzl-accent);
|
|
265
274
|
--wzl-surface-hover: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
|
|
266
275
|
--wzl-surface-pressed: color-mix(in srgb, var(--wzl-fg) 18%, transparent);
|
|
267
276
|
--wzl-checker-a: var(--wzl-border);
|
|
@@ -273,6 +282,9 @@
|
|
|
273
282
|
[data-wzl-theme='weasel'][data-wzl-mode='light'],
|
|
274
283
|
[data-wzl-mode='light'] {
|
|
275
284
|
color-scheme: light;
|
|
285
|
+
--wzl-accent-soft: #312e81;
|
|
286
|
+
--wzl-accent-base: #4338ca;
|
|
287
|
+
--wzl-accent-strong: #6366f1;
|
|
276
288
|
--wzl-secondary-soft: #016458;
|
|
277
289
|
--wzl-secondary-base: #3ee1cb;
|
|
278
290
|
--wzl-secondary-strong: #94e3d5;
|
|
@@ -295,12 +307,18 @@
|
|
|
295
307
|
--wzl-stance-aside-border-color: var(--wzl-line-subtle);
|
|
296
308
|
--wzl-stance-aside-title-color: var(--wzl-fg-subtle);
|
|
297
309
|
--wzl-stance-advanced-title-color: var(--wzl-fg-subtle);
|
|
310
|
+
--wzl-stance-notice-tone: var(--wzl-accent);
|
|
298
311
|
--wzl-stance-important-border-color: var(--wzl-accent-fg);
|
|
299
312
|
--wzl-stance-important-title-color: var(--wzl-accent-fg);
|
|
300
313
|
--wzl-line-subtle: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
|
|
301
314
|
--wzl-line: color-mix(in srgb, var(--wzl-fg) 20%, transparent);
|
|
302
315
|
--wzl-line-strong: color-mix(in srgb, var(--wzl-fg) 40%, transparent);
|
|
316
|
+
--wzl-curve-color: var(--wzl-accent-strong);
|
|
317
|
+
--wzl-accent: var(--wzl-accent-base);
|
|
318
|
+
--wzl-accent-hover: var(--wzl-accent-strong);
|
|
303
319
|
--wzl-secondary: var(--wzl-secondary-base);
|
|
320
|
+
--wzl-focus-ring: var(--wzl-accent-strong);
|
|
321
|
+
--wzl-glass-tint: var(--wzl-accent);
|
|
304
322
|
--wzl-surface-hover: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
|
|
305
323
|
--wzl-surface-pressed: color-mix(in srgb, var(--wzl-fg) 18%, transparent);
|
|
306
324
|
--wzl-checker-a: var(--wzl-border);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weasel-js/theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "Design tokens shared by weasel-ui and weasel-hud — CSS variables + a parallel TS export.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"./package.json": "./package.json"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@weasel-js/paint": "1.
|
|
32
|
+
"@weasel-js/paint": "1.7.0"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"react": ">=18"
|