@salty-css/react 0.0.1-alpha.122 → 0.0.1-alpha.123
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 +11 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
1
3
|
# Salty CSS - Kinda sweet but yet spicy CSS-in-JS library
|
|
2
4
|
|
|
3
5
|
In the world of frontend dev is there anything saltier than CSS? Salty CSS is built to provide better developer experience for developers looking for performant and feature rich CSS-in-JS solutions.
|
|
@@ -38,7 +40,15 @@ In your existing repository you can use `npx salty-css [command]` to initialize
|
|
|
38
40
|
|
|
39
41
|
#### Next.js
|
|
40
42
|
|
|
41
|
-
|
|
43
|
+
Salty CSS provides Next.js App & Pages router support with full React Server Components support.
|
|
44
|
+
|
|
45
|
+
##### Add Salty CSS to Next.js
|
|
46
|
+
|
|
47
|
+
1. In your existing Next.js repository you can run `npx salty-css init` to automatically configure Salty CSS.
|
|
48
|
+
2. Create your first Salty CSS component with `npx salty-css generate [filePath]` (e.g. src/custom-wrapper)
|
|
49
|
+
3. Import your component for example to `page.tsx` and see it working!
|
|
50
|
+
|
|
51
|
+
And note: steps 2 & 3 are just to show how get things up and running, step 1 does all of the important stuff 🤯
|
|
42
52
|
|
|
43
53
|
##### Manual configuration
|
|
44
54
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salty-css/react",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.123",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"typings": "./dist/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@salty-css/core": "^0.0.1-alpha.
|
|
49
|
+
"@salty-css/core": "^0.0.1-alpha.123",
|
|
50
50
|
"clsx": ">=2.x",
|
|
51
51
|
"react": ">=19.x || >=18.3.x"
|
|
52
52
|
}
|