@netzi/tokens 0.1.0-beta.8

package/README.md

@@ -0,0 +1,344 @@
+# @netzi/tokens
+
+Design tokens de Netzi como **CSS custom properties**. Agnóstico de framework
+(sirve para Angular, React, HTML plano, Tailwind, etc.). Es la base sobre la que
+se construyen `@netzi/ui` y cualquier app de Netzi Tech.
+
+- Tema **claro** (`:root`, tema claro) y **oscuro** (`[data-theme="dark"]`, Netzi navy).
+- Acentos de marca constantes en ambos temas.
+- Todos los tokens usan el prefijo `--netzi-*` para evitar colisiones.
+
+## Instalación
+
+En el **npm público**, bajo el scope `@netzi` de Netzi Tech: sin registry especial ni
+token. Mientras el kit esté en beta, fija el canal:
+
+```bash
+pnpm add @netzi/tokens@beta
+```
+
+Licencia de uso libre con código privado: ver `LICENSE.md` dentro del paquete. Las
+tipografías incluidas van bajo la SIL Open Font License 1.1.
+
+## Uso
+
+Importa la entrada por defecto (tokens + reset base):
+
+```css
+@import '@netzi/tokens';
+```
+
+O por partes:
+
+```css
+@import '@netzi/tokens/tokens.css'; /* solo las variables (sin reset) */
+@import '@netzi/tokens/base.css'; /* reset + tipografía base + scrollbar */
+@import '@netzi/tokens/fonts.css'; /* opcional: fuentes de marca, autoalojadas */
+```
+
+En tu CSS, consume los tokens:
+
+```css
+.boton {
+  background: var(--netzi-blue);
+  color: var(--netzi-on-accent);
+  border-radius: var(--netzi-radius);
+  box-shadow: var(--netzi-shadow);
+}
+```
+
+## Espaciado (`--netzi-space-*`)
+
+Escala de espaciado para gaps y paddings de layout (base 4px). Úsala en vez de
+píxeles/rem sueltos para mantener el ritmo del sistema de diseño.
+
+| Token             | Valor | Compacto |
+| ----------------- | ----- | -------- |
+| `--netzi-space-0` | 0     | 0        |
+| `--netzi-space-1` | 2px   | 2px      |
+| `--netzi-space-2` | 4px   | 4px      |
+| `--netzi-space-3` | 8px   | 8px      |
+| `--netzi-space-4` | 12px  | 10px     |
+| `--netzi-space-5` | 16px  | 12px     |
+| `--netzi-space-6` | 24px  | 20px     |
+| `--netzi-space-7` | 32px  | 28px     |
+| `--netzi-space-8` | 48px  | 40px     |
+
+Bajo `[data-density='compact']` los pasos medios/grandes se reducen (los finos no
+cambian), coherente con la densidad de los controles.
+
+```css
+.tarjeta {
+  padding: var(--netzi-space-5);
+  display: flex;
+  gap: var(--netzi-space-3);
+}
+```
+
+## Fuentes de marca (`fonts.css`)
+
+`fonts.css` trae **Plus Jakarta Sans** (texto) y **Fira Code** (monoespaciada) como
+fuentes variables woff2 **dentro del paquete** (~95 KB en total, en dos subconjuntos
+`latin` y `latin-ext` que el navegador descarga según haga falta). No se pide nada
+a Google: política 14 (autoalojar) y 08b (sin terceros antes del consentimiento).
+Va aparte de `index.css`; impórtalo si tu app usa las fuentes de marca:
+
+```css
+@import '@netzi/tokens/fonts.css';
+```
+
+Las rutas son relativas al paquete y las reescriben Vite y el CLI de Angular, que
+copian los woff2 al build. Licencia OFL-1.1, adjunta en `styles/fonts/`. Ninguna hoja
+publicada carga nada desde fuera: todo viaja dentro del paquete.
+
+## Tipografía (`--netzi-font-size-*`, `--netzi-line-height-*`, `--netzi-font-weight-*`)
+
+Escala de texto para todo lo que **no** es un control: líneas secundarias, pies,
+metadatos, títulos. Todos los tamaños escalan con `--netzi-font-scale` (el ajuste
+de accesibilidad del panel), igual que los controles. `md` = 14px es el 100 %.
+
+| Token                   | Valor  | Para qué                                |
+| ----------------------- | ------ | --------------------------------------- |
+| `--netzi-font-size-xs`  | 11px   | metadatos, etiquetas en mayúsculas      |
+| `--netzi-font-size-sm`  | 12.5px | líneas secundarias, pies, celdas densas |
+| `--netzi-font-size-md`  | 14px   | texto corriente                         |
+| `--netzi-font-size-lg`  | 16px   | texto destacado, títulos de tarjeta     |
+| `--netzi-font-size-xl`  | 18px   | títulos de sección                      |
+| `--netzi-font-size-2xl` | 22px   | títulos de página                       |
+| `--netzi-font-size-3xl` | 28px   | cifras grandes, portadas                |
+
+| Interlineado                  | Valor | Peso                            | Valor |
+| ----------------------------- | ----- | ------------------------------- | ----- |
+| `--netzi-line-height-none`    | 1     | `--netzi-font-weight-regular`   | 400   |
+| `--netzi-line-height-tight`   | 1.25  | `--netzi-font-weight-medium`    | 500   |
+| `--netzi-line-height-normal`  | 1.5   | `--netzi-font-weight-semibold`  | 600   |
+| `--netzi-line-height-relaxed` | 1.65  | `--netzi-font-weight-bold`      | 700   |
+|                               |       | `--netzi-font-weight-extrabold` | 800   |
+
+Los tamaños de los **controles** (`--netzi-control-fs-sm/md/lg`) son otra familia,
+ligada a la altura del control; no salen de esta escala. La densidad compacta no
+cambia el texto (encoge el aire, no la letra).
+
+```css
+.meta {
+  font-size: var(--netzi-font-size-xs);
+  line-height: var(--netzi-line-height-none);
+  font-weight: var(--netzi-font-weight-semibold);
+  text-transform: uppercase;
+}
+```
+
+## Tema claro / oscuro
+
+El tema se controla con el atributo `data-theme` en un ancestro (normalmente `<html>`):
+
+```html
+<html data-theme="dark">
+  ...
+</html>
+```
+
+Sin el atributo, aplica el tema claro (`:root`).
+
+## Overrides (white-label por app)
+
+El mecanismo de personalización **sobrevive a las actualizaciones**: redefine los
+tokens que quieras en tu propio scope. Las nuevas versiones de `@netzi/tokens`
+cambian solo los _defaults_; nunca pisan lo que tu app sobreescribe.
+
+```css
+/* tema de la app "Acme": cambia el azul de marca y los radios */
+:root {
+  --netzi-blue: #6c3cff;
+  --netzi-radius: 8px;
+}
+
+[data-theme='dark'] {
+  --netzi-surface: #101522;
+}
+```
+
+## Catálogo de tokens
+
+| Grupo       | Tokens                                                                                                                                              |
+| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Marca       | `--netzi-blue` `--netzi-blue-dark` `--netzi-green` `--netzi-purple` `--netzi-red` `--netzi-yellow`                                                  |
+| Estado      | `--netzi-info` `--netzi-success` `--netzi-warning` `--netzi-danger` (+ su `-text`)                                                                  |
+| Superficies | `--netzi-bg` `--netzi-surface` `--netzi-surface-2` `--netzi-surface-3`                                                                              |
+| Bordes      | `--netzi-border` `--netzi-border-2`                                                                                                                 |
+| Flotantes   | `--netzi-float-bg` `--netzi-float-border` `--netzi-float-border-2` `--netzi-float-surface` (`-2`, `-3`) `--netzi-float-filter` `--netzi-float-glow` |
+| Velo modal  | `--netzi-scrim` `--netzi-scrim-filter`                                                                                                              |
+| Lente       | `--netzi-float-lens` `--netzi-float-lens-size` (opt-in, ver abajo)                                                                                  |
+| Texto       | `--netzi-text` `--netzi-text-2` `--netzi-text-3` `--netzi-on-accent`                                                                                |
+| Sombras     | `--netzi-shadow-sm` `--netzi-shadow` `--netzi-shadow-lg`                                                                                            |
+| Acento      | `--netzi-tint` `--netzi-primary-tint` `--netzi-primary-tint-strong`                                                                                 |
+| Forma       | `--netzi-radius` `--netzi-radius-lg`                                                                                                                |
+| Tipografía  | `--netzi-font-sans` `--netzi-font-mono` `--netzi-font-scale` `--netzi-font-size-{xs…3xl}` `--netzi-line-height-*` `--netzi-font-weight-*`           |
+
+Alias por **simetría**, para que el nombre que se da por hecho exista:
+`--netzi-surface-1`, `--netzi-text-1` y `--netzi-radius-md` apuntan a
+`--netzi-surface`, `--netzi-text` y `--netzi-radius`. Un token que **no** existe
+no da error: la declaración entera se descarta y el elemento se queda sin fondo,
+sin color o sin radio, sin aviso en build ni en consola.
+
+### Un panel de cristal entra por transición, nunca por animación
+
+Una animación CSS terminada se queda retenida en el elemento y, si animó
+`opacity`, Chromium deja el panel compuesto como su propia raíz de fondo: el
+`backdrop-filter` de su capa de cristal solo ve el fondo del propio panel y la
+página se lee nítida a través de él. Por eso todos los paneles del kit entran con
+`transition` + `@starting-style`, y un guardián de la suite lo vigila. Si añades
+una capa de cristal nueva, no le pongas `@keyframes` de entrada.
+
+### La lente del canto, y por qué es opt-in
+
+Con `data-glass-lens="on"` en la raíz, el borde de las capas modales (modal,
+drawer, paleta ⌘K) lleva **su propio desenfoque**, más fuerte que el del interior:
+es lo que da sensación de espesor.
+
+No es refracción de verdad —el fondo no se curva— y **hoy no puede serlo**:
+Chromium acepta `backdrop-filter: url(#filtro-svg)` y luego lo ignora (el mismo
+filtro como `filter` normal sí deforma, así que el problema es el
+`backdrop-filter`, no el filtro), y Safari ni lo acepta.
+
+Es opt-in porque **cuesta**: es una segunda capa de `backdrop-filter`. Medido con
+el fondo en movimiento:
+
+| escenario                            | fps   |
+| ------------------------------------ | ----- |
+| una capa con cristal                 | 60    |
+| una capa con cristal **+ lente**     | 60    |
+| tres capas apiladas                  | 30-38 |
+| tres capas apiladas **+ lente**      | 26    |
+| capa con lente, con el shell apagado | 51    |
+
+Con una sola capa en pantalla sale gratis; apilada, se nota. La última fila es
+un experimento **descartado**: apagar el filtro del topbar y del sidebar bajo una
+capa modal daba esos frames, pero el velo es translúcido y el salto de tono del
+shell se veía al abrir. `NetziOverlayService` y su marca `data-netzi-overlay="open"`
+se quedan para que la app reaccione a «hay algo encima» (pausar una animación
+cara, un vídeo de fondo).
+
+### Estados y tintes: relleno o texto, nunca los dos
+
+`--netzi-success` y compañía son **relleno** (un punto de estado, un fondo, una
+barra). Para texto va su `-text`, que es la versión que llega a 4.5:1. Con los
+tintes del primario pasa lo mismo por otro lado: `--netzi-primary-tint` (10 %) es
+para superficies grandes y aguanta `--netzi-primary-text` justo; en una pieza
+pequeña se pierde contra el fondo, y para eso está
+`--netzi-primary-tint-strong` (22 %), cuya tinta es `--netzi-text`.
+
+Lo mismo vale para el primario y los acentos a secas: `--netzi-primary`,
+`--netzi-blue`, `--netzi-green`… son **relleno** y no llegan a 4.5:1 como texto
+sobre fondo claro (`--netzi-blue` da 2.9:1; `--netzi-primary-dark`, 4.3:1). Si se
+lee, va `--netzi-primary-text` o el `-text` del color, que están calibrados por
+tema y por preset. Es lo que le pasó al botón `soft` (#56).
+
+## Los tres niveles de texto
+
+Tienen **papeles distintos**, no son tres grados de gris intercambiables. El ratio
+es el peor de las cuatro superficies del tema (`bg`, `surface`, `surface-2`,
+`surface-3`); `surface-3` es siempre el caso malo.
+
+| Token            | Claro  | Oscuro | Para qué                                                                           |
+| ---------------- | ------ | ------ | ---------------------------------------------------------------------------------- |
+| `--netzi-text`   | 13.7:1 | 15.2:1 | Títulos, valores y cuerpo.                                                         |
+| `--netzi-text-2` | 4.8:1  | 5.0:1  | **Cualquier** texto secundario: rótulos, ayudas, pies, metadatos, placeholders.    |
+| `--netzi-text-3` | 3.2:1  | 3.3:1  | **No textual**: iconos decorativos, chevrons, separadores, líneas, deshabilitados. |
+
+WCAG 2.1 pide **4.5:1** para texto normal (SC 1.4.3) y **3:1** para lo no textual
+con significado (SC 1.4.11). Por eso `--netzi-text-3` **no vale para texto**: si
+lo que pintas se lee, va `--netzi-text-2`.
+
+Con `data-contrast='high'` cada nivel toma el valor del de encima: `text-2` sube a
+7.1:1 y `text-3` a 4.8:1, así que el modo cumple incluso donde alguien haya usado
+`text-3` para un rótulo.
+
+Los ratios están **medidos sobre este mismo `tokens.css`** por
+`tokens-contrast.spec.ts` en `@netzi/ui`: si cambias un valor y deja de cumplir, la
+suite se pone roja.
+
+## Capas flotantes y superficies de cristal
+
+Las capas que se pintan **encima** del contenido —topbar, sidebar, paneles
+anclados, modal, drawer, menús y toasts— no usan `--netzi-surface` directamente,
+sino su propio juego de tokens:
+
+| Token                     | Para qué                                        |
+| ------------------------- | ----------------------------------------------- |
+| `--netzi-float-bg`        | Fondo de la capa                                |
+| `--netzi-float-border`    | Su borde                                        |
+| `--netzi-float-border-2`  | Su borde marcado                                |
+| `--netzi-float-surface`   | Lo ANIDADO dentro de la capa: la lámina misma   |
+| `--netzi-float-surface-2` | … a un paso de la lámina (tarjetas, hovers)     |
+| `--netzi-float-surface-3` | … a dos pasos                                   |
+| `--netzi-float-filter`    | Valor de `backdrop-filter` (por defecto `none`) |
+
+Cada capa re-escopa `--netzi-surface`, `-2` y `-3` a los tres `float-surface`, así
+que **todo lo que va dentro** (una tarjeta, la burbuja de un comentario, el hover
+de un botón) hereda el vidrio sin saber que está en una capa. Con cristal son
+tintes translúcidos **oscuros** que se alejan de la lámina un paso, dos y tres
+(una tarjeta es más gris que la lámina, como en opaco). En claro eso resta
+contraste, y por eso `--netzi-text-2` con cristal baja dos niveles (el mismo
+valor que en alto contraste, `#354049`);
+`tokens-contrast.spec.ts` exige que sobre el tinte más fuerte siga por encima de
+4.5:1 incluso con negro puro debajo.
+
+Con el cristal apagado valen exactamente lo mismo que los tokens de siempre, así
+que no cambia nada. Con `data-glass="on"` en un ancestro (lo pone
+`NetziThemeService` en `<html>`, y también vale en un scope acotado) esas capas
+pasan a ser translúcidas con el fondo desenfocado y saturado:
+
+```html
+<html data-theme="dark" data-glass="on">
+  ...
+</html>
+```
+
+Las superficies de **contenido** (tarjetas, secciones, tablas) siguen opacas a
+propósito: ahí el cristal solo resta legibilidad.
+
+### Fondo ambiental: darle al cristal algo que desenfocar
+
+Un cristal sobre un fondo liso se ve como una placa gris: no hay nada detrás
+que atravesar. Con `data-ambient="on"` en la raíz (`NetziThemeService.setAmbient`,
+interruptor «Fondo ambiental» en `netzi-settings`) el layout pinta bajo
+`--netzi-bg` unas manchas de color suaves —el primario del preset, morado y
+verde— que se ven a través del topbar, del sidebar y de cualquier capa que pase
+por encima. Token: `--netzi-ambient` (`none` sin el eje). Los porcentajes son
+bajos y el texto se sigue leyendo encima (`--netzi-text-3` sobre la mancha más
+fuerte: 4.4:1 en claro, 4.6:1 en oscuro). En alto contraste se apaga solo.
+
+```html
+<html data-theme="dark" data-glass="on" data-ambient="on"></html>
+```
+
+**El suelo de contraste no lo pone solo el alfa.** Sobre cristal el texto se lee
+contra lo que haya debajo, que cambia al scrollear, así que el caso a cumplir es
+el fondo más contrario posible. Taparlo con opacidad exige un alfa de 0.82, y a
+0.82 esto ya no parece cristal; por eso el filtro **acota el fondo** antes de
+componerlo:
+
+| función          | qué hace                                                       |
+| ---------------- | -------------------------------------------------------------- |
+| `saturate(180%)` | aviva el color de debajo al difuminarse (lo vistoso)           |
+| `contrast(0.6)`  | comprime el rango del fondo hacia el gris medio                |
+| `brightness()`   | lo empuja al tono de la capa: `1.5` en claro, `0.66` en oscuro |
+| `blur(28px)`     | lo difumina; cuanto más ancho, más vidrio esmerilado           |
+
+Bastan **0.44** de alfa y brillo 1.25 en claro,
+**0.12** y brillo 0.56 en oscuro, 10 px de desenfoque en los dos. El precio es
+el plano contrario puro debajo (negro en claro, blanco en oscuro): ahí el texto
+secundario se queda en **4.1-4.2:1**, y el primario no baja de 4.5:1
+nunca; contra el fondo del kit y contra un gris medio, ambos pasan de 6:1. `tokens-contrast.spec.ts`
+modela la cadena entera, no solo el alfa: tocar cualquiera de sus funciones mueve
+el veredicto.
+
+Degradación automática, sin JS y sin polyfill: con
+`prefers-reduced-transparency: reduce` y donde no haya `backdrop-filter`, la
+superficie opaca de siempre.
+
+## Versionado
+
+SemVer. Cambiar el **valor** de un token es `minor`/`patch`; **renombrar o quitar**
+un token es `major` (rompe la API pública).

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@netzi/tokens",
+  "version": "0.1.0-beta.8",
+  "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": {
+    "email": "netzi.tech@gmail.com"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "styles",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE.md"
+  ],
+  "exports": {
+    ".": "./styles/index.css",
+    "./tokens.css": "./styles/tokens.css",
+    "./base.css": "./styles/base.css",
+    "./fonts.css": "./styles/fonts.css",
+    "./index.css": "./styles/index.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "netzi",
+    "design-tokens",
+    "css",
+    "theme"
+  ],
+  "scripts": {
+    "lint": "stylelint \"styles/**/*.css\""
+  }
+}

package/styles/base.css

@@ -0,0 +1,89 @@
+/* ===========================================================
+   @netzi/tokens — Base (reset + tipografía base + scrollbar)
+   OPCIONAL. Aplica un reset suave y estilos globales que usan los
+   tokens. Si tu app ya tiene su propio reset, importa solo
+   tokens.css en lugar de index.css.
+   Depende de tokens.css (las custom properties --netzi-*).
+   =========================================================== */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  font-family: var(--netzi-font-sans);
+  font-size: calc(16px * var(--netzi-font-scale, 1));
+  background: var(--netzi-bg);
+  color: var(--netzi-text);
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+  transition:
+    background 0.2s,
+    color 0.2s;
+}
+
+a {
+  color: var(--netzi-primary);
+  text-decoration: none;
+}
+
+/* Los controles heredan tipografía y color del contexto. Sin esto, los <button>
+   usan el color por defecto del navegador (negro), y los iconos que usan
+   `currentColor` quedarían negros (invisibles en tema oscuro). */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  color: inherit;
+}
+
+h1,
+h2,
+h3 {
+  font-weight: 800;
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+}
+
+.netzi-mono {
+  font-family: var(--netzi-font-mono);
+}
+
+/* --- Scrollbar (claro/oscuro) --- */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(145, 158, 171, 0.45) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 9px;
+  height: 9px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: rgba(145, 158, 171, 0.4);
+  border-radius: 100px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: rgba(145, 158, 171, 0.65);
+  background-clip: padding-box;
+}
+
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}

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.