@hanzo/design 0.5.18 → 0.5.19

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/styles.css +12 -3
  3. package/tokens/fonts.css +12 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzo/design",
3
- "version": "0.5.18",
3
+ "version": "0.5.19",
4
4
  "packageManager": "pnpm@11.17.0",
5
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.",
6
6
  "license": "MIT OR Apache-2.0",
package/styles.css CHANGED
@@ -866,21 +866,30 @@
866
866
  bytes than the CSS-then-woff2 round trip.
867
867
 
868
868
  The url()s are relative to THIS file, so they resolve wherever the package is
869
- mounted — node_modules, a CDN, a copied dist — with no configuration. */
869
+ mounted — node_modules, a CDN, a copied dist — with no configuration.
870
+
871
+ `font-display: block`, NOT swap, and the difference is the whole brand. `swap`
872
+ paints the fallback IMMEDIATELY and repaints when the face lands, so every first
873
+ visit shows the platform's own sans for as long as the download takes — on Ubuntu
874
+ that is DejaVu, which looks nothing like us and is the single most common way a
875
+ Hanzo surface renders wrong. `block` holds the text invisible for a short period
876
+ (~3s) and then paints Zen, so the fallback is only ever reached when the face
877
+ genuinely fails to arrive. A held word is a moment; the wrong typeface is the
878
+ brand. The generic tail below stays for exactly that real-failure case. */
870
879
 
871
880
  @font-face{
872
881
  font-family:"Zen";
873
882
  src:url("./assets/fonts/Zen-Variable.woff2") format("woff2");
874
883
  font-weight:100 900;
875
884
  font-style:normal;
876
- font-display:swap;
885
+ font-display:block;
877
886
  }
878
887
  @font-face{
879
888
  font-family:"Zen Mono";
880
889
  src:url("./assets/fonts/ZenMono-Variable.woff2") format("woff2");
881
890
  font-weight:100 900;
882
891
  font-style:normal;
883
- font-display:swap;
892
+ font-display:block;
884
893
  }
885
894
 
886
895
  :root{
package/tokens/fonts.css CHANGED
@@ -26,21 +26,30 @@
26
26
  bytes than the CSS-then-woff2 round trip.
27
27
 
28
28
  The url()s are relative to THIS file, so they resolve wherever the package is
29
- mounted — node_modules, a CDN, a copied dist — with no configuration. */
29
+ mounted — node_modules, a CDN, a copied dist — with no configuration.
30
+
31
+ `font-display: block`, NOT swap, and the difference is the whole brand. `swap`
32
+ paints the fallback IMMEDIATELY and repaints when the face lands, so every first
33
+ visit shows the platform's own sans for as long as the download takes — on Ubuntu
34
+ that is DejaVu, which looks nothing like us and is the single most common way a
35
+ Hanzo surface renders wrong. `block` holds the text invisible for a short period
36
+ (~3s) and then paints Zen, so the fallback is only ever reached when the face
37
+ genuinely fails to arrive. A held word is a moment; the wrong typeface is the
38
+ brand. The generic tail below stays for exactly that real-failure case. */
30
39
 
31
40
  @font-face{
32
41
  font-family:"Zen";
33
42
  src:url("../assets/fonts/Zen-Variable.woff2") format("woff2");
34
43
  font-weight:100 900;
35
44
  font-style:normal;
36
- font-display:swap;
45
+ font-display:block;
37
46
  }
38
47
  @font-face{
39
48
  font-family:"Zen Mono";
40
49
  src:url("../assets/fonts/ZenMono-Variable.woff2") format("woff2");
41
50
  font-weight:100 900;
42
51
  font-style:normal;
43
- font-display:swap;
52
+ font-display:block;
44
53
  }
45
54
 
46
55
  :root{