@paganaye/stylets 0.1.0 → 0.1.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 +37 -7
- package/package.json +8 -7
package/README.md
CHANGED
|
@@ -1,13 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
# @paganaye/stylets
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**This library is only started it is not usable yet.**
|
|
4
4
|
|
|
5
|
-
Install workspace deps from repo root:
|
|
6
5
|
|
|
7
|
-
|
|
6
|
+
A small typescript library to build powerful familiar CSS stylesheets in typescript.
|
|
8
7
|
|
|
9
|
-
|
|
8
|
+
* Uses standard CSS properties (camelCased)
|
|
9
|
+
* Fully allows the entire CSS specification
|
|
10
|
+
* No new syntax or vocabulary to learn
|
|
11
|
+
* Type-safe CSS properties with autocompletion
|
|
10
12
|
|
|
11
|
-
|
|
13
|
+
CSS is generated directly from your component and page files.
|
|
14
|
+
|
|
15
|
+
* Easier to maintain and update styles
|
|
16
|
+
* Organized, readable CSS sections
|
|
17
|
+
* No more unused CSS
|
|
18
|
+
* No more multitude of class names on every element
|
|
19
|
+
|
|
20
|
+
# Installation
|
|
12
21
|
|
|
13
|
-
|
|
22
|
+
```
|
|
23
|
+
npm install @paganaye/stylets
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
# Usage
|
|
27
|
+
|
|
28
|
+
```ts
|
|
29
|
+
import { createTheme } from 'stylets'
|
|
30
|
+
|
|
31
|
+
let theme = createTheme({
|
|
32
|
+
styles: {
|
|
33
|
+
body: {
|
|
34
|
+
backgroundColor: '#f8f8ff'
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}).render();
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
# Licence
|
|
42
|
+
|
|
43
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paganaye/stylets",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -21,16 +21,17 @@
|
|
|
21
21
|
"access": "public"
|
|
22
22
|
},
|
|
23
23
|
"source": "src/index.ts",
|
|
24
|
+
"scripts": {
|
|
25
|
+
"build": "tsc -p tsconfig.build.json",
|
|
26
|
+
"dev": "tsc -w -p tsconfig.build.json",
|
|
27
|
+
"test": "vitest run",
|
|
28
|
+
"test:watch": "vitest",
|
|
29
|
+
"release": "npm publish --access public"
|
|
30
|
+
},
|
|
24
31
|
"description": "A small typescript library to build powerful familiar CSS stylesheets in typescript.",
|
|
25
32
|
"license": "MIT",
|
|
26
33
|
"devDependencies": {
|
|
27
34
|
"typescript": "~5.9.3",
|
|
28
35
|
"vitest": "^2.1.8"
|
|
29
|
-
},
|
|
30
|
-
"scripts": {
|
|
31
|
-
"build": "tsc -p tsconfig.build.json",
|
|
32
|
-
"dev": "tsc -w -p tsconfig.build.json",
|
|
33
|
-
"test": "vitest run",
|
|
34
|
-
"test:watch": "vitest"
|
|
35
36
|
}
|
|
36
37
|
}
|