@aurea-uds/core 0.12.4 → 0.14.1
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 +1 -1
- package/dist/aurea.css +11 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ pnpm add @aurea-uds/core @aurea-uds/fonts
|
|
|
8
8
|
```
|
|
9
9
|
|
|
10
10
|
```js
|
|
11
|
-
import "@aurea-uds/fonts/css"; // antes do core: ele não embute
|
|
11
|
+
import "@aurea-uds/fonts/css"; // antes do core: ele não embute fonte nenhuma
|
|
12
12
|
import "@aurea-uds/core/css";
|
|
13
13
|
import "@aurea-uds/core/js"; // opcional — abas, abrir e fechar e afins, sem React
|
|
14
14
|
```
|
package/dist/aurea.css
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
:root{
|
|
4
4
|
--brand-yellow:oklch(0.795 0.184 86.047);
|
|
5
5
|
--brand-yellow-foreground:oklch(0.421 0.095 57.708);
|
|
6
|
-
--font-ui:"
|
|
7
|
-
--font-editorial:"
|
|
8
|
-
--font-code:"
|
|
6
|
+
--font-ui:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;
|
|
7
|
+
--font-editorial:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;
|
|
8
|
+
--font-code:"Atkinson Hyperlegible Mono",SFMono-Regular,Consolas,monospace;
|
|
9
9
|
--text-xs:0.75rem;
|
|
10
10
|
--text-sm:0.875rem;
|
|
11
|
-
--text-md:
|
|
11
|
+
--text-md:var(--text-sm);
|
|
12
12
|
--text-base:1rem;
|
|
13
13
|
--text-lg:1.125rem;
|
|
14
14
|
--text-xl:1.25rem;
|
|
@@ -425,13 +425,13 @@
|
|
|
425
425
|
--card-pad:1.5rem;
|
|
426
426
|
--section-gap:2rem;
|
|
427
427
|
}
|
|
428
|
-
/* Aurea core — component styles. Built with @aurea-uds/tokens into dist/aurea.css. Load @aurea-uds/fonts/css for
|
|
428
|
+
/* Aurea core — component styles. Built with @aurea-uds/tokens into dist/aurea.css. Load @aurea-uds/fonts/css for Atkinson Hyperlegible (ADR-0053). */
|
|
429
429
|
/* ========================================================================== */
|
|
430
430
|
/* 02. RESET, ACESSIBILIDADE E BASE */
|
|
431
431
|
/* ========================================================================== */
|
|
432
432
|
* { box-sizing:border-box; }
|
|
433
433
|
html { scroll-behavior:smooth; }
|
|
434
|
-
body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-ui); font-size:var(--text-
|
|
434
|
+
body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-ui); font-size:var(--text-sm); line-height:var(--leading-normal); }
|
|
435
435
|
::selection { background:var(--selection); }
|
|
436
436
|
button,input,textarea,select { font:inherit; }
|
|
437
437
|
button,a,[role="button"],input,textarea,select { outline:none; }
|
|
@@ -2044,13 +2044,13 @@ img,svg { display:block; }
|
|
|
2044
2044
|
nenhum gate viu, porque os checks 15 e 18 comparam CLASSE e seletor de elemento não tem
|
|
2045
2045
|
nenhuma. Escrever `blockquote{...}` aqui repetiria o Lote 4 com outro elemento.
|
|
2046
2046
|
|
|
2047
|
-
O tamanho sobe para `--text-base`: o corpo do documento é `--text-
|
|
2047
|
+
O tamanho sobe para `--text-base`: o corpo do documento é `--text-sm` (14px), que serve a
|
|
2048
2048
|
interface e é pequeno para ler artigo. A entrelinha é `--leading-relaxed`, que existe no token
|
|
2049
2049
|
e não tinha uso. A MEDIDA de linha é `--prose-measure`, no idioma das outras válvulas.
|
|
2050
2050
|
|
|
2051
|
-
A FONTE não muda:
|
|
2052
|
-
|
|
2053
|
-
do
|
|
2051
|
+
A FONTE não muda: a prosa usa a do texto. ~~`--font-editorial` (IBM Plex Serif) existe e está
|
|
2052
|
+
sem uso~~ — desde a ADR-0053 (01/10/2026) a Plex Serif saiu, e `--font-editorial` é apelido da
|
|
2053
|
+
fonte do texto (Atkinson Hyperlegible Next), mantido só para não quebrar quem o usa; sai na 1.0. */
|
|
2054
2054
|
.prose { max-width:var(--prose-measure,68ch); font-size:var(--text-base); line-height:var(--leading-relaxed); }
|
|
2055
2055
|
.prose > * + * { margin-block-start:var(--space-4); }
|
|
2056
2056
|
.prose > h2,.prose > h3,.prose > h4 { margin-block-start:var(--space-8); }
|
|
@@ -2074,7 +2074,7 @@ img,svg { display:block; }
|
|
|
2074
2074
|
/* A tabela da prosa NÃO é a tabela de dados: sem `min-width:720px`, sem faixa de cabeçalho em
|
|
2075
2075
|
caixa alta e sem hover de linha. Uma tabela de três colunas no meio de um artigo não é uma
|
|
2076
2076
|
grade — forçá-la a 720px é exatamente o defeito que o calendário sofreu. */
|
|
2077
|
-
.prose table { width:100%; border-collapse:collapse; font-size:var(--text-
|
|
2077
|
+
.prose table { width:100%; border-collapse:collapse; font-size:var(--text-sm); }
|
|
2078
2078
|
.prose th,.prose td { padding:var(--space-2) var(--space-3); text-align:start; border-block-end:1px solid var(--border); }
|
|
2079
2079
|
.prose th { color:var(--subtle-foreground); font-weight:var(--weight-semibold); }
|
|
2080
2080
|
|