@aurea-uds/core 0.10.0 → 0.11.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/README.md +15 -16
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -1,39 +1,38 @@
|
|
|
1
1
|
# @aurea-uds/core
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
React.
|
|
3
|
+
A folha de estilo da **Aurea UDS**, mais o pouco de comportamento em JavaScript puro que não
|
|
4
|
+
precisa de React.
|
|
5
5
|
|
|
6
6
|
```bash
|
|
7
7
|
pnpm add @aurea-uds/core @aurea-uds/fonts
|
|
8
8
|
```
|
|
9
9
|
|
|
10
10
|
```js
|
|
11
|
-
import "@aurea-uds/fonts/css"; //
|
|
11
|
+
import "@aurea-uds/fonts/css"; // antes do core: ele não embute mais a IBM Plex
|
|
12
12
|
import "@aurea-uds/core/css";
|
|
13
|
-
import "@aurea-uds/core/js"; //
|
|
13
|
+
import "@aurea-uds/core/js"; // opcional — abas, abrir e fechar e afins, sem React
|
|
14
14
|
```
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
O JavaScript não faz nada sem DOM, então é seguro importá-lo durante a renderização no servidor.
|
|
17
17
|
|
|
18
|
-
##
|
|
18
|
+
## O que tem aqui
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
Toda regra de que o sistema precisa, e nada além. Enfeite de documentação e maquete de produto já
|
|
21
|
+
moraram aqui; saíram, e um check os mantém fora — uma classe desta folha tem de ser uma que
|
|
22
|
+
algum componente de fato produz.
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
Os valores vêm do `@aurea-uds/tokens`. Um pixel cru de espaço, raio, tamanho de letra, peso ou
|
|
25
|
+
altura de linha reprova no CI, e não numa revisão.
|
|
26
26
|
|
|
27
|
-
##
|
|
27
|
+
## Tema e densidade
|
|
28
28
|
|
|
29
29
|
```html
|
|
30
30
|
<html data-theme="dark" data-density="comfortable">
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
-
`data-theme`
|
|
34
|
-
|
|
35
|
-
combination.
|
|
33
|
+
`data-theme` é `dark` ou `light`; `data-density` é `compact`, `comfortable` ou `spacious`. Os dois
|
|
34
|
+
são lidos do elemento raiz, e um controle de um dado tamanho mede o mesmo em toda combinação.
|
|
36
35
|
|
|
37
|
-
##
|
|
36
|
+
## Licença
|
|
38
37
|
|
|
39
38
|
Apache-2.0.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurea-uds/core",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.11.0",
|
|
4
|
+
"description": "O CSS da Aurea UDS e o comportamento em JavaScript puro. Importe @aurea-uds/fonts/css antes deste.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"aurea",
|
|
7
7
|
"design-system",
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
"url": "git+https://github.com/victor1mor/aurea-uds.git",
|
|
15
15
|
"directory": "packages/core"
|
|
16
16
|
},
|
|
17
|
+
"homepage": "https://github.com/victor1mor/aurea-uds/tree/main/packages/core#readme",
|
|
18
|
+
"bugs": {
|
|
19
|
+
"url": "https://github.com/victor1mor/aurea-uds/issues"
|
|
20
|
+
},
|
|
17
21
|
"publishConfig": {
|
|
18
22
|
"access": "public"
|
|
19
23
|
},
|