@hanzo/design 0.3.1 → 0.3.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/package.json +5 -4
- package/tokens/base.css +8 -1
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/design",
|
|
3
|
-
"version": "0.3.
|
|
4
|
-
"
|
|
3
|
+
"version": "0.3.2",
|
|
4
|
+
"packageManager": "pnpm@11.17.0",
|
|
5
|
+
"description": "Hanzo Design System \u2014 monochrome, dark-default tokens + components + brand assets, the single source of truth for every Hanzo surface. CSS + typed programmatic tokens.",
|
|
5
6
|
"license": "BSD-3-Clause",
|
|
6
7
|
"repository": {
|
|
7
8
|
"type": "git",
|
|
@@ -31,8 +32,8 @@
|
|
|
31
32
|
"scripts": {
|
|
32
33
|
"gen": "node scripts/gen-tokens.mjs",
|
|
33
34
|
"test": "node scripts/check-tokens.mjs && node scripts/lint.mjs components",
|
|
34
|
-
"build": "
|
|
35
|
-
"prepublishOnly": "
|
|
35
|
+
"build": "pnpm gen && pnpm test && tsc -p tsconfig.json",
|
|
36
|
+
"prepublishOnly": "pnpm build",
|
|
36
37
|
"lint": "node scripts/lint.mjs"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
package/tokens/base.css
CHANGED
|
@@ -11,6 +11,13 @@ h1,h2,h3,h4{margin:0;font-family:var(--font-display,var(--font-sans,ui-sans-seri
|
|
|
11
11
|
p{margin:0;text-wrap:pretty}
|
|
12
12
|
code,pre,kbd{font-family:var(--font-mono,ui-monospace,SFMono-Regular,monospace)}
|
|
13
13
|
a{color:var(--text-primary);text-decoration:none;text-underline-offset:4px;transition:color var(--duration-fast) var(--ease-out)}
|
|
14
|
-
a
|
|
14
|
+
/* Underline is the accessible affordance for a link in RUNNING TEXT and a visual
|
|
15
|
+
bug everywhere else: nav items, cards and anchor-buttons are all <a> too, so a
|
|
16
|
+
blanket `a:hover` underlined every one of them on every surface that imports
|
|
17
|
+
these tokens. Scope it to the elements that actually carry prose; a link that
|
|
18
|
+
is a component states its own hover. The old rule also re-set `color` to the
|
|
19
|
+
value `a` already has — a no-op that only served to outrank a component's own
|
|
20
|
+
hover colour. */
|
|
21
|
+
:is(p,li,blockquote,dd,dt,td,th,figcaption) a:hover{text-decoration:underline}
|
|
15
22
|
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
16
23
|
::selection{background:var(--white-20);color:#fff}
|