@netzi/tokens 0.1.0-beta.10

package/styles/fonts/LICENSE-FiraCode.txt

@@ -0,0 +1,93 @@
+Copyright (c) 2014, The Fira Code Project Authors (https://github.com/tonsky/FiraCode)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/styles/fonts/LICENSE-PlusJakartaSans.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/styles/fonts.css

@@ -0,0 +1,136 @@
+/* ===========================================================
+   @netzi/tokens — Fuentes de marca, AUTOALOJADAS
+   Plus Jakarta Sans (texto) y Fira Code (monoespaciada), como fuentes
+   variables woff2 en dos subconjuntos: `latin` y `latin-ext` (ç, ñ, ß, ã,
+   l·l… política 10). El navegador descarga solo el subconjunto que el texto
+   necesita (`unicode-range`). Nada se pide a Google: política 14 («Google
+   Fonts se autoaloja; nunca se carga desde Google en producción») y 08b
+   (ningún recurso de terceros antes del consentimiento).
+
+   Este archivo NO va en index.css: impórtalo aparte
+   (`@import '@netzi/tokens/fonts.css'`) si tu app usa las fuentes de marca.
+   Las rutas son relativas al paquete: Vite y el CLI de Angular las
+   reescriben y copian los woff2 al build.
+
+   Licencias: SIL Open Font License 1.1, copia junto a cada fuente
+   (fonts/LICENSE-PlusJakartaSans.txt, fonts/LICENSE-FiraCode.txt).
+   Origen y versiones: docs/licencias/medios.md del repositorio.
+   =========================================================== */
+
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url('./fonts/plus-jakarta-sans-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;
+}
+
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url('./fonts/plus-jakarta-sans-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-20C0, U+2113, U+2C60-2C7F,
+    U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('./fonts/fira-code-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;
+}
+
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url('./fonts/fira-code-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-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%;
+}

package/styles/index.css

@@ -0,0 +1,7 @@
+/* ===========================================================
+   @netzi/tokens — Entrada por defecto
+   Incluye tokens + base. NO incluye fonts.css (impórtalo aparte
+   si quieres cargar las fuentes desde Google Fonts).
+   =========================================================== */
+@import './tokens.css';
+@import './base.css';