@aurea-uds/core 0.61.0 → 0.62.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 +14 -15
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,38 +1,37 @@
|
|
|
1
1
|
# @aurea-uds/core
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
precisa de React.
|
|
3
|
+
The **Aurea UDS** stylesheet, plus the little behaviour in plain JavaScript that does not need React.
|
|
5
4
|
|
|
6
5
|
```bash
|
|
7
6
|
pnpm add @aurea-uds/core @aurea-uds/fonts
|
|
8
7
|
```
|
|
9
8
|
|
|
10
9
|
```js
|
|
11
|
-
import "@aurea-uds/fonts/css"; //
|
|
10
|
+
import "@aurea-uds/fonts/css"; // before the core: it bundles no font
|
|
12
11
|
import "@aurea-uds/core/css";
|
|
13
|
-
import "@aurea-uds/core/js"; //
|
|
12
|
+
import "@aurea-uds/core/js"; // optional — tabs, open and close, and the like, without React
|
|
14
13
|
```
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
The JavaScript does nothing without a DOM, so it is safe to import during server rendering.
|
|
17
16
|
|
|
18
|
-
##
|
|
17
|
+
## What is here
|
|
19
18
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
Every rule the system needs, and nothing else. Documentation decoration and product mock-ups used to
|
|
20
|
+
live here; they were moved out, and a check keeps them out — a class in this stylesheet must be one that
|
|
21
|
+
some component actually produces.
|
|
23
22
|
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
The values come from `@aurea-uds/tokens`. A raw pixel of spacing, radius, font size, weight or line
|
|
24
|
+
height fails in CI, not in a review.
|
|
26
25
|
|
|
27
|
-
##
|
|
26
|
+
## Theme and density
|
|
28
27
|
|
|
29
28
|
```html
|
|
30
29
|
<html data-theme="dark" data-density="comfortable">
|
|
31
30
|
```
|
|
32
31
|
|
|
33
|
-
`data-theme`
|
|
34
|
-
|
|
32
|
+
`data-theme` is `dark` or `light`; `data-density` is `compact`, `comfortable` or `spacious`. Both are
|
|
33
|
+
read from the root element, and a control of a given size measures the same in every combination.
|
|
35
34
|
|
|
36
|
-
##
|
|
35
|
+
## License
|
|
37
36
|
|
|
38
37
|
Apache-2.0.
|