@sarunyu/system-one 4.9.10 → 4.9.12
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/dist/index.cjs +55 -65
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +54 -64
- package/dist/index.js.map +1 -1
- package/dist/src/components/modal.d.ts.map +1 -1
- package/dist/src/index.d.ts +42 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/llms.txt +19 -0
- package/package.json +1 -1
package/llms.txt
CHANGED
|
@@ -63,6 +63,25 @@ import "@sarunyu/system-one/styles.css";
|
|
|
63
63
|
|
|
64
64
|
No provider, no wrapper. Components ship with `"use client"`.
|
|
65
65
|
|
|
66
|
+
### Figma Make
|
|
67
|
+
|
|
68
|
+
**CRITICAL:** Add this import to your entry file (e.g. `src/main.tsx`) before any other code, or styles, fonts, and colors will be completely broken:
|
|
69
|
+
|
|
70
|
+
```tsx
|
|
71
|
+
import "@sarunyu/system-one/styles.css";
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
Use **named imports** (preferred). A default import is also supported but gives you an object — you must then destructure it:
|
|
75
|
+
|
|
76
|
+
```tsx
|
|
77
|
+
// ✅ preferred — named imports
|
|
78
|
+
import { Button, Input } from "@sarunyu/system-one";
|
|
79
|
+
|
|
80
|
+
// ✅ also valid — default import (use SystemOne.Button, etc.)
|
|
81
|
+
import SystemOne from "@sarunyu/system-one";
|
|
82
|
+
const { Button, Input } = SystemOne;
|
|
83
|
+
```
|
|
84
|
+
|
|
66
85
|
### Lovable / Vite + Tailwind v3 hosts
|
|
67
86
|
|
|
68
87
|
Lovable projects use Tailwind v3 and ship a `src/index.css` based on
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sarunyu/system-one",
|
|
3
|
-
"version": "4.9.
|
|
3
|
+
"version": "4.9.12",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A production-ready React design system built for AI-powered web generation tools (Figma Make, Lovable, V0). Tailwind CSS v4 + CSS custom properties for full theming support.",
|
|
6
6
|
"keywords": [
|