@weasel-js/theme 1.7.1 → 1.7.2
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/NOTICE +1 -1
- package/dist/{chunk-CKB2MZRY.js → chunk-HO2AM2OB.js} +34 -2
- package/dist/chunk-HO2AM2OB.js.map +1 -0
- package/dist/{definition-ChUj0lSz.d.ts → definition-DxvV2RH3.d.ts} +13 -1
- package/dist/engine.d.ts +2 -2
- package/dist/faces.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/numeric.module.css +7 -0
- package/dist/react.d.ts +1 -1
- package/dist/react.js +2 -2
- package/dist/tokens.css +4 -0
- package/fonts/README.md +9 -6
- package/fonts/oswald-tabular-digits.woff2 +0 -0
- package/package.json +4 -3
- package/dist/chunk-CKB2MZRY.js.map +0 -1
package/dist/tokens.css
CHANGED
|
@@ -162,6 +162,10 @@
|
|
|
162
162
|
--wzl-slider-track-h: 4px;
|
|
163
163
|
/* Diameter of a linear range thumb. */
|
|
164
164
|
--wzl-slider-thumb-size: 8px;
|
|
165
|
+
/* How far past a range track's edge a press still lands on it. Invisible, and overlaps whatever sits beside the track rather than taking layout space. */
|
|
166
|
+
--wzl-slider-track-slop: 6px;
|
|
167
|
+
/* How far past a range thumb's edge a press still grabs the thumb rather than landing on the track. Sits over the track's own slop. */
|
|
168
|
+
--wzl-slider-thumb-slop: 6px;
|
|
165
169
|
/* Accent proportion in a range track, as a color-mix percentage — not a color. Mixed into a real property, never into another custom property. */
|
|
166
170
|
--wzl-slider-track-mix: 18%;
|
|
167
171
|
/* Accent proportion in a range thumb, as a color-mix percentage — not a color. */
|
package/fonts/README.md
CHANGED
|
@@ -6,7 +6,7 @@ third-party host at runtime.
|
|
|
6
6
|
| file | token | role |
|
|
7
7
|
|---|---|---|
|
|
8
8
|
| `oswald-latin-variable.woff2` | `--wzl-font-ui`, `--wzl-font-display` | condensed UI/display face, variable `wght 200–700` |
|
|
9
|
-
| `oswald-tabular-digits.woff2` | `--wzl-font-numeric` | Oswald's digits 0–9, each centered in the widest digit's advance at every weight, and a figure space (U+2007) that wide, as family `Oswald Tabular` |
|
|
9
|
+
| `oswald-tabular-digits.woff2` | `--wzl-font-numeric` | Oswald's digits 0–9, plus (U+002B) and minus (U+2212), each centered in the widest digit's advance at every weight, and a figure space (U+2007) that wide, as family `Oswald Tabular` |
|
|
10
10
|
| `inter-latin.woff2` | `--wzl-font-body` | body/prose face, weight 400 |
|
|
11
11
|
|
|
12
12
|
Loading them is opt-in: `import '@weasel-js/theme/fonts.css'`, or
|
|
@@ -57,10 +57,13 @@ family name.
|
|
|
57
57
|
## Provenance — Oswald Tabular
|
|
58
58
|
|
|
59
59
|
Built from `oswald-latin-variable.woff2` by `scripts/oswald-tabular.py` (same
|
|
60
|
-
venv): subset to U+0030–0039 with no layout features, then
|
|
61
|
-
widest digit's advance at the default weight and
|
|
62
|
-
outline shifted by half the difference so it stays
|
|
63
|
-
rebuilt from the patched `gvar`.
|
|
60
|
+
venv): subset to U+0030–0039, U+002B and U+2212 with no layout features, then
|
|
61
|
+
every digit and sign gets the widest digit's advance at the default weight and
|
|
62
|
+
at each `wght` master, its outline shifted by half the difference so it stays
|
|
63
|
+
centered, and `HVAR` is rebuilt from the patched `gvar`. The minus is rebuilt
|
|
64
|
+
from the plus's crossbar first: Oswald draws it shorter than that arm, which a
|
|
65
|
+
column of signed figures would show. U+2212 rather than the hyphen, so a hyphen
|
|
66
|
+
in a date stays a hyphen; `@weasel-js/quantity` writes negatives with U+2212. A blank U+2007 of the same width is added, because
|
|
64
67
|
Oswald has none and `Jog` and `DetailList` pad numbers with it. Oswald ships no `tnum` feature, so this is the
|
|
65
68
|
only way its figures line up in a column. The widest digit is `0` at every
|
|
66
69
|
weight, so no digit is padded past Oswald's own widest.
|
|
@@ -71,7 +74,7 @@ weight, so no digit is padded past Oswald's own widest.
|
|
|
71
74
|
|
|
72
75
|
It is a separate family rather than a patched Oswald so that only text asking
|
|
73
76
|
for `--wzl-font-numeric` gets tabular digits; running text keeps Oswald's
|
|
74
|
-
proportional ones. The face covers digits and the figure space alone, so the browser takes every
|
|
77
|
+
proportional ones. The face covers digits, the two signs and the figure space alone, so the browser takes every
|
|
75
78
|
other character from the next family in the stack.
|
|
76
79
|
|
|
77
80
|
## Provenance — Inter
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weasel-js/theme",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.2",
|
|
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",
|
|
@@ -26,10 +26,11 @@
|
|
|
26
26
|
"./tokens.css": "./dist/tokens.css",
|
|
27
27
|
"./fonts.css": "./dist/fonts.css",
|
|
28
28
|
"./faces.css": "./dist/faces.css",
|
|
29
|
+
"./numeric.module.css": "./dist/numeric.module.css",
|
|
29
30
|
"./package.json": "./package.json"
|
|
30
31
|
},
|
|
31
32
|
"dependencies": {
|
|
32
|
-
"@weasel-js/paint": "1.7.
|
|
33
|
+
"@weasel-js/paint": "1.7.2"
|
|
33
34
|
},
|
|
34
35
|
"peerDependencies": {
|
|
35
36
|
"react": ">=18"
|
|
@@ -61,7 +62,7 @@
|
|
|
61
62
|
],
|
|
62
63
|
"scripts": {
|
|
63
64
|
"gen:tokens": "tsx scripts/build-tokens.ts",
|
|
64
|
-
"build": "npm run gen:tokens && tsup && cp src/generated/tokens.css dist/tokens.css && cp src/fonts.css src/faces.css dist/"
|
|
65
|
+
"build": "npm run gen:tokens && tsup && cp src/generated/tokens.css dist/tokens.css && cp src/fonts.css src/faces.css src/numeric.module.css dist/"
|
|
65
66
|
},
|
|
66
67
|
"publishConfig": {
|
|
67
68
|
"access": "public",
|