@netzi/tokens 0.1.0-beta.10 → 0.1.0-beta.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netzi/tokens",
-  "version": "0.1.0-beta.10",
-  "description": "Design tokens de Netzi (CSS custom properties): marca, tema claro/oscuro, tipografía, radios, sombras, y un validador de marca propia con contraste. Agnóstico de framework.",
+  "version": "0.1.0-beta.9",
+  "description": "Design tokens de Netzi (CSS custom properties): marca, tema claro/oscuro, tipografía, radios, sombras. Agnóstico de framework.",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://ui.netzi.tech",
   "bugs": {
@@ -13,8 +13,6 @@
   ],
   "files": [
     "styles",
-    "lib",
-    "public-tokens.json",
     "README.md",
     "CHANGELOG.md",
     "LICENSE.md"
@@ -24,12 +22,7 @@
     "./tokens.css": "./styles/tokens.css",
     "./base.css": "./styles/base.css",
     "./fonts.css": "./styles/fonts.css",
-    "./index.css": "./styles/index.css",
-    "./public-tokens.json": "./public-tokens.json",
-    "./brand": {
-      "types": "./lib/brand.d.ts",
-      "default": "./lib/brand.js"
-    }
+    "./index.css": "./styles/index.css"
   },
   "publishConfig": {
     "access": "public",
@@ -41,16 +34,7 @@
     "css",
     "theme"
   ],
-  "devDependencies": {
-    "prettier": "^3.4.2",
-    "style-dictionary": "~5.5.5"
-  },
   "scripts": {
-    "build": "node build/build.ts --check",
-    "generate": "node build/build.ts",
-    "lint": "stylelint \"styles/**/*.css\"",
-    "test": "vitest run",
-    "test:cov": "vitest run --coverage",
-    "typecheck": "tsc -p tsconfig.json"
+    "lint": "stylelint \"styles/**/*.css\""
   }
 }

package/styles/base.css

@@ -19,7 +19,7 @@ body {
 
 body {
   font-family: var(--netzi-font-sans);
-  font-size: var(--netzi-typography-body-font-size);
+  font-size: calc(16px * var(--netzi-font-scale, 1));
   background: var(--netzi-bg);
   color: var(--netzi-text);
   line-height: 1.55;
@@ -87,53 +87,3 @@ h3 {
 *::-webkit-scrollbar-corner {
   background: transparent;
 }
-
-/* --- Impresión (#176) ---
-   Los colores ya salen claros y opacos de tokens.css (el tema oscuro, el cristal y el fondo
-   ambiental no aplican al imprimir). Aquí, lo global: el papel en blanco, nada a medio animar
-   y el documento con su alto natural, para que el navegador lo reparta en páginas. */
-@media print {
-  html,
-  body {
-    height: auto;
-  }
-
-  body {
-    background: var(--netzi-surface);
-    transition: none;
-  }
-
-  /* Una transición o una animación a medio camino se imprimiría tal cual: el papel recibe cada
-     cosa en su estado final. Con prioridad, porque las de los componentes son más específicas. */
-  *,
-  *::before,
-  *::after {
-    animation: none !important;
-    transition: none !important;
-  }
-
-  /* En papel un enlace solo se distingue por su forma: el color puede salir en gris en una
-     impresora en blanco y negro (WCAG 1.4.1), así que va subrayado. */
-  a[href] {
-    color: var(--netzi-primary-text);
-    text-decoration: underline;
-  }
-
-  /* La dirección de un enlace externo, a la vista en papel, solo donde se pide: en el propio
-     enlace o en un contenedor con el atributo data-print-urls. En toda la página llenaría de
-     direcciones el menú y cada botón con enlace. */
-  a[data-print-urls][href^='http']::after,
-  [data-print-urls] a[href^='http']::after {
-    content: ' (' attr(href) ')';
-    color: var(--netzi-text-2);
-    font-size: 0.85em;
-    overflow-wrap: anywhere;
-  }
-}
-
-/* La parada de Tab que pone netziTruncated en un texto cortado (#167): el anillo de foco del
-   kit (3:1), por dentro para que no lo recorte la caja que corta el texto. */
-[data-netzi-truncated-stop]:focus-visible {
-  outline: 2px solid var(--netzi-focus-ring);
-  outline-offset: -2px;
-}

package/styles/fonts.css

@@ -62,75 +62,3 @@
     U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
     U+A720-A7FF;
 }
-
-/* -----------------------------------------------------------
-   Respaldo con métricas ajustadas (#178)
-   Con `swap`, el texto se pinta primero con una fuente del sistema y salta
-   al llegar la de marca: otra anchura de letra y otra altura de línea mueven
-   la página entera (layout shift). Estas caras locales hacen que la fuente
-   del sistema ocupe lo mismo que la de marca, así que el cambio apenas mueve
-   nada. Las familias de los tokens las nombran justo detrás de la de marca
-   (`--netzi-font-sans`, `--netzi-font-mono`).
-
-   De dónde salen los números (se rehacen si cambia la fuente de marca):
-   - Vertical (fontTools 4.60 sobre los woff2 de fonts/): Plus Jakarta Sans
-     tiene 1000 unidades por eme, ascendente 1038, descendente 222 e
-     interlineado 0 (OS/2 «typo», con USE_TYPO_METRICS; «hhea» da lo
-     mismo). Fira Code: 2000 unidades, 1980, 644 y 0.
-   - Anchura: medida en Chromium (`measureText` de un canvas) sobre el texto
-     entero de las 63 páginas del playground, en español y en inglés, con sus
-     espacios. Plus Jakarta Sans ocupa un 3,88 % más que Arial a peso 400
-     (3,76 % en español, 4,00 % en inglés) y un 0,98 % más que Arial Bold a
-     700. Se mide sobre texto real y no sobre las letras sueltas porque el
-     espacio de Plus Jakarta Sans es muy estrecho (0,17 em, el de Arial
-     0,278) y cuenta tanto como las letras. Separar el espacio en su propia
-     cara (con `unicode-range`) se probó y movía más, no menos.
-   - size-adjust = anchura de la de marca / anchura del respaldo.
-   - ascent-override, descent-override y line-gap-override = la métrica de
-     la de marca (en ems) / size-adjust: el navegador las escala después por
-     size-adjust, y la caja de línea queda como la de marca.
-   - Resultado (scripts/saltos-de-layout.mjs, 71 rutas a 1280 px): lo que se
-     mueve al llegar la fuente suma 0,058 con este respaldo y 1,033 sin él en
-     el Linux del CI (Liberation), y 0,061 y 0,300 en macOS (Arial).
-   Liberation Sans y Liberation Mono (Linux) tienen las métricas de Arial y
-   Courier New, así que valen los mismos números. El peso 700 va aparte
-   porque Arial Bold no es Arial ensanchada; de 550 en adelante se usa esa
-   cara en vez de engrosar la normal. En la monoespaciada todo ocupa 0,6 em
-   en las dos (Courier New, 0,6001), también en negrita: basta una cara, y la
-   negrita la sintetiza el navegador. Su size-adjust no es 0,6 / 0,6001
-   (99,98 %) sino 100,03 %: con el hinting de Linux cada avance se redondea a
-   píxeles enteros, y a 99,98 % el respaldo se quedaba justo por debajo de la
-   media unidad (7,4995 px a 12,5 px, que redondea a 7) mientras Fira Code
-   daba 7,5 (que redondea a 8). Con 100,03 % los dos redondean igual de 11 a
-   22,5 px, y sin hinting la anchura cambia un 0,02 %. Ascent y descent salen
-   igual que arriba: 0,99 / 1,0003 y 0,322 / 1,0003.
-   ----------------------------------------------------------- */
-
-@font-face {
-  font-family: 'Plus Jakarta Sans Fallback';
-  font-weight: 100 549;
-  src: local('Arial'), local('Liberation Sans'), local('Arimo');
-  size-adjust: 103.88%;
-  ascent-override: 99.92%;
-  descent-override: 21.37%;
-  line-gap-override: 0%;
-}
-
-@font-face {
-  font-family: 'Plus Jakarta Sans Fallback';
-  font-weight: 550 900;
-  src: local('Arial Bold'), local('Liberation Sans Bold'), local('Arimo Bold');
-  size-adjust: 100.98%;
-  ascent-override: 102.79%;
-  descent-override: 21.98%;
-  line-gap-override: 0%;
-}
-
-@font-face {
-  font-family: 'Fira Code Fallback';
-  src: local('Courier New'), local('Liberation Mono'), local('Cousine');
-  size-adjust: 100.03%;
-  ascent-override: 98.97%;
-  descent-override: 32.19%;
-  line-gap-override: 0%;
-}