@aurea-uds/core 0.49.1 → 0.51.0
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/dist/aurea.css +24 -0
- package/package.json +1 -1
package/dist/aurea.css
CHANGED
|
@@ -399,6 +399,10 @@
|
|
|
399
399
|
--sidebar-accent-foreground:oklch(0.96 0.006 250);
|
|
400
400
|
--sidebar-border:oklch(1 0 0 / 0.1);
|
|
401
401
|
--sidebar-ring:oklch(0.72 0.19 48);
|
|
402
|
+
--sidebar-contrast:#04080d;
|
|
403
|
+
--sidebar-contrast-accent:#0d151c;
|
|
404
|
+
--sidebar-contrast-foreground:#e1e5ea;
|
|
405
|
+
--sidebar-contrast-muted:#7a8188;
|
|
402
406
|
--success-400:oklch(0.72 0.15 158);
|
|
403
407
|
--warning-400:oklch(0.78 0.14 78);
|
|
404
408
|
--danger-400:oklch(0.722 0.1717 25);
|
|
@@ -466,6 +470,10 @@
|
|
|
466
470
|
--sidebar-accent-foreground:oklch(0.24 0.022 250);
|
|
467
471
|
--sidebar-border:oklch(0.915 0.006 255);
|
|
468
472
|
--sidebar-ring:oklch(0.682 0.197 44.5);
|
|
473
|
+
--sidebar-contrast:#0e141c;
|
|
474
|
+
--sidebar-contrast-accent:#182029;
|
|
475
|
+
--sidebar-contrast-foreground:#e4e8ed;
|
|
476
|
+
--sidebar-contrast-muted:#8c939b;
|
|
469
477
|
--success-400:oklch(0.52 0.1276 155);
|
|
470
478
|
--warning-400:oklch(0.532 0.1129 75);
|
|
471
479
|
--danger-400:oklch(0.542 0.21 26);
|
|
@@ -1861,6 +1869,22 @@ img,svg { display:block; }
|
|
|
1861
1869
|
/* O painel por cima (4-G): a janelinha da Aurea, da largura da lateral, com a pele da lista dela. Os tokens da lateral passam a
|
|
1862
1870
|
ser os da janelinha: sob uma marca de lateral escura, a janelinha é clara, e a letra da lateral sumiria nela. */
|
|
1863
1871
|
.popover.sidebar-flyout { --sidebar-item-x:var(--space-4); --sidebar-foreground:var(--popover-foreground); --sidebar-accent:var(--fill-1); --sidebar-primary:var(--primary-emphasis); inline-size:var(--sidebar-width); max-inline-size:calc(100vw - var(--space-8)); padding:var(--space-1); gap:var(--space-1); }
|
|
1872
|
+
/* MNT-36 (29/10/2026, ADR-0087): A LATERAL DE CONTRASTE, `Sidebar contrast` — a forma A ("escura neutra"), que o Victor
|
|
1873
|
+
escolheu na bancada das 13 marcas (*"A, escura neutra"*). Como o `Card variant="contrast"` (ADR-0063), ela traz
|
|
1874
|
+
`data-theme="dark"` no próprio elemento: a letra, os ícones, o item atual e tudo de dentro saem do tema escuro DA MARCA.
|
|
1875
|
+
Só o FUNDO depende da página: numa página clara, o cartão do escuro; numa página escura, a página do escuro misturada com
|
|
1876
|
+
preto — mais escura que a página, para continuar se separando dela (o jeito do app que pediu). O "está numa página
|
|
1877
|
+
escura?" é o do ANCESTRAL, com a guarda do GAR-05: o atributo da própria lateral não conta.
|
|
1878
|
+
A EMBER não segue a conta (o Victor, 29/10/2026: a paleta dela é a única fechada a mudança de cor): ela traz as cores
|
|
1879
|
+
medidas do app onde nasceu nos tokens `sidebar-contrast*` — só ela os define, um valor para a página clara e outro
|
|
1880
|
+
para a escura. O `inherit` traz para dentro da lateral o valor da PÁGINA: o da própria lateral seria sempre o do escuro.
|
|
1881
|
+
Nas outras marcas o token não existe, e vale a conta. */
|
|
1882
|
+
.sidebar.sidebar-contrast { --sidebar-contrast:inherit; --sidebar-contrast-accent:inherit; --sidebar-contrast-foreground:inherit; --sidebar-contrast-muted:inherit; --sidebar:var(--sidebar-contrast,var(--card)); --sidebar-accent:var(--sidebar-contrast-accent,var(--secondary)); }
|
|
1883
|
+
[data-theme="dark"] .sidebar.sidebar-contrast:where(:not([data-theme="light"] *),[data-theme="light"] [data-theme="dark"] *) { --sidebar:var(--sidebar-contrast,color-mix(in oklch,var(--background) 55%,black)); --sidebar-accent:var(--sidebar-contrast-accent,var(--card)); }
|
|
1884
|
+
.sidebar.sidebar-contrast:where([data-brand="ember"] *) { --sidebar-foreground:var(--sidebar-contrast-foreground); --sidebar-accent-foreground:var(--sidebar-contrast-foreground); --muted-foreground:var(--sidebar-contrast-muted); }
|
|
1885
|
+
/* A `plain` não tem caixa nem fundo; escura, a letra clara ficaria sobre a página clara (ilegível). Com `contrast`, ela pinta
|
|
1886
|
+
o fundo da lateral — a flutuante sem a sombra. As outras (a flutuante, a de canto reto, a trilha e o painel) já pintam. */
|
|
1887
|
+
.sidebar-plain.sidebar-contrast { background:var(--sidebar); }
|
|
1864
1888
|
/* Estas regras tocam `.app-shell` porque a coluna do grid é do shell: a
|
|
1865
1889
|
lateral não consegue encolher a própria trilha. `--sidebar-rail` continua sendo a largura
|
|
1866
1890
|
do PAINEL; a flutuante soma as margens na trilha, a rente usa o token cru.
|