@nattstack/ui 0.0.9 → 0.0.10

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 ADDED
@@ -0,0 +1,41 @@
1
+ # @nattstack/ui
2
+
3
+ A collection of reusable React components built with Base UI, TypeScript, and CSS Modules.
4
+
5
+ ## Links
6
+
7
+ - Website: [https://nui-web.vercel.app](https://nui-web.vercel.app)
8
+ - Storybook: [https://ui-storybook.vercel.app](https://ui-storybook.vercel.app)
9
+
10
+ ## Installation
11
+
12
+ ```bash
13
+ bun add @nattstack/ui
14
+ ```
15
+
16
+ ## Usage
17
+
18
+ ```css
19
+ /* global.css */
20
+
21
+ @import "tailwindcss";
22
+ @import "@nattstack/ui/tailwind-colors";
23
+ @import "@nattstack/ui/tailwind-tokenless-10";
24
+ ```
25
+
26
+ ```tsx
27
+ // app.tsx
28
+
29
+ import { Button } from "@nattstack/ui"
30
+
31
+ function App() {
32
+ return (
33
+ <html className="color-gray-slate color-primary-blue">
34
+ <head>...</head>
35
+ <body>
36
+ <Button>Click me</Button>
37
+ </body>
38
+ </html>
39
+ )
40
+ }
41
+ ```
@@ -1,4 +1,6 @@
1
1
  @theme {
2
+ --color-primary: var(--color-primary-9);
3
+
2
4
  --color-bg-primary: var(--color-bg-primary);
3
5
  --color-bg-secondary: var(--color-bg-secondary);
4
6
 
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --color-primary: var(--color-primary-9);
3
+
2
4
  --color-bg-primary: var(--color-gray-1);
3
5
  --color-bg-secondary: var(--color-gray-2);
4
6
 
package/package.json CHANGED
@@ -1,10 +1,13 @@
1
1
  {
2
2
  "name": "@nattstack/ui",
3
- "version": "0.0.9",
3
+ "version": "0.0.10",
4
4
  "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
5
5
  "keywords": [
6
+ "base-ui",
6
7
  "components",
8
+ "css",
7
9
  "react",
10
+ "tailwindcss",
8
11
  "ui"
9
12
  ],
10
13
  "homepage": "https://github.com/nattstack/ui#readme",
@@ -14,8 +17,7 @@
14
17
  "author": "Natt <hello@natt.sh> (https://natt.sh)",
15
18
  "repository": {
16
19
  "type": "git",
17
- "url": "git+https://github.com/nattstack/ui.git",
18
- "directory": "packages/ui"
20
+ "url": "git+https://github.com/nattstack/ui.git"
19
21
  },
20
22
  "files": [
21
23
  "dist"