@alivecss/aliveui 1.0.0 → 1.0.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 +7 -7
- package/dist/cli.js +36 -0
- package/dist/index.js +36 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +36 -0
- package/dist/index.mjs.map +1 -1
- package/dist/runtime.d.mts +1 -1
- package/dist/runtime.d.ts +1 -1
- package/dist/runtime.js.map +1 -1
- package/dist/runtime.mjs.map +1 -1
- package/dist/vite.d.mts +1 -1
- package/dist/vite.d.ts +1 -1
- package/dist/vite.js +36 -0
- package/dist/vite.js.map +1 -1
- package/dist/vite.mjs +36 -0
- package/dist/vite.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ Modern interfaces are visually structured but temporally dead. AliveUI treats mo
|
|
|
9
9
|
## Install
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
npm install @
|
|
12
|
+
npm install @alivecss/aliveui
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
---
|
|
@@ -23,7 +23,7 @@ Add to `postcss.config.js`:
|
|
|
23
23
|
```js
|
|
24
24
|
module.exports = {
|
|
25
25
|
plugins: {
|
|
26
|
-
'@
|
|
26
|
+
'@alivecss/aliveui': {
|
|
27
27
|
content: ['./src/**/*.{html,js,jsx,ts,tsx,vue,svelte}'],
|
|
28
28
|
},
|
|
29
29
|
},
|
|
@@ -41,19 +41,19 @@ In your CSS entry file:
|
|
|
41
41
|
|
|
42
42
|
```bash
|
|
43
43
|
# Create config
|
|
44
|
-
npx @
|
|
44
|
+
npx @alivecss/aliveui init
|
|
45
45
|
|
|
46
46
|
# Build once
|
|
47
|
-
npx @
|
|
47
|
+
npx @alivecss/aliveui build
|
|
48
48
|
|
|
49
49
|
# Watch mode
|
|
50
|
-
npx @
|
|
50
|
+
npx @alivecss/aliveui watch
|
|
51
51
|
```
|
|
52
52
|
|
|
53
53
|
Config file (`aliveui.config.js`):
|
|
54
54
|
|
|
55
55
|
```js
|
|
56
|
-
/** @type {import('@
|
|
56
|
+
/** @type {import('@alivecss/aliveui').AliveUIConfig} */
|
|
57
57
|
module.exports = {
|
|
58
58
|
content: ['./src/**/*.{html,js,jsx,ts,tsx}'],
|
|
59
59
|
output: './public/alive.css',
|
|
@@ -267,7 +267,7 @@ AliveUI ships three primitive components — thin semantic wrappers for common p
|
|
|
267
267
|
## Configuration
|
|
268
268
|
|
|
269
269
|
```js
|
|
270
|
-
/** @type {import('@
|
|
270
|
+
/** @type {import('@alivecss/aliveui').AliveUIConfig} */
|
|
271
271
|
module.exports = {
|
|
272
272
|
content: ['./src/**/*.{html,jsx,tsx}'],
|
|
273
273
|
output: './public/alive.css',
|
package/dist/cli.js
CHANGED
|
@@ -587,6 +587,42 @@ function generateBase(_config) {
|
|
|
587
587
|
box-sizing: border-box;
|
|
588
588
|
}
|
|
589
589
|
|
|
590
|
+
html {
|
|
591
|
+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
592
|
+
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
|
593
|
+
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
594
|
+
line-height: 1.5;
|
|
595
|
+
-webkit-text-size-adjust: 100%;
|
|
596
|
+
-moz-tab-size: 4;
|
|
597
|
+
tab-size: 4;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
body {
|
|
601
|
+
margin: 0;
|
|
602
|
+
line-height: inherit;
|
|
603
|
+
-webkit-font-smoothing: antialiased;
|
|
604
|
+
-moz-osx-font-smoothing: grayscale;
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
button,
|
|
608
|
+
input,
|
|
609
|
+
optgroup,
|
|
610
|
+
select,
|
|
611
|
+
textarea {
|
|
612
|
+
font-family: inherit;
|
|
613
|
+
font-size: 100%;
|
|
614
|
+
font-weight: inherit;
|
|
615
|
+
line-height: inherit;
|
|
616
|
+
color: inherit;
|
|
617
|
+
margin: 0;
|
|
618
|
+
padding: 0;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
button,
|
|
622
|
+
select {
|
|
623
|
+
text-transform: none;
|
|
624
|
+
}
|
|
625
|
+
|
|
590
626
|
/* \u2500\u2500 Design tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
591
627
|
:root {
|
|
592
628
|
/* Motion durations */
|
package/dist/index.js
CHANGED
|
@@ -595,6 +595,42 @@ function generateBase(_config) {
|
|
|
595
595
|
box-sizing: border-box;
|
|
596
596
|
}
|
|
597
597
|
|
|
598
|
+
html {
|
|
599
|
+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
600
|
+
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
|
601
|
+
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
602
|
+
line-height: 1.5;
|
|
603
|
+
-webkit-text-size-adjust: 100%;
|
|
604
|
+
-moz-tab-size: 4;
|
|
605
|
+
tab-size: 4;
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
body {
|
|
609
|
+
margin: 0;
|
|
610
|
+
line-height: inherit;
|
|
611
|
+
-webkit-font-smoothing: antialiased;
|
|
612
|
+
-moz-osx-font-smoothing: grayscale;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
button,
|
|
616
|
+
input,
|
|
617
|
+
optgroup,
|
|
618
|
+
select,
|
|
619
|
+
textarea {
|
|
620
|
+
font-family: inherit;
|
|
621
|
+
font-size: 100%;
|
|
622
|
+
font-weight: inherit;
|
|
623
|
+
line-height: inherit;
|
|
624
|
+
color: inherit;
|
|
625
|
+
margin: 0;
|
|
626
|
+
padding: 0;
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
button,
|
|
630
|
+
select {
|
|
631
|
+
text-transform: none;
|
|
632
|
+
}
|
|
633
|
+
|
|
598
634
|
/* \u2500\u2500 Design tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
599
635
|
:root {
|
|
600
636
|
/* Motion durations */
|