@kyralabs/m3e-tokens 1.1.0 → 1.2.0

package/README.md

@@ -56,8 +56,34 @@ The CLI flags are `--secondary`, `--tertiary`, `--neutral`, `--neutral-variant`
 With spec 2025 (the `tonalSpot`, `neutral`, `vibrant` and `expressive` variants) the outline and
 surface-variant roles come from the neutral palette, so `neutralVariant` has no effect there.
 
+## Font profiles
+
+Import exactly one Google Sans Flex profile. Each registers the same `"Google Sans Flex"` family,
+so the others are drop-in replacements for `fonts.css`, imported instead of it, not beside it.
+
+| Entry               | Variable axes                | Latin chunk | All chunks |
+| ------------------- | ---------------------------- | ----------- | ---------- |
+| `./fonts.css`       | wght, opsz (default)         | 138.8 KiB   | 328.5 KiB  |
+| `./fonts-rond.css`  | wght, opsz, ROND             | 205.2 KiB   | 468.1 KiB  |
+| `./fonts-full.css`  | wght, opsz, ROND, wdth, slnt | 1020.8 KiB  | 2026.8 KiB |
+
+Axes a profile drops are fixed at their defaults (wdth 100, ROND 0, slnt 0), so every profile
+renders the typescale identically. Browsers download only the chunks a page's text needs.
+`fonts-rond.css` adds roundness (0–100, default 0), which CSS can set only through
+`font-variation-settings`; that property replaces any inherited value rather than merging with it,
+so repeat other axes you set in the same declaration:
+
+```css
+@import '@kyralabs/m3e-tokens/fonts-rond.css'; /* instead of fonts.css */
+
+.playful {
+  font-variation-settings: 'ROND' 100;
+}
+```
+
+The typescale tokens do not use ROND, wdth or slnt (no Material source specifies values).
+
 Other entries: `./components/<name>.css` (component tokens), `./material-symbols.css` (Rounded;
-`-outlined` and `-sharp` too), `./fonts-full.css` (every Google Sans Flex axis), and JS token
-objects from `.` and `./components`.
+`-outlined` and `-sharp` too), and JS token objects from `.` and `./components`.
 
 Apache-2.0; see `LICENSE` and `NOTICE`. The bundled fonts carry their own licenses in `fonts/`.

package/fonts/fonts-rond.css

@@ -0,0 +1,117 @@
+/*
+ * Generated by @kyralabs/m3e-codegen — do not edit.
+ * Google Sans Flex 5.000 from https://github.com/google/fonts/tree/bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/googlesansflex
+ * ROND profile (D15): wght + opsz + ROND variable; wdth and slnt fixed at their defaults.
+ * SIL Open Font License 1.1: see LICENSE-google-sans-flex.txt. "Google", "Google Sans" and
+ * "Google Sans Flex" are trademarks of Google LLC (TRADEMARKS-google-sans-flex.md);
+ * m3exp-web is not affiliated with or endorsed by Google.
+ */
+/* canadian-aboriginal */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-canadian-aboriginal.woff2") format("woff2");
+  unicode-range: U+02C7, U+02D8-02D9, U+02DB, U+0307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11ABF;
+}
+/* cherokee */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-cherokee.woff2") format("woff2");
+  unicode-range: U+0300-0302, U+0304, U+030B-030C, U+0323-0324, U+0330-0331, U+13A0-13FF, U+AB70-ABBF;
+}
+/* math */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-math.woff2") format("woff2");
+  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
+}
+/* nushu */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-nushu.woff2") format("woff2");
+  unicode-range: U+2003, U+3000, U+3002, U+4E00, U+FE12, U+16FE1, U+1B170-1B2FB;
+}
+/* symbols */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-symbols.woff2") format("woff2");
+  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
+}
+/* syriac */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-syriac.woff2") format("woff2");
+  unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671;
+}
+/* tifinagh */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-tifinagh.woff2") format("woff2");
+  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-vietnamese.woff2") format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-latin-ext.woff2") format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Google Sans Flex";
+  font-style: normal;
+  font-weight: 1 1000;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url("./google-sans-flex-rond-latin.woff2") format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* Metric-matched fallback: Arial, measured from Arial Version 7.07 (sha256 edfbd22a3d088fc2) */
+@font-face {
+  font-family: "Google Sans Flex Fallback";
+  src: local("Arial"), local("ArialMT");
+  size-adjust: 99.0041%;
+  ascent-override: 97.5717%;
+  descent-override: 28.8877%;
+  line-gap-override: 0%;
+}

package/fonts/google-sans-flex.manifest.json

@@ -116,6 +116,68 @@
         "sha256": "64b8c974bfbb8e0465b814b56b2a68e2cab91c8b24f76a9f6ee34bf1290a5b84"
       }
     },
+    "fonts-rond.css": {
+      "canadian-aboriginal": {
+        "file": "google-sans-flex-rond-canadian-aboriginal.woff2",
+        "codepoints": 6,
+        "bytes": 4700,
+        "sha256": "892da8d731e2f5da5d44ef3a955440416a2bdac6819fe8b57caff1a969b0b346"
+      },
+      "cherokee": {
+        "file": "google-sans-flex-rond-cherokee.woff2",
+        "codepoints": 7,
+        "bytes": 5392,
+        "sha256": "730cd45a1a2c6bc16a6e5d11cfec03665a6f220ca6102b51631ab5fa3585a154"
+      },
+      "math": {
+        "file": "google-sans-flex-rond-math.woff2",
+        "codepoints": 33,
+        "bytes": 25712,
+        "sha256": "ca7c90aba7d7f887fcc160c8e9a4d52ad608778c2d3696de1764466f989094ea"
+      },
+      "nushu": {
+        "file": "google-sans-flex-rond-nushu.woff2",
+        "codepoints": 1,
+        "bytes": 30616,
+        "sha256": "a49b339bb64256297f7d225a3b66e2dc7951072b37d102e0652fea01b64584bc"
+      },
+      "symbols": {
+        "file": "google-sans-flex-rond-symbols.woff2",
+        "codepoints": 24,
+        "bytes": 47848,
+        "sha256": "c33f8cc87ecd5ea5e324eb75cfe0bb0f702248440a629c4fb4e1b291fedb0be3"
+      },
+      "syriac": {
+        "file": "google-sans-flex-rond-syriac.woff2",
+        "codepoints": 7,
+        "bytes": 4444,
+        "sha256": "3ad123ac2689161dd655040a0143a42bfc4e45eeb818327b551bbf73d26d5b80"
+      },
+      "tifinagh": {
+        "file": "google-sans-flex-rond-tifinagh.woff2",
+        "codepoints": 10,
+        "bytes": 6828,
+        "sha256": "b8bd8ea003e87cb403df174200a150f7b909a0f87e122bbba285cfe01f97f6b5"
+      },
+      "vietnamese": {
+        "file": "google-sans-flex-rond-vietnamese.woff2",
+        "codepoints": 110,
+        "bytes": 40512,
+        "sha256": "f8c8eafc892f9ee08d9fcd870a46ffbb02760b33003558358b355a03c3730802"
+      },
+      "latin-ext": {
+        "file": "google-sans-flex-rond-latin-ext.woff2",
+        "codepoints": 154,
+        "bytes": 103132,
+        "sha256": "ddde7a67bc5fbe6ca79ce9f4b45d68b46be153b3d939fab7f122fc8357f30ba9"
+      },
+      "latin": {
+        "file": "google-sans-flex-rond-latin.woff2",
+        "codepoints": 228,
+        "bytes": 210124,
+        "sha256": "673d4c3b468d3d889113109369d6948aa99a7ce4879d0dfca8cb29e9d81ec22d"
+      }
+    },
     "fonts-full.css": {
       "canadian-aboriginal": {
         "file": "google-sans-flex-full-canadian-aboriginal.woff2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyralabs/m3e-tokens",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Generated Material 3 Expressive design tokens (CSS custom properties + JS objects) and self-hosted fonts.",
   "keywords": [
     "material-design",
@@ -62,6 +62,7 @@
     "./tokens.css": "./dist/generated/tokens.css",
     "./components/*.css": "./dist/generated/components/*.css",
     "./fonts.css": "./fonts/fonts.css",
+    "./fonts-rond.css": "./fonts/fonts-rond.css",
     "./fonts-full.css": "./fonts/fonts-full.css",
     "./material-symbols.css": "./fonts/material-symbols.css",
     "./material-symbols-*.css": "./fonts/material-symbols-*.css",