orbital-ds 0.5.0 → 0.6.2
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/README.md +73 -64
- package/components.manifest.json +12 -1
- package/dist/styles.css +20 -0
- package/dist/themes/friendly.css +310 -310
- package/dist/themes/friendly.guide.md +38 -0
- package/dist/themes/friendly.meta.json +14 -0
- package/dist/themes/friendly.scoped.css +310 -310
- package/dist/themes/qratia.guide.md +34 -0
- package/dist/themes/qratia.meta.json +12 -0
- package/dist/themes/tactile.css +415 -0
- package/dist/themes/tactile.fonts.css +2 -0
- package/dist/themes/tactile.guide.md +49 -0
- package/dist/themes/tactile.meta.json +16 -0
- package/dist/themes/tactile.scoped.css +415 -0
- package/dist/themes/twitter.css +290 -290
- package/dist/themes/twitter.guide.md +35 -0
- package/dist/themes/twitter.meta.json +14 -0
- package/dist/themes/twitter.scoped.css +290 -290
- package/dist/themes/zyro.css +381 -381
- package/dist/themes/zyro.guide.md +33 -0
- package/dist/themes/zyro.meta.json +14 -0
- package/dist/themes/zyro.scoped.css +381 -381
- package/dist/ui/attachment.d.ts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/icon-tile.d.ts +11 -0
- package/dist/ui/icon-tile.js +47 -0
- package/dist/ui/input-group.d.ts +1 -1
- package/dist/ui/item.d.ts +1 -1
- package/dist/ui/marker.d.ts +1 -1
- package/dist/ui/sidebar.js +2 -2
- package/docs/CONTRACT.md +2 -1
- package/package.json +142 -140
- package/scripts/doctor.mjs +301 -224
- package/scripts/init.mjs +89 -55
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# Tema `zyro` — guía de diseño
|
|
2
|
+
|
|
3
|
+
## Esencia
|
|
4
|
+
«Liquid glass»: lavanda claro / azul muy oscuro, con cristal en la navegación y los controles y contenido casi opaco.
|
|
5
|
+
|
|
6
|
+
## Gesto firma
|
|
7
|
+
**Cristal** en sidebar, campos y menús; acción primaria como **píldora con degradado de marca y brillo**; sidebar a ras de borde.
|
|
8
|
+
|
|
9
|
+
## Principios
|
|
10
|
+
- El cristal vive en la capa de navegación y controles; el contenido (tarjetas) se mantiene casi opaco, como indican las guías de cristal.
|
|
11
|
+
- Radio generoso (18px).
|
|
12
|
+
|
|
13
|
+
## Referencias y qué se tomó de cada una
|
|
14
|
+
- **faro-orbital-zyro-ui** (biblioteca interna de Fractalia): paleta, fondo con deriva de color en CSS, cristal y botón primario. El tema es una traducción de ese diseño. La malla animada con shader no está activa (sería un componente opcional).
|
|
15
|
+
|
|
16
|
+
## Paleta
|
|
17
|
+
- Claro: fondo `#EAEEFB`, primario `#0349FE`, texto `rgba(14,22,48,.92)`, tarjeta casi opaca.
|
|
18
|
+
- Oscuro: fondo `#0E3148`, acento cian.
|
|
19
|
+
|
|
20
|
+
## Tipografía
|
|
21
|
+
Titulares **Montserrat**, cuerpo **Roboto** (`zyro.fonts.css`, lo primero del CSS de la app).
|
|
22
|
+
|
|
23
|
+
## Formas y profundidad
|
|
24
|
+
Radio 18px; translucidez y desenfoque en navegación; brillo en el primario.
|
|
25
|
+
|
|
26
|
+
## Qué evita
|
|
27
|
+
Cristal en el contenido principal (afecta a la legibilidad).
|
|
28
|
+
|
|
29
|
+
## Accesibilidad
|
|
30
|
+
Cristal sobre fondos variables exige vigilar el contraste del texto de navegación. Limitación conocida: la sombra de sus botones anula el anillo de foco (corrección prevista).
|
|
31
|
+
|
|
32
|
+
## Estado de los valores
|
|
33
|
+
Traducidos de la biblioteca interna de origen; no contrastados de nuevo en esta versión.
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "zyro",
|
|
3
|
+
"label": "Zyro",
|
|
4
|
+
"essence": "Liquid glass: cristal en navegación y controles, contenido casi opaco.",
|
|
5
|
+
"signature": ["cristal en sidebar, campos y menús", "primario en píldora con degradado y brillo"],
|
|
6
|
+
"fonts": { "display": "Montserrat", "body": "Roboto", "file": "zyro.fonts.css", "distributable": true },
|
|
7
|
+
"palette": { "light": { "background": "#EAEEFB", "foreground": "rgba(14,22,48,0.92)", "primary": "#0349FE" }, "dark": { "background": "#0E3148" } },
|
|
8
|
+
"radii": [18],
|
|
9
|
+
"references": [
|
|
10
|
+
{ "name": "faro-orbital-zyro-ui", "tookFromIt": "paleta, cristal, botón primario, fondo con deriva", "source": "biblioteca interna" }
|
|
11
|
+
],
|
|
12
|
+
"status": { "verified": [], "approximate": [], "designed": [], "pending": ["anillo de foco en botones", "malla animada opcional"] },
|
|
13
|
+
"guide": "zyro.guide.md"
|
|
14
|
+
}
|