@sarunyu/system-one 4.6.5 → 4.7.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/dist/index.cjs +10 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -2
- package/dist/index.js.map +1 -1
- package/dist/src/components/input.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/llms.txt +1 -18
- package/package.json +1 -1
package/llms.txt
CHANGED
|
@@ -58,23 +58,6 @@ import "@sarunyu/system-one/styles.css";
|
|
|
58
58
|
|
|
59
59
|
No provider, no wrapper. Components ship with `"use client"`.
|
|
60
60
|
|
|
61
|
-
### Import order (library must come AFTER Tailwind)
|
|
62
|
-
|
|
63
|
-
The library wraps all component styles in `@layer system-one`. CSS cascade
|
|
64
|
-
layers assigns a new layer the position it first appears in the document.
|
|
65
|
-
**Import the library AFTER your Tailwind directive so `system-one` is
|
|
66
|
-
positioned after Tailwind's own layers** (base, components, utilities) and
|
|
67
|
-
beats the preflight button reset:
|
|
68
|
-
|
|
69
|
-
```css
|
|
70
|
-
/* app/globals.css — correct order */
|
|
71
|
-
@import "tailwindcss";
|
|
72
|
-
@import "@sarunyu/system-one/styles.css";
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
If the library is imported *before* Tailwind, `system-one` lands at a
|
|
76
|
-
lower priority than `base` and component styles will be missing.
|
|
77
|
-
|
|
78
61
|
### Lovable / Vite + Tailwind v3 hosts
|
|
79
62
|
|
|
80
63
|
Lovable projects use Tailwind v3 and ship a `src/index.css` based on
|
|
@@ -121,7 +104,7 @@ Two issues arise:
|
|
|
121
104
|
The `src/main.tsx` import order for Lovable:
|
|
122
105
|
```tsx
|
|
123
106
|
import "./index.css"; /* Tailwind v3 layers first */
|
|
124
|
-
import "@sarunyu/system-one/styles.css"; /* library —
|
|
107
|
+
import "@sarunyu/system-one/styles.css"; /* library — flat/unlayered CSS, beats any @layer */
|
|
125
108
|
import "./theme-overrides.css"; /* brand overrides — last, so they win */
|
|
126
109
|
```
|
|
127
110
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sarunyu/system-one",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.7.1",
|
|
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": [
|