@weasel-js/theme 1.8.0 → 1.8.1
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-BOC4EQ5K.js → chunk-VUNWK7T2.js} +66 -2
- package/dist/chunk-VUNWK7T2.js.map +1 -0
- package/dist/{definition-CcRjppVZ.d.ts → definition-BQHKxPoy.d.ts} +13 -1
- package/dist/engine.d.ts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +2 -2
- package/dist/tokens.css +8 -0
- package/package.json +2 -2
- package/dist/chunk-BOC4EQ5K.js.map +0 -1
package/dist/tokens.css
CHANGED
|
@@ -60,6 +60,10 @@
|
|
|
60
60
|
--wzl-fg-muted: rgb(from currentColor r g b / 0.7);
|
|
61
61
|
/* Tertiary text: a further step down from the text color in effect, by the same rule as fg-muted. Under fg it clears WCAG 4.5:1 on surface, surface-raised, and surface-sunken in both modes. */
|
|
62
62
|
--wzl-fg-subtle: rgb(from currentColor r g b / 0.54);
|
|
63
|
+
/* Secondary text on an accent fill. Every rule that sets --wzl-fg-on-accent text redirects --wzl-fg-muted here (npm run check:on-accent), because the general step falls below WCAG 4.5:1 on the accent. In dark mode that leaves almost no step to show. */
|
|
64
|
+
--wzl-fg-muted-on-accent: rgb(from currentColor r g b / 0.98);
|
|
65
|
+
/* Tertiary text on an accent fill, redirected from --wzl-fg-subtle by the same rule as fg-muted-on-accent. Clears WCAG 4.5:1 on the accent in both modes. */
|
|
66
|
+
--wzl-fg-subtle-on-accent: rgb(from currentColor r g b / 0.96);
|
|
63
67
|
--wzl-border: var(--wzl-gray-700);
|
|
64
68
|
/* The line that has to be seen: a control's edge, a raised surface's outline. Clears WCAG 1.4.11's 3:1 against every surface in both modes. */
|
|
65
69
|
--wzl-border-strong: var(--wzl-gray-400);
|
|
@@ -254,6 +258,8 @@
|
|
|
254
258
|
--wzl-fg: var(--wzl-gray-100);
|
|
255
259
|
--wzl-fg-muted: rgb(from currentColor r g b / 0.7);
|
|
256
260
|
--wzl-fg-subtle: rgb(from currentColor r g b / 0.54);
|
|
261
|
+
--wzl-fg-muted-on-accent: rgb(from currentColor r g b / 0.98);
|
|
262
|
+
--wzl-fg-subtle-on-accent: rgb(from currentColor r g b / 0.96);
|
|
257
263
|
--wzl-border: var(--wzl-gray-700);
|
|
258
264
|
--wzl-border-strong: var(--wzl-gray-400);
|
|
259
265
|
--wzl-accent-fg: var(--wzl-accent-strong);
|
|
@@ -302,6 +308,8 @@
|
|
|
302
308
|
--wzl-fg: var(--wzl-gray-900);
|
|
303
309
|
--wzl-fg-muted: rgb(from currentColor r g b / 0.78);
|
|
304
310
|
--wzl-fg-subtle: rgb(from currentColor r g b / 0.64);
|
|
311
|
+
--wzl-fg-muted-on-accent: rgb(from currentColor r g b / 0.78);
|
|
312
|
+
--wzl-fg-subtle-on-accent: rgb(from currentColor r g b / 0.73);
|
|
305
313
|
--wzl-border: var(--wzl-gray-200);
|
|
306
314
|
--wzl-border-strong: var(--wzl-gray-500);
|
|
307
315
|
--wzl-accent-fg: var(--wzl-accent-base);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weasel-js/theme",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.1",
|
|
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",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"./package.json": "./package.json"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@weasel-js/paint": "1.8.
|
|
34
|
+
"@weasel-js/paint": "1.8.1"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": ">=18"
|