@hanzo/ui 8.29.31 → 8.29.33
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/corner/logic.cjs +1 -0
- package/dist/corner/logic.d.ts +2 -1
- package/dist/corner/logic.d.ts.map +1 -1
- package/dist/corner/logic.js +1 -0
- package/dist/corner/logic.js.map +1 -1
- package/dist/gallery.html +29 -12
- package/dist/gui-config.cjs +13 -0
- package/dist/gui-config.d.ts +365 -0
- package/dist/gui-config.d.ts.map +1 -1
- package/dist/gui-config.js +13 -0
- package/dist/gui-config.js.map +1 -1
- package/dist/marketing/Footer.cjs +10 -3
- package/dist/marketing/Footer.d.ts.map +1 -1
- package/dist/marketing/Footer.js +10 -3
- package/dist/marketing/Footer.js.map +1 -1
- package/dist/styles.css +25 -10
- package/dist/theme.css +22 -9
- package/package.json +3 -3
package/dist/corner/logic.cjs
CHANGED
package/dist/corner/logic.d.ts
CHANGED
|
@@ -38,9 +38,10 @@ export type Words = {
|
|
|
38
38
|
system: string;
|
|
39
39
|
serif: string;
|
|
40
40
|
mono: string;
|
|
41
|
-
/** The face Arabic is set in, and its
|
|
41
|
+
/** The face Arabic is set in, and its answers besides `sans`, which the face list names. */
|
|
42
42
|
arabic: string;
|
|
43
43
|
kufi: string;
|
|
44
|
+
plex: string;
|
|
44
45
|
search: string;
|
|
45
46
|
back: string;
|
|
46
47
|
close: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,6FAA6F;AAC7F,MAAM,MAAM,MAAM,GAAG;IACnB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED,4FAA4F;AAC5F,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,+EAA+E;AAC/E,MAAM,MAAM,KAAK,GAAG;IAClB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ
|
|
1
|
+
{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,6FAA6F;AAC7F,MAAM,MAAM,MAAM,GAAG;IACnB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED,4FAA4F;AAC5F,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,+EAA+E;AAC/E,MAAM,MAAM,KAAK,GAAG;IAClB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,4FAA4F;IAC5F,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAA;AAED,yDAAyD;AACzD,eAAO,MAAM,IAAI,IAAI,CAAA;AAErB;;;;GAIG;AACH,eAAO,MAAM,IAAI,MAAO,MAAM,KAAG,MACyB,CAAA;AAE1D;;;GAGG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAIpE;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAOvD;AAED,iFAAiF;AACjF,eAAO,MAAM,KAAK,MAAO,OAAO,KAAG,MAAqE,CAAA"}
|
package/dist/corner/logic.js
CHANGED
package/dist/corner/logic.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logic.js","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;
|
|
1
|
+
{"version":3,"file":"logic.js","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoDH,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,oBAAoB;CAC7B,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAA;AAErB;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAU,EAAE,CACxC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;AAE1D;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,OAA0B,EAAE,CAAS;IACxD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAC7B,IAAI,CAAC,MAAM;QAAE,OAAO,OAAO,CAAC,KAAK,EAAE,CAAA;IACnC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;AACtI,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,GAAuB;IAC5C,IAAI,CAAC,GAAG;QAAE,OAAO,KAAK,CAAA;IACtB,IAAI,CAAC;QACH,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,MAAM,CAAA;IAC1D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC;AAED,iFAAiF;AACjF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAU,EAAU,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,KAAK,CAAA"}
|
package/dist/gallery.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.
|
|
1
|
+
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.29.33</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
|
|
2
2
|
:root { --hanzo-ui-styles: 1; }
|
|
3
3
|
/* Hanzo Design System — the entry point. Import THIS one file.
|
|
4
4
|
*
|
|
@@ -807,7 +807,7 @@
|
|
|
807
807
|
/* Zen — the family on Hanzo surfaces, sans and mono, and its Arabic companions.
|
|
808
808
|
SELF-HOSTED. The faces ship inside this package (assets/fonts/*.woff2, two
|
|
809
809
|
variable files, 141 KB total, SIL OFL-1.1 — see assets/fonts/LICENSE-Zen.txt),
|
|
810
|
-
with
|
|
810
|
+
with three Arabic companions beside them (below).
|
|
811
811
|
|
|
812
812
|
Zen is our own family, under the SIL Open Font License. The licence file
|
|
813
813
|
beside the binaries carries every copyright the OFL requires; nothing else in
|
|
@@ -857,12 +857,13 @@
|
|
|
857
857
|
|
|
858
858
|
|
|
859
859
|
/* ARABIC. Zen draws Latin and Cyrillic and no Arabic, so an Arabic page used to
|
|
860
|
-
fall to whatever face each browser picked. @hanzo/font carries
|
|
861
|
-
companions,
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
860
|
+
fall to whatever face each browser picked. @hanzo/font carries three Arabic
|
|
861
|
+
companions, copied here with the Zen faces: Noto Kufi Arabic (the default,
|
|
862
|
+
geometric like Zen) and Noto Sans Arabic, each one variable file cut to the
|
|
863
|
+
Arabic blocks, and IBM Plex Sans Arabic, IBM's own file for each of seven
|
|
864
|
+
weights. All three draw every letter of every Arabic-script language Hanzo
|
|
865
|
+
ships. They are not ours and keep their names; their licences are
|
|
866
|
+
assets/fonts/LICENSE-Arabic.txt (Noto) and assets/fonts/LICENSE-Plex.txt.
|
|
866
867
|
|
|
867
868
|
THE RANGE IS THE WHOLE TRICK. Each face covers the Arabic blocks only, so a
|
|
868
869
|
page with no Arabic on it never requests one, and Latin inside an Arabic page
|
|
@@ -890,12 +891,24 @@
|
|
|
890
891
|
|
|
891
892
|
|
|
892
893
|
|
|
894
|
+
/* One file per weight, so it is offered under its own name and never under "Zen":
|
|
895
|
+
a static face in Zen's family would win the weight match for Latin at its own
|
|
896
|
+
weight and refuse every Latin letter (above). A page in Plex fetches the
|
|
897
|
+
weights it sets and no others. */
|
|
898
|
+
|
|
899
|
+
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
903
|
+
|
|
904
|
+
|
|
893
905
|
|
|
894
906
|
:root{
|
|
895
|
-
/* The Arabic companions by
|
|
896
|
-
choice replaces --font-arabic with one of the
|
|
907
|
+
/* The Arabic companions by their short names, and the one in use. A person's
|
|
908
|
+
choice replaces --font-arabic with one of the three names above it. */
|
|
897
909
|
--font-arabic-kufi:"Noto Kufi Arabic";
|
|
898
910
|
--font-arabic-sans:"Noto Sans Arabic";
|
|
911
|
+
--font-arabic-plex:"IBM Plex Sans Arabic";
|
|
899
912
|
--font-arabic:var(--font-arabic-kufi);
|
|
900
913
|
--font-sans:var(--font-arabic), Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
901
914
|
--font-display:var(--font-sans);
|
|
@@ -4061,7 +4074,9 @@ a svg,
|
|
|
4061
4074
|
}
|
|
4062
4075
|
:root .font_mono, :root .t_lang-mono-default .font_mono { --f-family:var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
4063
4076
|
}
|
|
4064
|
-
|
|
4077
|
+
:root .font_serif, :root .t_lang-serif-default .font_serif { --f-family:var(--font-serif, Georgia, serif); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:-0.025em; --f-letterSpacing-8:-0.025em; --f-letterSpacing-9:-0.025em; --f-letterSpacing-10:-0.025em; --f-letterSpacing-11:-0.025em; --f-letterSpacing-12:-0.025em; --f-letterSpacing-13:-0.025em; --f-letterSpacing-14:-0.025em; --f-letterSpacing-15:-0.025em; --f-letterSpacing-16:-0.025em; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
4078
|
+
}
|
|
4079
|
+
.font_body, .font_heading, .font_mono, .font_serif, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
|
|
4065
4080
|
:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t11);--color6:var(--t12);--color7:var(--t13);--color8:var(--t14);--color9:var(--t15);--color10:var(--t16);--color11:var(--t17);--color12:var(--t18);--color0:var(--t19);--color02:var(--t20);--color04:var(--t21);--color06:var(--t22);--color08:var(--t23);--color:var(--t18);--colorHover:var(--t23);--colorPress:var(--t24);--colorFocus:var(--t17);--backgroundHover:var(--t26);--backgroundPress:var(--t7);--backgroundFocus:var(--t26);--backgroundActive:var(--t27);--borderColor:var(--t10);--borderColorHover:var(--t28);--borderColorFocus:var(--t29);--borderColorPress:var(--t26);--placeholderColor:var(--t30);--colorTransparent:var(--t19);--black1:var(--t31);--black2:var(--t32);--black3:var(--t33);--black4:var(--t34);--black5:var(--t35);--black6:var(--t36);--black7:var(--t37);--black8:var(--t38);--black9:var(--t39);--black10:var(--t40);--black11:var(--t41);--black12:var(--t42);--white1:var(--t43);--white2:var(--t44);--white3:var(--t45);--white4:var(--t46);--white5:var(--t47);--white6:var(--t48);--white7:var(--t49);--white8:var(--t50);--white9:var(--t51);--white10:var(--t52);--white11:var(--t53);--white12:var(--t54);--white0:var(--t56);--white02:var(--t57);--white04:var(--t58);--white06:var(--t59);--white08:var(--t60);--black0:var(--t62);--black02:var(--t63);--black04:var(--t64);--black06:var(--t65);--black08:var(--t66);--shadow1:var(--t67);--shadow2:var(--t68);--shadow3:var(--t69);--shadow4:var(--t70);--shadow5:var(--t71);--shadow6:var(--t66);--shadow7:var(--t72);--shadow8:var(--t61);--highlight1:var(--t73);--highlight2:var(--t57);--highlight3:var(--t74);--highlight4:var(--t75);--highlight5:var(--t76);--highlight6:var(--t77);--highlight7:var(--t78);--highlight8:var(--t55);--shadowColor:var(--t69);--gray1:var(--t79);--gray2:var(--t33);--gray3:var(--t80);--gray4:var(--t81);--gray5:var(--t82);--gray6:var(--t83);--gray7:var(--t84);--gray8:var(--t85);--gray9:var(--t86);--gray10:var(--t87);--gray11:var(--t88);--gray12:var(--t89);--blue1:var(--t90);--blue2:var(--t91);--blue3:var(--t92);--blue4:var(--t93);--blue5:var(--t94);--blue6:var(--t95);--blue7:var(--t96);--blue8:var(--t97);--blue9:var(--t98);--blue10:var(--t99);--blue11:var(--t100);--blue12:var(--t101);--red1:var(--t102);--red2:var(--t103);--red3:var(--t104);--red4:var(--t105);--red5:var(--t106);--red6:var(--t107);--red7:var(--t108);--red8:var(--t109);--red9:var(--t110);--red10:var(--t111);--red11:var(--t112);--red12:var(--t113);--yellow1:var(--t114);--yellow2:var(--t115);--yellow3:var(--t116);--yellow4:var(--t117);--yellow5:var(--t118);--yellow6:var(--t119);--yellow7:var(--t120);--yellow8:var(--t121);--yellow9:var(--t122);--yellow10:var(--t123);--yellow11:var(--t124);--yellow12:var(--t125);--green1:var(--t126);--green2:var(--t127);--green3:var(--t128);--green4:var(--t129);--green5:var(--t130);--green6:var(--t131);--green7:var(--t132);--green8:var(--t133);--green9:var(--t134);--green10:var(--t135);--green11:var(--t136);--green12:var(--t137);--orange1:var(--t138);--orange2:var(--t139);--orange3:var(--t140);--orange4:var(--t141);--orange5:var(--t142);--orange6:var(--t143);--orange7:var(--t144);--orange8:var(--t145);--orange9:var(--t146);--orange10:var(--t147);--orange11:var(--t148);--orange12:var(--t149);--pink1:var(--t150);--pink2:var(--t151);--pink3:var(--t152);--pink4:var(--t153);--pink5:var(--t154);--pink6:var(--t155);--pink7:var(--t156);--pink8:var(--t157);--pink9:var(--t158);--pink10:var(--t159);--pink11:var(--t160);--pink12:var(--t161);--purple1:var(--t162);--purple2:var(--t163);--purple3:var(--t164);--purple4:var(--t165);--purple5:var(--t166);--purple6:var(--t167);--purple7:var(--t168);--purple8:var(--t169);--purple9:var(--t170);--purple10:var(--t171);--purple11:var(--t172);--purple12:var(--t173);--teal1:var(--t174);--teal2:var(--t175);--teal3:var(--t176);--teal4:var(--t177);--teal5:var(--t178);--teal6:var(--t179);--teal7:var(--t180);--teal8:var(--t181);--teal9:var(--t182);--teal10:var(--t183);--teal11:var(--t184);--teal12:var(--t185);--neutral1:var(--t186);--neutral2:var(--t187);--neutral3:var(--t188);--neutral4:var(--t49);--neutral5:var(--t189);--neutral6:var(--t190);--neutral7:var(--t191);--neutral8:var(--t192);--neutral9:var(--t193);--neutral10:var(--t194);--neutral11:var(--t195);--neutral12:var(--t196);--accent1:var(--t24);--accent2:var(--t197);--accent3:var(--t198);--accent4:var(--t199);--accent5:var(--t17);--accent6:var(--t200);--accent7:var(--t201);--accent8:var(--t202);--accent9:var(--t203);--accent10:var(--t28);--accent11:var(--t29);--accent12:var(--t204);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--outlineColor:var(--t217);--sunken:var(--t7);--panel:var(--t8);--hover:var(--t9);--edge:var(--t10);--raised:var(--t11);--rim:var(--t12);--bound:var(--t13);--dim:var(--t14);--faint:var(--t15);--soft:var(--t16);--quiet:var(--t17);--ink:var(--t18);--aside:var(--t218);--hint:var(--t219);--hush:var(--t220);--bad:var(--t221);--good:var(--t222);--accentHover:var(--t223);--codeGround:var(--t224);--codeLine:var(--t225);--codeDim:var(--t226);--codeInk:var(--t227);--codeBright:var(--t228);--codeKey:var(--t227);--codeString:var(--t228);--codeNumber:var(--t228);--codeBoolean:var(--t228);--codeNull:var(--t228);--codePunctuation:var(--t226);--codeComment:var(--t226);--codeKeyword:var(--t228);}
|
|
4066
4081
|
.t_dark ::selection{background:var(--color5);color:var(--color11)}
|
|
4067
4082
|
:root.t_dark .t_Button, :root.t_dark .t_SliderThumb, :root.t_dark .t_Switch, :root.t_dark .t_surface2, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_surface2, .tm_xxt {--color:var(--t17);--colorHover:var(--t24);--colorPress:var(--t17);--colorFocus:var(--t16);--background:var(--t29);--backgroundHover:var(--t28);--backgroundPress:var(--t26);--backgroundFocus:var(--t13);--backgroundActive:var(--t29);--borderColor:var(--t10);--borderColorHover:var(--t13);--borderColorFocus:var(--t12);--borderColorPress:var(--t28);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--outlineColor:var(--t217);}
|
|
@@ -5376,7 +5391,9 @@ a svg,
|
|
|
5376
5391
|
}
|
|
5377
5392
|
:root .font_mono, :root .t_lang-mono-default .font_mono { --f-family:var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
5378
5393
|
}
|
|
5379
|
-
|
|
5394
|
+
:root .font_serif, :root .t_lang-serif-default .font_serif { --f-family:var(--font-serif, Georgia, serif); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:-0.025em; --f-letterSpacing-8:-0.025em; --f-letterSpacing-9:-0.025em; --f-letterSpacing-10:-0.025em; --f-letterSpacing-11:-0.025em; --f-letterSpacing-12:-0.025em; --f-letterSpacing-13:-0.025em; --f-letterSpacing-14:-0.025em; --f-letterSpacing-15:-0.025em; --f-letterSpacing-16:-0.025em; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
5395
|
+
}
|
|
5396
|
+
.font_body, .font_heading, .font_mono, .font_serif, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
|
|
5380
5397
|
:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t11);--color6:var(--t12);--color7:var(--t13);--color8:var(--t14);--color9:var(--t15);--color10:var(--t16);--color11:var(--t17);--color12:var(--t18);--color0:var(--t19);--color02:var(--t20);--color04:var(--t21);--color06:var(--t22);--color08:var(--t23);--color:var(--t18);--colorHover:var(--t23);--colorPress:var(--t24);--colorFocus:var(--t17);--background:var(--t25);--backgroundHover:var(--t26);--backgroundPress:var(--t7);--backgroundFocus:var(--t26);--backgroundActive:var(--t27);--borderColor:var(--t10);--borderColorHover:var(--t28);--borderColorFocus:var(--t29);--borderColorPress:var(--t26);--placeholderColor:var(--t30);--colorTransparent:var(--t19);--black1:var(--t31);--black2:var(--t32);--black3:var(--t33);--black4:var(--t34);--black5:var(--t35);--black6:var(--t36);--black7:var(--t37);--black8:var(--t38);--black9:var(--t39);--black10:var(--t40);--black11:var(--t41);--black12:var(--t42);--white1:var(--t43);--white2:var(--t44);--white3:var(--t45);--white4:var(--t46);--white5:var(--t47);--white6:var(--t48);--white7:var(--t49);--white8:var(--t50);--white9:var(--t51);--white10:var(--t52);--white11:var(--t53);--white12:var(--t54);--white:var(--t55);--white0:var(--t56);--white02:var(--t57);--white04:var(--t58);--white06:var(--t59);--white08:var(--t60);--black:var(--t61);--black0:var(--t62);--black02:var(--t63);--black04:var(--t64);--black06:var(--t65);--black08:var(--t66);--shadow1:var(--t67);--shadow2:var(--t68);--shadow3:var(--t69);--shadow4:var(--t70);--shadow5:var(--t71);--shadow6:var(--t66);--shadow7:var(--t72);--shadow8:var(--t61);--highlight1:var(--t73);--highlight2:var(--t57);--highlight3:var(--t74);--highlight4:var(--t75);--highlight5:var(--t76);--highlight6:var(--t77);--highlight7:var(--t78);--highlight8:var(--t55);--shadowColor:var(--t69);--gray1:var(--t79);--gray2:var(--t33);--gray3:var(--t80);--gray4:var(--t81);--gray5:var(--t82);--gray6:var(--t83);--gray7:var(--t84);--gray8:var(--t85);--gray9:var(--t86);--gray10:var(--t87);--gray11:var(--t88);--gray12:var(--t89);--blue1:var(--t90);--blue2:var(--t91);--blue3:var(--t92);--blue4:var(--t93);--blue5:var(--t94);--blue6:var(--t95);--blue7:var(--t96);--blue8:var(--t97);--blue9:var(--t98);--blue10:var(--t99);--blue11:var(--t100);--blue12:var(--t101);--red1:var(--t102);--red2:var(--t103);--red3:var(--t104);--red4:var(--t105);--red5:var(--t106);--red6:var(--t107);--red7:var(--t108);--red8:var(--t109);--red9:var(--t110);--red10:var(--t111);--red11:var(--t112);--red12:var(--t113);--yellow1:var(--t114);--yellow2:var(--t115);--yellow3:var(--t116);--yellow4:var(--t117);--yellow5:var(--t118);--yellow6:var(--t119);--yellow7:var(--t120);--yellow8:var(--t121);--yellow9:var(--t122);--yellow10:var(--t123);--yellow11:var(--t124);--yellow12:var(--t125);--green1:var(--t126);--green2:var(--t127);--green3:var(--t128);--green4:var(--t129);--green5:var(--t130);--green6:var(--t131);--green7:var(--t132);--green8:var(--t133);--green9:var(--t134);--green10:var(--t135);--green11:var(--t136);--green12:var(--t137);--orange1:var(--t138);--orange2:var(--t139);--orange3:var(--t140);--orange4:var(--t141);--orange5:var(--t142);--orange6:var(--t143);--orange7:var(--t144);--orange8:var(--t145);--orange9:var(--t146);--orange10:var(--t147);--orange11:var(--t148);--orange12:var(--t149);--pink1:var(--t150);--pink2:var(--t151);--pink3:var(--t152);--pink4:var(--t153);--pink5:var(--t154);--pink6:var(--t155);--pink7:var(--t156);--pink8:var(--t157);--pink9:var(--t158);--pink10:var(--t159);--pink11:var(--t160);--pink12:var(--t161);--purple1:var(--t162);--purple2:var(--t163);--purple3:var(--t164);--purple4:var(--t165);--purple5:var(--t166);--purple6:var(--t167);--purple7:var(--t168);--purple8:var(--t169);--purple9:var(--t170);--purple10:var(--t171);--purple11:var(--t172);--purple12:var(--t173);--teal1:var(--t174);--teal2:var(--t175);--teal3:var(--t176);--teal4:var(--t177);--teal5:var(--t178);--teal6:var(--t179);--teal7:var(--t180);--teal8:var(--t181);--teal9:var(--t182);--teal10:var(--t183);--teal11:var(--t184);--teal12:var(--t185);--neutral1:var(--t186);--neutral2:var(--t187);--neutral3:var(--t188);--neutral4:var(--t49);--neutral5:var(--t189);--neutral6:var(--t190);--neutral7:var(--t191);--neutral8:var(--t192);--neutral9:var(--t193);--neutral10:var(--t194);--neutral11:var(--t195);--neutral12:var(--t196);--accent1:var(--t24);--accent2:var(--t197);--accent3:var(--t198);--accent4:var(--t199);--accent5:var(--t17);--accent6:var(--t200);--accent7:var(--t201);--accent8:var(--t202);--accent9:var(--t203);--accent10:var(--t28);--accent11:var(--t29);--accent12:var(--t204);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--outlineColor:var(--t217);--sunken:var(--t7);--panel:var(--t8);--hover:var(--t9);--edge:var(--t10);--raised:var(--t11);--rim:var(--t12);--bound:var(--t13);--dim:var(--t14);--faint:var(--t15);--soft:var(--t16);--quiet:var(--t17);--ink:var(--t18);--aside:var(--t218);--hint:var(--t219);--hush:var(--t220);--bad:var(--t221);--good:var(--t222);--accentHover:var(--t223);--codeGround:var(--t224);--codeLine:var(--t225);--codeDim:var(--t226);--codeInk:var(--t227);--codeBright:var(--t228);--codeKey:var(--t227);--codeString:var(--t228);--codeNumber:var(--t228);--codeBoolean:var(--t228);--codeNull:var(--t228);--codePunctuation:var(--t226);--codeComment:var(--t226);--codeKeyword:var(--t228);}
|
|
5381
5398
|
.t_dark ::selection{background:var(--color5);color:var(--color11)}
|
|
5382
5399
|
:root.t_dark .t_Button, :root.t_dark .t_SliderThumb, :root.t_dark .t_Switch, :root.t_dark .t_surface2, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_surface2, .tm_xxt {--color:var(--t17);--colorHover:var(--t24);--colorPress:var(--t17);--colorFocus:var(--t16);--background:var(--t29);--backgroundHover:var(--t28);--backgroundPress:var(--t26);--backgroundFocus:var(--t13);--backgroundActive:var(--t29);--borderColor:var(--t10);--borderColorHover:var(--t13);--borderColorFocus:var(--t12);--borderColorPress:var(--t28);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--outlineColor:var(--t217);}
|
package/dist/gui-config.cjs
CHANGED
|
@@ -44,6 +44,9 @@ const SANS = "var(--font-sans, 'Zen', system-ui, -apple-system, sans-serif)";
|
|
|
44
44
|
* number renders in two different fonts depending on which one a component
|
|
45
45
|
* reached for. */
|
|
46
46
|
const MONO = "var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)";
|
|
47
|
+
/** @hanzo/design's serif, for a display line that asks for one (`$serif`). The
|
|
48
|
+
* same binding `tw`'s `font-serif` reads. */
|
|
49
|
+
const SERIF = 'var(--font-serif, Georgia, serif)';
|
|
47
50
|
/** Type — the same SIX sizes, now DEFERRED to @hanzo/design rather than restated.
|
|
48
51
|
* $1 label · $2 nav + dense body · $3 base · $4/$5 emphasis · $6 section head ·
|
|
49
52
|
* $7 page title · $8+ display. `$5` still collapses onto 15 to retire the 16px
|
|
@@ -670,6 +673,16 @@ const base = {
|
|
|
670
673
|
// in hanzo.app were dead on that alone. A missing token has to be a defined
|
|
671
674
|
// token, not a silent no-op, so it is defined.
|
|
672
675
|
mono: { ...v5_1.defaultConfig.fonts.body, family: MONO, size: asSizes(FONT_SIZE), lineHeight: asSizes(LINE_HEIGHT) },
|
|
676
|
+
// `$serif` for the same reason: a family gui cannot name can only be said
|
|
677
|
+
// with a style object, and one written through `$platform-web` resets the
|
|
678
|
+
// element to the face's 15px rung. Named here, it keeps the body's ladder.
|
|
679
|
+
serif: {
|
|
680
|
+
...v5_1.defaultConfig.fonts.body,
|
|
681
|
+
family: SERIF,
|
|
682
|
+
size: asSizes(FONT_SIZE),
|
|
683
|
+
lineHeight: asSizes(LINE_HEIGHT),
|
|
684
|
+
letterSpacing: asSizes(TRACKING),
|
|
685
|
+
},
|
|
673
686
|
},
|
|
674
687
|
};
|
|
675
688
|
exports.config = (0, gui_1.createGui)({ ...base, themes });
|
package/dist/gui-config.d.ts
CHANGED
|
@@ -894,6 +894,188 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<{
|
|
|
894
894
|
true: number | import("@hanzogui/web").Variable<any>;
|
|
895
895
|
};
|
|
896
896
|
};
|
|
897
|
+
serif: {
|
|
898
|
+
weight: {
|
|
899
|
+
1: any;
|
|
900
|
+
10: any;
|
|
901
|
+
11: any;
|
|
902
|
+
12: any;
|
|
903
|
+
13: any;
|
|
904
|
+
14: any;
|
|
905
|
+
15: any;
|
|
906
|
+
16: any;
|
|
907
|
+
2: any;
|
|
908
|
+
3: any;
|
|
909
|
+
4: any;
|
|
910
|
+
5: any;
|
|
911
|
+
6: any;
|
|
912
|
+
7: any;
|
|
913
|
+
8: any;
|
|
914
|
+
9: any;
|
|
915
|
+
true: any;
|
|
916
|
+
};
|
|
917
|
+
style: {
|
|
918
|
+
1: any;
|
|
919
|
+
10: any;
|
|
920
|
+
11: any;
|
|
921
|
+
12: any;
|
|
922
|
+
13: any;
|
|
923
|
+
14: any;
|
|
924
|
+
15: any;
|
|
925
|
+
16: any;
|
|
926
|
+
2: any;
|
|
927
|
+
3: any;
|
|
928
|
+
4: any;
|
|
929
|
+
5: any;
|
|
930
|
+
6: any;
|
|
931
|
+
7: any;
|
|
932
|
+
8: any;
|
|
933
|
+
9: any;
|
|
934
|
+
true: any;
|
|
935
|
+
};
|
|
936
|
+
transform: {
|
|
937
|
+
1: any;
|
|
938
|
+
10: any;
|
|
939
|
+
11: any;
|
|
940
|
+
12: any;
|
|
941
|
+
13: any;
|
|
942
|
+
14: any;
|
|
943
|
+
15: any;
|
|
944
|
+
16: any;
|
|
945
|
+
2: any;
|
|
946
|
+
3: any;
|
|
947
|
+
4: any;
|
|
948
|
+
5: any;
|
|
949
|
+
6: any;
|
|
950
|
+
7: any;
|
|
951
|
+
8: any;
|
|
952
|
+
9: any;
|
|
953
|
+
true: any;
|
|
954
|
+
};
|
|
955
|
+
color: {
|
|
956
|
+
1: any;
|
|
957
|
+
10: any;
|
|
958
|
+
11: any;
|
|
959
|
+
12: any;
|
|
960
|
+
13: any;
|
|
961
|
+
14: any;
|
|
962
|
+
15: any;
|
|
963
|
+
16: any;
|
|
964
|
+
2: any;
|
|
965
|
+
3: any;
|
|
966
|
+
4: any;
|
|
967
|
+
5: any;
|
|
968
|
+
6: any;
|
|
969
|
+
7: any;
|
|
970
|
+
8: any;
|
|
971
|
+
9: any;
|
|
972
|
+
true: any;
|
|
973
|
+
};
|
|
974
|
+
face: Partial<Partial<{
|
|
975
|
+
100: {
|
|
976
|
+
normal?: string;
|
|
977
|
+
italic?: string;
|
|
978
|
+
};
|
|
979
|
+
200: {
|
|
980
|
+
normal?: string;
|
|
981
|
+
italic?: string;
|
|
982
|
+
};
|
|
983
|
+
300: {
|
|
984
|
+
normal?: string;
|
|
985
|
+
italic?: string;
|
|
986
|
+
};
|
|
987
|
+
400: {
|
|
988
|
+
normal?: string;
|
|
989
|
+
italic?: string;
|
|
990
|
+
};
|
|
991
|
+
500: {
|
|
992
|
+
normal?: string;
|
|
993
|
+
italic?: string;
|
|
994
|
+
};
|
|
995
|
+
600: {
|
|
996
|
+
normal?: string;
|
|
997
|
+
italic?: string;
|
|
998
|
+
};
|
|
999
|
+
700: {
|
|
1000
|
+
normal?: string;
|
|
1001
|
+
italic?: string;
|
|
1002
|
+
};
|
|
1003
|
+
800: {
|
|
1004
|
+
normal?: string;
|
|
1005
|
+
italic?: string;
|
|
1006
|
+
};
|
|
1007
|
+
900: {
|
|
1008
|
+
normal?: string;
|
|
1009
|
+
italic?: string;
|
|
1010
|
+
};
|
|
1011
|
+
bold: {
|
|
1012
|
+
normal?: string;
|
|
1013
|
+
italic?: string;
|
|
1014
|
+
};
|
|
1015
|
+
normal: {
|
|
1016
|
+
normal?: string;
|
|
1017
|
+
italic?: string;
|
|
1018
|
+
};
|
|
1019
|
+
}> | undefined>;
|
|
1020
|
+
family: string;
|
|
1021
|
+
size: {
|
|
1022
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
1023
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
1024
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
1025
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
1026
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
1027
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
1028
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
1029
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
1030
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
1031
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
1032
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
1033
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
1034
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
1035
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
1036
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
1037
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
1038
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
1039
|
+
};
|
|
1040
|
+
lineHeight: {
|
|
1041
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
1042
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
1043
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
1044
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
1045
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
1046
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
1047
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
1048
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
1049
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
1050
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
1051
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
1052
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
1053
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
1054
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
1055
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
1056
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
1057
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
1058
|
+
};
|
|
1059
|
+
letterSpacing: {
|
|
1060
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
1061
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
1062
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
1063
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
1064
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
1065
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
1066
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
1067
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
1068
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
1069
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
1070
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
1071
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
1072
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
1073
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
1074
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
1075
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
1076
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
1077
|
+
};
|
|
1078
|
+
};
|
|
897
1079
|
}, {
|
|
898
1080
|
mediaQueryDefaultActive: {
|
|
899
1081
|
touchable: boolean;
|
|
@@ -1818,6 +2000,188 @@ export declare const monochrome: import("@hanzogui/web").GuiInternalConfig<{
|
|
|
1818
2000
|
true: number | import("@hanzogui/web").Variable<any>;
|
|
1819
2001
|
};
|
|
1820
2002
|
};
|
|
2003
|
+
serif: {
|
|
2004
|
+
weight: {
|
|
2005
|
+
1: any;
|
|
2006
|
+
10: any;
|
|
2007
|
+
11: any;
|
|
2008
|
+
12: any;
|
|
2009
|
+
13: any;
|
|
2010
|
+
14: any;
|
|
2011
|
+
15: any;
|
|
2012
|
+
16: any;
|
|
2013
|
+
2: any;
|
|
2014
|
+
3: any;
|
|
2015
|
+
4: any;
|
|
2016
|
+
5: any;
|
|
2017
|
+
6: any;
|
|
2018
|
+
7: any;
|
|
2019
|
+
8: any;
|
|
2020
|
+
9: any;
|
|
2021
|
+
true: any;
|
|
2022
|
+
};
|
|
2023
|
+
style: {
|
|
2024
|
+
1: any;
|
|
2025
|
+
10: any;
|
|
2026
|
+
11: any;
|
|
2027
|
+
12: any;
|
|
2028
|
+
13: any;
|
|
2029
|
+
14: any;
|
|
2030
|
+
15: any;
|
|
2031
|
+
16: any;
|
|
2032
|
+
2: any;
|
|
2033
|
+
3: any;
|
|
2034
|
+
4: any;
|
|
2035
|
+
5: any;
|
|
2036
|
+
6: any;
|
|
2037
|
+
7: any;
|
|
2038
|
+
8: any;
|
|
2039
|
+
9: any;
|
|
2040
|
+
true: any;
|
|
2041
|
+
};
|
|
2042
|
+
transform: {
|
|
2043
|
+
1: any;
|
|
2044
|
+
10: any;
|
|
2045
|
+
11: any;
|
|
2046
|
+
12: any;
|
|
2047
|
+
13: any;
|
|
2048
|
+
14: any;
|
|
2049
|
+
15: any;
|
|
2050
|
+
16: any;
|
|
2051
|
+
2: any;
|
|
2052
|
+
3: any;
|
|
2053
|
+
4: any;
|
|
2054
|
+
5: any;
|
|
2055
|
+
6: any;
|
|
2056
|
+
7: any;
|
|
2057
|
+
8: any;
|
|
2058
|
+
9: any;
|
|
2059
|
+
true: any;
|
|
2060
|
+
};
|
|
2061
|
+
color: {
|
|
2062
|
+
1: any;
|
|
2063
|
+
10: any;
|
|
2064
|
+
11: any;
|
|
2065
|
+
12: any;
|
|
2066
|
+
13: any;
|
|
2067
|
+
14: any;
|
|
2068
|
+
15: any;
|
|
2069
|
+
16: any;
|
|
2070
|
+
2: any;
|
|
2071
|
+
3: any;
|
|
2072
|
+
4: any;
|
|
2073
|
+
5: any;
|
|
2074
|
+
6: any;
|
|
2075
|
+
7: any;
|
|
2076
|
+
8: any;
|
|
2077
|
+
9: any;
|
|
2078
|
+
true: any;
|
|
2079
|
+
};
|
|
2080
|
+
face: Partial<Partial<{
|
|
2081
|
+
100: {
|
|
2082
|
+
normal?: string;
|
|
2083
|
+
italic?: string;
|
|
2084
|
+
};
|
|
2085
|
+
200: {
|
|
2086
|
+
normal?: string;
|
|
2087
|
+
italic?: string;
|
|
2088
|
+
};
|
|
2089
|
+
300: {
|
|
2090
|
+
normal?: string;
|
|
2091
|
+
italic?: string;
|
|
2092
|
+
};
|
|
2093
|
+
400: {
|
|
2094
|
+
normal?: string;
|
|
2095
|
+
italic?: string;
|
|
2096
|
+
};
|
|
2097
|
+
500: {
|
|
2098
|
+
normal?: string;
|
|
2099
|
+
italic?: string;
|
|
2100
|
+
};
|
|
2101
|
+
600: {
|
|
2102
|
+
normal?: string;
|
|
2103
|
+
italic?: string;
|
|
2104
|
+
};
|
|
2105
|
+
700: {
|
|
2106
|
+
normal?: string;
|
|
2107
|
+
italic?: string;
|
|
2108
|
+
};
|
|
2109
|
+
800: {
|
|
2110
|
+
normal?: string;
|
|
2111
|
+
italic?: string;
|
|
2112
|
+
};
|
|
2113
|
+
900: {
|
|
2114
|
+
normal?: string;
|
|
2115
|
+
italic?: string;
|
|
2116
|
+
};
|
|
2117
|
+
bold: {
|
|
2118
|
+
normal?: string;
|
|
2119
|
+
italic?: string;
|
|
2120
|
+
};
|
|
2121
|
+
normal: {
|
|
2122
|
+
normal?: string;
|
|
2123
|
+
italic?: string;
|
|
2124
|
+
};
|
|
2125
|
+
}> | undefined>;
|
|
2126
|
+
family: string;
|
|
2127
|
+
size: {
|
|
2128
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
2129
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
2130
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
2131
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
2132
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
2133
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
2134
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
2135
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
2136
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
2137
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
2138
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
2139
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
2140
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
2141
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
2142
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
2143
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
2144
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
2145
|
+
};
|
|
2146
|
+
lineHeight: {
|
|
2147
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
2148
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
2149
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
2150
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
2151
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
2152
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
2153
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
2154
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
2155
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
2156
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
2157
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
2158
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
2159
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
2160
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
2161
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
2162
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
2163
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
2164
|
+
};
|
|
2165
|
+
letterSpacing: {
|
|
2166
|
+
1: number | import("@hanzogui/web").Variable<any>;
|
|
2167
|
+
10: number | import("@hanzogui/web").Variable<any>;
|
|
2168
|
+
11: number | import("@hanzogui/web").Variable<any>;
|
|
2169
|
+
12: number | import("@hanzogui/web").Variable<any>;
|
|
2170
|
+
13: number | import("@hanzogui/web").Variable<any>;
|
|
2171
|
+
14: number | import("@hanzogui/web").Variable<any>;
|
|
2172
|
+
15: number | import("@hanzogui/web").Variable<any>;
|
|
2173
|
+
16: number | import("@hanzogui/web").Variable<any>;
|
|
2174
|
+
2: number | import("@hanzogui/web").Variable<any>;
|
|
2175
|
+
3: number | import("@hanzogui/web").Variable<any>;
|
|
2176
|
+
4: number | import("@hanzogui/web").Variable<any>;
|
|
2177
|
+
5: number | import("@hanzogui/web").Variable<any>;
|
|
2178
|
+
6: number | import("@hanzogui/web").Variable<any>;
|
|
2179
|
+
7: number | import("@hanzogui/web").Variable<any>;
|
|
2180
|
+
8: number | import("@hanzogui/web").Variable<any>;
|
|
2181
|
+
9: number | import("@hanzogui/web").Variable<any>;
|
|
2182
|
+
true: number | import("@hanzogui/web").Variable<any>;
|
|
2183
|
+
};
|
|
2184
|
+
};
|
|
1821
2185
|
}, {
|
|
1822
2186
|
mediaQueryDefaultActive: {
|
|
1823
2187
|
touchable: boolean;
|
|
@@ -1874,6 +2238,7 @@ type Registered = Omit<Base, 'fonts' | 'themes' | 'animations' | 'tokens'> & {
|
|
|
1874
2238
|
animations: typeof animations;
|
|
1875
2239
|
fonts: Base['fonts'] & {
|
|
1876
2240
|
mono: Base['fonts']['body'];
|
|
2241
|
+
serif: Base['fonts']['body'];
|
|
1877
2242
|
};
|
|
1878
2243
|
themes: {
|
|
1879
2244
|
[K in keyof Base['themes']]: Base['themes'][K] & Ramp;
|
package/dist/gui-config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gui-config.d.ts","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAuB,MAAM,YAAY,CAAA;AAE3D,OAAO,EAAgB,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"gui-config.d.ts","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}
|
package/dist/gui-config.js
CHANGED
|
@@ -40,6 +40,9 @@ const SANS = "var(--font-sans, 'Zen', system-ui, -apple-system, sans-serif)";
|
|
|
40
40
|
* number renders in two different fonts depending on which one a component
|
|
41
41
|
* reached for. */
|
|
42
42
|
const MONO = "var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)";
|
|
43
|
+
/** @hanzo/design's serif, for a display line that asks for one (`$serif`). The
|
|
44
|
+
* same binding `tw`'s `font-serif` reads. */
|
|
45
|
+
const SERIF = 'var(--font-serif, Georgia, serif)';
|
|
43
46
|
/** Type — the same SIX sizes, now DEFERRED to @hanzo/design rather than restated.
|
|
44
47
|
* $1 label · $2 nav + dense body · $3 base · $4/$5 emphasis · $6 section head ·
|
|
45
48
|
* $7 page title · $8+ display. `$5` still collapses onto 15 to retire the 16px
|
|
@@ -666,6 +669,16 @@ const base = {
|
|
|
666
669
|
// in hanzo.app were dead on that alone. A missing token has to be a defined
|
|
667
670
|
// token, not a silent no-op, so it is defined.
|
|
668
671
|
mono: { ...defaultConfig.fonts.body, family: MONO, size: asSizes(FONT_SIZE), lineHeight: asSizes(LINE_HEIGHT) },
|
|
672
|
+
// `$serif` for the same reason: a family gui cannot name can only be said
|
|
673
|
+
// with a style object, and one written through `$platform-web` resets the
|
|
674
|
+
// element to the face's 15px rung. Named here, it keeps the body's ladder.
|
|
675
|
+
serif: {
|
|
676
|
+
...defaultConfig.fonts.body,
|
|
677
|
+
family: SERIF,
|
|
678
|
+
size: asSizes(FONT_SIZE),
|
|
679
|
+
lineHeight: asSizes(LINE_HEIGHT),
|
|
680
|
+
letterSpacing: asSizes(TRACKING),
|
|
681
|
+
},
|
|
669
682
|
},
|
|
670
683
|
};
|
|
671
684
|
export const config = createGui({ ...base, themes });
|
package/dist/gui-config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gui-config.js","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"gui-config.js","sourceRoot":"","sources":["../src/gui-config.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,8 +29,15 @@ const slot_1 = require("../backends/gui/slot.cjs");
|
|
|
29
29
|
const type_1 = require("./type.cjs");
|
|
30
30
|
const icon_1 = require("../consent/icon.cjs");
|
|
31
31
|
const open = (out) => (out ? { target: '_blank', rel: 'noreferrer' } : {});
|
|
32
|
-
/**
|
|
33
|
-
|
|
32
|
+
/**
|
|
33
|
+
* A legal link's box. @hanzo/design gives every link a 24px floor, taller than
|
|
34
|
+
* the line, and a plain block anchor sets its words at the top of it, 3px above
|
|
35
|
+
* the box's middle; the copyright beside them, and the consent sheet's link
|
|
36
|
+
* (`#choices`, its words beside California's privacy options icon), sat on the
|
|
37
|
+
* middle. Every link centres its words in the floor, so the row shares one
|
|
38
|
+
* centre line.
|
|
39
|
+
*/
|
|
40
|
+
const LEGAL = { display: 'inline-flex', alignItems: 'center', gap: 6 };
|
|
34
41
|
const Door = ({ link }) => ((0, jsx_runtime_1.jsxs)(gui_1.Anchor, { href: link.href, ...open(link.out), color: "$soft", fontSize: "$2", lineHeight: "$2", py: 3, textDecorationLine: "none", hoverStyle: { color: '$ink' }, children: [link.label, link.out ? ' ↗' : ''] }));
|
|
35
|
-
const Footer = ({ columns, ask, wordmark, copyright, legal = [], gutter = 'clamp(20px, 4vw, 72px)', after }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('footer'), render: "footer", width: "100%", bg: "$panel", borderTopWidth: 1, borderColor: "$edge", pt: 48, pb: 32, gap: 40, style: { paddingInline: gutter }, children: [ask ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", items: "center", children: ask })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", gap: 28, $sm: { gap: 40 }, children: columns.map((c) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { render: "nav", "aria-label": c.title, flexBasis: "40%", flexGrow: 1, minW: 140, $sm: { flexBasis: 150 }, gap: 2, children: [c.href ? ((0, jsx_runtime_1.jsxs)(gui_1.Anchor, { href: c.href, ...open(c.out), color: "$ink", fontSize: "$2", lineHeight: "$2", fontWeight: "600", pb: 10, textDecorationLine: "none", children: [c.title, c.out ? ' ↗' : ''] })) : ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", weight: "600", pb: 10, children: c.title })), c.links.map((l) => ((0, jsx_runtime_1.jsx)(Door, { link: l }, l.label)))] }, c.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flexWrap: "wrap", items: "center", gap: 20, rowGap: 12, children: [copyright ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "dim", children: copyright })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "nav", "aria-label": "Terms & Policies", flexWrap: "wrap", gap: 16, rowGap: 8, children: legal.map((l) => ((0, jsx_runtime_1.jsxs)(gui_1.Anchor, { href: l.href, ...open(l.out), color: "$faint", fontSize: "$2", lineHeight: "$2", textDecorationLine: "none", hoverStyle: { color: '$ink' }, ...
|
|
42
|
+
const Footer = ({ columns, ask, wordmark, copyright, legal = [], gutter = 'clamp(20px, 4vw, 72px)', after }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('footer'), render: "footer", width: "100%", bg: "$panel", borderTopWidth: 1, borderColor: "$edge", pt: 48, pb: 32, gap: 40, style: { paddingInline: gutter }, children: [ask ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", items: "center", children: ask })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", gap: 28, $sm: { gap: 40 }, children: columns.map((c) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { render: "nav", "aria-label": c.title, flexBasis: "40%", flexGrow: 1, minW: 140, $sm: { flexBasis: 150 }, gap: 2, children: [c.href ? ((0, jsx_runtime_1.jsxs)(gui_1.Anchor, { href: c.href, ...open(c.out), color: "$ink", fontSize: "$2", lineHeight: "$2", fontWeight: "600", pb: 10, textDecorationLine: "none", children: [c.title, c.out ? ' ↗' : ''] })) : ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", weight: "600", pb: 10, children: c.title })), c.links.map((l) => ((0, jsx_runtime_1.jsx)(Door, { link: l }, l.label)))] }, c.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flexWrap: "wrap", items: "center", gap: 20, rowGap: 12, children: [copyright ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "dim", children: copyright })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "nav", "aria-label": "Terms & Policies", flexWrap: "wrap", gap: 16, rowGap: 8, children: legal.map((l) => ((0, jsx_runtime_1.jsxs)(gui_1.Anchor, { href: l.href, ...open(l.out), color: "$faint", fontSize: "$2", lineHeight: "$2", textDecorationLine: "none", hoverStyle: { color: '$ink' }, ...LEGAL, children: [l.href.endsWith('#choices') ? (0, jsx_runtime_1.jsx)(icon_1.PrivacyChoicesIcon, {}) : null, l.label] }, l.label))) }), wordmark ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { marginInlineStart: "auto", items: "center", children: wordmark })) : null] }), after] }));
|
|
36
43
|
exports.Footer = Footer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AACvE,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAA;CAAE,CAAA;AAEpH,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AACvE,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAA;CAAE,CAAA;AAEpH,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AA8BD,QAAA,MAAM,MAAM,gEAAiG,WAAW,gCA8EvH,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/dist/marketing/Footer.js
CHANGED
|
@@ -26,9 +26,16 @@ import { slot } from '../backends/gui/slot.js';
|
|
|
26
26
|
import { Line } from './type.js';
|
|
27
27
|
import { PrivacyChoicesIcon } from '../consent/icon.js';
|
|
28
28
|
const open = (out) => (out ? { target: '_blank', rel: 'noreferrer' } : {});
|
|
29
|
-
/**
|
|
30
|
-
|
|
29
|
+
/**
|
|
30
|
+
* A legal link's box. @hanzo/design gives every link a 24px floor, taller than
|
|
31
|
+
* the line, and a plain block anchor sets its words at the top of it, 3px above
|
|
32
|
+
* the box's middle; the copyright beside them, and the consent sheet's link
|
|
33
|
+
* (`#choices`, its words beside California's privacy options icon), sat on the
|
|
34
|
+
* middle. Every link centres its words in the floor, so the row shares one
|
|
35
|
+
* centre line.
|
|
36
|
+
*/
|
|
37
|
+
const LEGAL = { display: 'inline-flex', alignItems: 'center', gap: 6 };
|
|
31
38
|
const Door = ({ link }) => (_jsxs(Anchor, { href: link.href, ...open(link.out), color: "$soft", fontSize: "$2", lineHeight: "$2", py: 3, textDecorationLine: "none", hoverStyle: { color: '$ink' }, children: [link.label, link.out ? ' ↗' : ''] }));
|
|
32
|
-
const Footer = ({ columns, ask, wordmark, copyright, legal = [], gutter = 'clamp(20px, 4vw, 72px)', after }) => (_jsxs(YStack, { ...slot('footer'), render: "footer", width: "100%", bg: "$panel", borderTopWidth: 1, borderColor: "$edge", pt: 48, pb: 32, gap: 40, style: { paddingInline: gutter }, children: [ask ? (_jsx(YStack, { width: "100%", items: "center", children: ask })) : null, _jsx(XStack, { flexWrap: "wrap", gap: 28, $sm: { gap: 40 }, children: columns.map((c) => (_jsxs(YStack, { render: "nav", "aria-label": c.title, flexBasis: "40%", flexGrow: 1, minW: 140, $sm: { flexBasis: 150 }, gap: 2, children: [c.href ? (_jsxs(Anchor, { href: c.href, ...open(c.out), color: "$ink", fontSize: "$2", lineHeight: "$2", fontWeight: "600", pb: 10, textDecorationLine: "none", children: [c.title, c.out ? ' ↗' : ''] })) : (_jsx(Line, { size: "sm", weight: "600", pb: 10, children: c.title })), c.links.map((l) => (_jsx(Door, { link: l }, l.label)))] }, c.id))) }), _jsxs(XStack, { flexWrap: "wrap", items: "center", gap: 20, rowGap: 12, children: [copyright ? (_jsx(Line, { size: "sm", tone: "dim", children: copyright })) : null, _jsx(XStack, { render: "nav", "aria-label": "Terms & Policies", flexWrap: "wrap", gap: 16, rowGap: 8, children: legal.map((l) => (_jsxs(Anchor, { href: l.href, ...open(l.out), color: "$faint", fontSize: "$2", lineHeight: "$2", textDecorationLine: "none", hoverStyle: { color: '$ink' }, ...
|
|
39
|
+
const Footer = ({ columns, ask, wordmark, copyright, legal = [], gutter = 'clamp(20px, 4vw, 72px)', after }) => (_jsxs(YStack, { ...slot('footer'), render: "footer", width: "100%", bg: "$panel", borderTopWidth: 1, borderColor: "$edge", pt: 48, pb: 32, gap: 40, style: { paddingInline: gutter }, children: [ask ? (_jsx(YStack, { width: "100%", items: "center", children: ask })) : null, _jsx(XStack, { flexWrap: "wrap", gap: 28, $sm: { gap: 40 }, children: columns.map((c) => (_jsxs(YStack, { render: "nav", "aria-label": c.title, flexBasis: "40%", flexGrow: 1, minW: 140, $sm: { flexBasis: 150 }, gap: 2, children: [c.href ? (_jsxs(Anchor, { href: c.href, ...open(c.out), color: "$ink", fontSize: "$2", lineHeight: "$2", fontWeight: "600", pb: 10, textDecorationLine: "none", children: [c.title, c.out ? ' ↗' : ''] })) : (_jsx(Line, { size: "sm", weight: "600", pb: 10, children: c.title })), c.links.map((l) => (_jsx(Door, { link: l }, l.label)))] }, c.id))) }), _jsxs(XStack, { flexWrap: "wrap", items: "center", gap: 20, rowGap: 12, children: [copyright ? (_jsx(Line, { size: "sm", tone: "dim", children: copyright })) : null, _jsx(XStack, { render: "nav", "aria-label": "Terms & Policies", flexWrap: "wrap", gap: 16, rowGap: 8, children: legal.map((l) => (_jsxs(Anchor, { href: l.href, ...open(l.out), color: "$faint", fontSize: "$2", lineHeight: "$2", textDecorationLine: "none", hoverStyle: { color: '$ink' }, ...LEGAL, children: [l.href.endsWith('#choices') ? _jsx(PrivacyChoicesIcon, {}) : null, l.label] }, l.label))) }), wordmark ? (_jsx(XStack, { marginInlineStart: "auto", items: "center", children: wordmark })) : null] }), after] }));
|
|
33
40
|
export { Footer };
|
|
34
41
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGnD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAiBpD,MAAM,IAAI,GAAG,CAAC,GAAa,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AAEpF
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -807,7 +807,7 @@
|
|
|
807
807
|
/* Zen — the family on Hanzo surfaces, sans and mono, and its Arabic companions.
|
|
808
808
|
SELF-HOSTED. The faces ship inside this package (assets/fonts/*.woff2, two
|
|
809
809
|
variable files, 141 KB total, SIL OFL-1.1 — see assets/fonts/LICENSE-Zen.txt),
|
|
810
|
-
with
|
|
810
|
+
with three Arabic companions beside them (below).
|
|
811
811
|
|
|
812
812
|
Zen is our own family, under the SIL Open Font License. The licence file
|
|
813
813
|
beside the binaries carries every copyright the OFL requires; nothing else in
|
|
@@ -857,12 +857,13 @@
|
|
|
857
857
|
|
|
858
858
|
|
|
859
859
|
/* ARABIC. Zen draws Latin and Cyrillic and no Arabic, so an Arabic page used to
|
|
860
|
-
fall to whatever face each browser picked. @hanzo/font carries
|
|
861
|
-
companions,
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
860
|
+
fall to whatever face each browser picked. @hanzo/font carries three Arabic
|
|
861
|
+
companions, copied here with the Zen faces: Noto Kufi Arabic (the default,
|
|
862
|
+
geometric like Zen) and Noto Sans Arabic, each one variable file cut to the
|
|
863
|
+
Arabic blocks, and IBM Plex Sans Arabic, IBM's own file for each of seven
|
|
864
|
+
weights. All three draw every letter of every Arabic-script language Hanzo
|
|
865
|
+
ships. They are not ours and keep their names; their licences are
|
|
866
|
+
assets/fonts/LICENSE-Arabic.txt (Noto) and assets/fonts/LICENSE-Plex.txt.
|
|
866
867
|
|
|
867
868
|
THE RANGE IS THE WHOLE TRICK. Each face covers the Arabic blocks only, so a
|
|
868
869
|
page with no Arabic on it never requests one, and Latin inside an Arabic page
|
|
@@ -890,12 +891,24 @@
|
|
|
890
891
|
|
|
891
892
|
|
|
892
893
|
|
|
894
|
+
/* One file per weight, so it is offered under its own name and never under "Zen":
|
|
895
|
+
a static face in Zen's family would win the weight match for Latin at its own
|
|
896
|
+
weight and refuse every Latin letter (above). A page in Plex fetches the
|
|
897
|
+
weights it sets and no others. */
|
|
898
|
+
|
|
899
|
+
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
903
|
+
|
|
904
|
+
|
|
893
905
|
|
|
894
906
|
:root{
|
|
895
|
-
/* The Arabic companions by
|
|
896
|
-
choice replaces --font-arabic with one of the
|
|
907
|
+
/* The Arabic companions by their short names, and the one in use. A person's
|
|
908
|
+
choice replaces --font-arabic with one of the three names above it. */
|
|
897
909
|
--font-arabic-kufi:"Noto Kufi Arabic";
|
|
898
910
|
--font-arabic-sans:"Noto Sans Arabic";
|
|
911
|
+
--font-arabic-plex:"IBM Plex Sans Arabic";
|
|
899
912
|
--font-arabic:var(--font-arabic-kufi);
|
|
900
913
|
--font-sans:var(--font-arabic), Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
901
914
|
--font-display:var(--font-sans);
|
|
@@ -4061,7 +4074,9 @@ a svg,
|
|
|
4061
4074
|
}
|
|
4062
4075
|
:root .font_mono, :root .t_lang-mono-default .font_mono { --f-family:var(--font-mono, 'Zen Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:0px; --f-letterSpacing-8:0px; --f-letterSpacing-9:0px; --f-letterSpacing-10:0px; --f-letterSpacing-11:0px; --f-letterSpacing-12:0px; --f-letterSpacing-13:0px; --f-letterSpacing-14:0px; --f-letterSpacing-15:0px; --f-letterSpacing-16:0px; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
4063
4076
|
}
|
|
4064
|
-
|
|
4077
|
+
:root .font_serif, :root .t_lang-serif-default .font_serif { --f-family:var(--font-serif, Georgia, serif); --f-lineHeight-1:calc(16px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-2:calc(18px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-3:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-4:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-5:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-6:calc(24px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-7:calc(22px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-8:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-9:calc(28px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-10:calc(34px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-11:calc(42px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-12:calc(50px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-13:calc(58px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-14:calc(66px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-15:calc(82px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-16:calc(98px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-lineHeight-true:calc(20px * var(--type-scale, 1) * var(--leading-lang, 1)); --f-weight-1:400; --f-weight-2:400; --f-weight-3:400; --f-weight-4:400; --f-weight-5:400; --f-weight-6:400; --f-weight-7:400; --f-weight-8:400; --f-weight-9:400; --f-weight-10:400; --f-weight-11:400; --f-weight-12:400; --f-weight-13:400; --f-weight-14:400; --f-weight-15:400; --f-weight-16:400; --f-weight-true:400; --f-letterSpacing-1:0px; --f-letterSpacing-2:0px; --f-letterSpacing-3:0px; --f-letterSpacing-4:0px; --f-letterSpacing-5:0px; --f-letterSpacing-6:0px; --f-letterSpacing-7:-0.025em; --f-letterSpacing-8:-0.025em; --f-letterSpacing-9:-0.025em; --f-letterSpacing-10:-0.025em; --f-letterSpacing-11:-0.025em; --f-letterSpacing-12:-0.025em; --f-letterSpacing-13:-0.025em; --f-letterSpacing-14:-0.025em; --f-letterSpacing-15:-0.025em; --f-letterSpacing-16:-0.025em; --f-letterSpacing-true:0px; --f-size-1:var(--text-xs, 12px); --f-size-2:var(--text-sm, 13px); --f-size-3:var(--text-base, 14px); --f-size-4:var(--text-lg, 15px); --f-size-5:var(--text-lg, 15px); --f-size-6:var(--text-xl, 17px); --f-size-7:var(--text-2xl, 21px); --f-size-8:var(--text-3xl, 26px); --f-size-9:var(--text-3xl, 26px); --f-size-10:var(--text-4xl, 32px); --f-size-11:var(--text-5xl, 40px); --f-size-12:calc(var(--text-5xl, 40px) + (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-13:calc(var(--text-5xl, 40px) + 2 * (var(--text-7xl, 64px) - var(--text-5xl, 40px)) / 3); --f-size-14:var(--text-7xl, 64px); --f-size-15:calc(var(--text-7xl, 64px) + 4 * (var(--text-8xl, 84px) - var(--text-7xl, 64px)) / 5); --f-size-16:calc(var(--text-8xl, 84px) + 3 * (var(--text-9xl, 112px) - var(--text-8xl, 84px)) / 7); --f-size-true:var(--text-base, 14px)
|
|
4078
|
+
}
|
|
4079
|
+
.font_body, .font_heading, .font_mono, .font_serif, .is_View {font-family: var(--f-family); letter-spacing: var(--f-letterSpacing-true); line-height: var(--f-lineHeight-true); font-weight: var(--f-weight-true)}
|
|
4065
4080
|
:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:var(--t0);--accentColor:var(--t1);--background0:var(--t2);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--color1:var(--t7);--color2:var(--t8);--color3:var(--t9);--color4:var(--t10);--color5:var(--t11);--color6:var(--t12);--color7:var(--t13);--color8:var(--t14);--color9:var(--t15);--color10:var(--t16);--color11:var(--t17);--color12:var(--t18);--color0:var(--t19);--color02:var(--t20);--color04:var(--t21);--color06:var(--t22);--color08:var(--t23);--color:var(--t18);--colorHover:var(--t23);--colorPress:var(--t24);--colorFocus:var(--t17);--backgroundHover:var(--t26);--backgroundPress:var(--t7);--backgroundFocus:var(--t26);--backgroundActive:var(--t27);--borderColor:var(--t10);--borderColorHover:var(--t28);--borderColorFocus:var(--t29);--borderColorPress:var(--t26);--placeholderColor:var(--t30);--colorTransparent:var(--t19);--black1:var(--t31);--black2:var(--t32);--black3:var(--t33);--black4:var(--t34);--black5:var(--t35);--black6:var(--t36);--black7:var(--t37);--black8:var(--t38);--black9:var(--t39);--black10:var(--t40);--black11:var(--t41);--black12:var(--t42);--white1:var(--t43);--white2:var(--t44);--white3:var(--t45);--white4:var(--t46);--white5:var(--t47);--white6:var(--t48);--white7:var(--t49);--white8:var(--t50);--white9:var(--t51);--white10:var(--t52);--white11:var(--t53);--white12:var(--t54);--white0:var(--t56);--white02:var(--t57);--white04:var(--t58);--white06:var(--t59);--white08:var(--t60);--black0:var(--t62);--black02:var(--t63);--black04:var(--t64);--black06:var(--t65);--black08:var(--t66);--shadow1:var(--t67);--shadow2:var(--t68);--shadow3:var(--t69);--shadow4:var(--t70);--shadow5:var(--t71);--shadow6:var(--t66);--shadow7:var(--t72);--shadow8:var(--t61);--highlight1:var(--t73);--highlight2:var(--t57);--highlight3:var(--t74);--highlight4:var(--t75);--highlight5:var(--t76);--highlight6:var(--t77);--highlight7:var(--t78);--highlight8:var(--t55);--shadowColor:var(--t69);--gray1:var(--t79);--gray2:var(--t33);--gray3:var(--t80);--gray4:var(--t81);--gray5:var(--t82);--gray6:var(--t83);--gray7:var(--t84);--gray8:var(--t85);--gray9:var(--t86);--gray10:var(--t87);--gray11:var(--t88);--gray12:var(--t89);--blue1:var(--t90);--blue2:var(--t91);--blue3:var(--t92);--blue4:var(--t93);--blue5:var(--t94);--blue6:var(--t95);--blue7:var(--t96);--blue8:var(--t97);--blue9:var(--t98);--blue10:var(--t99);--blue11:var(--t100);--blue12:var(--t101);--red1:var(--t102);--red2:var(--t103);--red3:var(--t104);--red4:var(--t105);--red5:var(--t106);--red6:var(--t107);--red7:var(--t108);--red8:var(--t109);--red9:var(--t110);--red10:var(--t111);--red11:var(--t112);--red12:var(--t113);--yellow1:var(--t114);--yellow2:var(--t115);--yellow3:var(--t116);--yellow4:var(--t117);--yellow5:var(--t118);--yellow6:var(--t119);--yellow7:var(--t120);--yellow8:var(--t121);--yellow9:var(--t122);--yellow10:var(--t123);--yellow11:var(--t124);--yellow12:var(--t125);--green1:var(--t126);--green2:var(--t127);--green3:var(--t128);--green4:var(--t129);--green5:var(--t130);--green6:var(--t131);--green7:var(--t132);--green8:var(--t133);--green9:var(--t134);--green10:var(--t135);--green11:var(--t136);--green12:var(--t137);--orange1:var(--t138);--orange2:var(--t139);--orange3:var(--t140);--orange4:var(--t141);--orange5:var(--t142);--orange6:var(--t143);--orange7:var(--t144);--orange8:var(--t145);--orange9:var(--t146);--orange10:var(--t147);--orange11:var(--t148);--orange12:var(--t149);--pink1:var(--t150);--pink2:var(--t151);--pink3:var(--t152);--pink4:var(--t153);--pink5:var(--t154);--pink6:var(--t155);--pink7:var(--t156);--pink8:var(--t157);--pink9:var(--t158);--pink10:var(--t159);--pink11:var(--t160);--pink12:var(--t161);--purple1:var(--t162);--purple2:var(--t163);--purple3:var(--t164);--purple4:var(--t165);--purple5:var(--t166);--purple6:var(--t167);--purple7:var(--t168);--purple8:var(--t169);--purple9:var(--t170);--purple10:var(--t171);--purple11:var(--t172);--purple12:var(--t173);--teal1:var(--t174);--teal2:var(--t175);--teal3:var(--t176);--teal4:var(--t177);--teal5:var(--t178);--teal6:var(--t179);--teal7:var(--t180);--teal8:var(--t181);--teal9:var(--t182);--teal10:var(--t183);--teal11:var(--t184);--teal12:var(--t185);--neutral1:var(--t186);--neutral2:var(--t187);--neutral3:var(--t188);--neutral4:var(--t49);--neutral5:var(--t189);--neutral6:var(--t190);--neutral7:var(--t191);--neutral8:var(--t192);--neutral9:var(--t193);--neutral10:var(--t194);--neutral11:var(--t195);--neutral12:var(--t196);--accent1:var(--t24);--accent2:var(--t197);--accent3:var(--t198);--accent4:var(--t199);--accent5:var(--t17);--accent6:var(--t200);--accent7:var(--t201);--accent8:var(--t202);--accent9:var(--t203);--accent10:var(--t28);--accent11:var(--t29);--accent12:var(--t204);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--outlineColor:var(--t217);--sunken:var(--t7);--panel:var(--t8);--hover:var(--t9);--edge:var(--t10);--raised:var(--t11);--rim:var(--t12);--bound:var(--t13);--dim:var(--t14);--faint:var(--t15);--soft:var(--t16);--quiet:var(--t17);--ink:var(--t18);--aside:var(--t218);--hint:var(--t219);--hush:var(--t220);--bad:var(--t221);--good:var(--t222);--accentHover:var(--t223);--codeGround:var(--t224);--codeLine:var(--t225);--codeDim:var(--t226);--codeInk:var(--t227);--codeBright:var(--t228);--codeKey:var(--t227);--codeString:var(--t228);--codeNumber:var(--t228);--codeBoolean:var(--t228);--codeNull:var(--t228);--codePunctuation:var(--t226);--codeComment:var(--t226);--codeKeyword:var(--t228);}
|
|
4066
4081
|
.t_dark ::selection{background:var(--color5);color:var(--color11)}
|
|
4067
4082
|
:root.t_dark .t_Button, :root.t_dark .t_SliderThumb, :root.t_dark .t_Switch, :root.t_dark .t_surface2, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_surface2, .tm_xxt {--color:var(--t17);--colorHover:var(--t24);--colorPress:var(--t17);--colorFocus:var(--t16);--background:var(--t29);--backgroundHover:var(--t28);--backgroundPress:var(--t26);--backgroundFocus:var(--t13);--backgroundActive:var(--t29);--borderColor:var(--t10);--borderColorHover:var(--t13);--borderColorFocus:var(--t12);--borderColorPress:var(--t28);--color01:var(--t205);--color0075:var(--t206);--color005:var(--t207);--color0025:var(--t208);--color002:var(--t209);--color001:var(--t210);--background01:var(--t211);--background0075:var(--t212);--background005:var(--t213);--background0025:var(--t214);--background002:var(--t215);--background001:var(--t216);--background02:var(--t3);--background04:var(--t4);--background06:var(--t5);--background08:var(--t6);--outlineColor:var(--t217);}
|
package/dist/theme.css
CHANGED
|
@@ -805,7 +805,7 @@
|
|
|
805
805
|
/* Zen — the family on Hanzo surfaces, sans and mono, and its Arabic companions.
|
|
806
806
|
SELF-HOSTED. The faces ship inside this package (assets/fonts/*.woff2, two
|
|
807
807
|
variable files, 141 KB total, SIL OFL-1.1 — see assets/fonts/LICENSE-Zen.txt),
|
|
808
|
-
with
|
|
808
|
+
with three Arabic companions beside them (below).
|
|
809
809
|
|
|
810
810
|
Zen is our own family, under the SIL Open Font License. The licence file
|
|
811
811
|
beside the binaries carries every copyright the OFL requires; nothing else in
|
|
@@ -855,12 +855,13 @@
|
|
|
855
855
|
|
|
856
856
|
|
|
857
857
|
/* ARABIC. Zen draws Latin and Cyrillic and no Arabic, so an Arabic page used to
|
|
858
|
-
fall to whatever face each browser picked. @hanzo/font carries
|
|
859
|
-
companions,
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
858
|
+
fall to whatever face each browser picked. @hanzo/font carries three Arabic
|
|
859
|
+
companions, copied here with the Zen faces: Noto Kufi Arabic (the default,
|
|
860
|
+
geometric like Zen) and Noto Sans Arabic, each one variable file cut to the
|
|
861
|
+
Arabic blocks, and IBM Plex Sans Arabic, IBM's own file for each of seven
|
|
862
|
+
weights. All three draw every letter of every Arabic-script language Hanzo
|
|
863
|
+
ships. They are not ours and keep their names; their licences are
|
|
864
|
+
assets/fonts/LICENSE-Arabic.txt (Noto) and assets/fonts/LICENSE-Plex.txt.
|
|
864
865
|
|
|
865
866
|
THE RANGE IS THE WHOLE TRICK. Each face covers the Arabic blocks only, so a
|
|
866
867
|
page with no Arabic on it never requests one, and Latin inside an Arabic page
|
|
@@ -888,12 +889,24 @@
|
|
|
888
889
|
|
|
889
890
|
|
|
890
891
|
|
|
892
|
+
/* One file per weight, so it is offered under its own name and never under "Zen":
|
|
893
|
+
a static face in Zen's family would win the weight match for Latin at its own
|
|
894
|
+
weight and refuse every Latin letter (above). A page in Plex fetches the
|
|
895
|
+
weights it sets and no others. */
|
|
896
|
+
|
|
897
|
+
|
|
898
|
+
|
|
899
|
+
|
|
900
|
+
|
|
901
|
+
|
|
902
|
+
|
|
891
903
|
|
|
892
904
|
:root{
|
|
893
|
-
/* The Arabic companions by
|
|
894
|
-
choice replaces --font-arabic with one of the
|
|
905
|
+
/* The Arabic companions by their short names, and the one in use. A person's
|
|
906
|
+
choice replaces --font-arabic with one of the three names above it. */
|
|
895
907
|
--font-arabic-kufi:"Noto Kufi Arabic";
|
|
896
908
|
--font-arabic-sans:"Noto Sans Arabic";
|
|
909
|
+
--font-arabic-plex:"IBM Plex Sans Arabic";
|
|
897
910
|
--font-arabic:var(--font-arabic-kufi);
|
|
898
911
|
--font-sans:var(--font-arabic), Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
899
912
|
--font-display:var(--font-sans);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.29.
|
|
3
|
+
"version": "8.29.33",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|
|
@@ -316,9 +316,9 @@
|
|
|
316
316
|
"@codemirror/language": "^6.12.4",
|
|
317
317
|
"@codemirror/state": "^6.7.6",
|
|
318
318
|
"@codemirror/view": "^6.43.13",
|
|
319
|
-
"@hanzo/appearance": "^0.2.
|
|
319
|
+
"@hanzo/appearance": "^0.2.13",
|
|
320
320
|
"@hanzo/brand": "1.4.8",
|
|
321
|
-
"@hanzo/design": "0.5.
|
|
321
|
+
"@hanzo/design": "0.5.38",
|
|
322
322
|
"@hanzo/font": "1.9.2",
|
|
323
323
|
"@hanzo/tokens": "^1.1.1",
|
|
324
324
|
"@hanzo/logo": "1.0.26",
|