@upstart.gg/style-system 0.0.28 → 0.0.30
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/CHANGELOG.md +18 -0
- package/dist/colors.d.ts +3 -1
- package/dist/colors.js +1 -249
- package/dist/metafile-esm.json +1 -0
- package/dist/system.d.ts +7 -4
- package/dist/system.js +1 -4
- package/dist/twind-config.d.ts +9 -2
- package/dist/twind-config.js +1 -201
- package/dist/twind-ssr.d.ts +1 -1
- package/dist/twind-ssr.js +1 -1
- package/dist/twind.d.ts +24 -16
- package/dist/twind.js +1 -42
- package/package.json +7 -12
- package/src/twind-config.ts +10 -0
- package/src/twind.ts +1 -1
- package/tsconfig.json +3 -3
- package/tsup.config.ts +15 -0
- package/src/tailwind.css +0 -3
- package/src/ui.css +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @upstart.gg/style-system
|
|
2
2
|
|
|
3
|
+
## 0.0.30
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#247](https://github.com/enpage/enpage/pull/247) [`b7eb556`](https://github.com/enpage/enpage/commit/b7eb556abb58cfc4a57ec3e9041c1c2e6ce925a0) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
|
|
8
|
+
|
|
9
|
+
## 0.0.29
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#239](https://github.com/enpage/enpage/pull/239) [`2170dc8`](https://github.com/enpage/enpage/commit/2170dc80db3704ad48f92e0ddfe185cf6766855c) Thanks [@mattallty](https://github.com/mattallty)! - Tweek tsup config for style system
|
|
14
|
+
|
|
15
|
+
## 0.0.28
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#237](https://github.com/enpage/enpage/pull/237) [`09322ce`](https://github.com/enpage/enpage/commit/09322ce2f697f05584cc333ad0c2d1bc2af35440) Thanks [@mattallty](https://github.com/mattallty)! - Fix style system
|
|
20
|
+
|
|
3
21
|
## 0.0.28
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/dist/colors.d.ts
CHANGED
package/dist/colors.js
CHANGED
|
@@ -1,249 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
inherit: "inherit",
|
|
3
|
-
current: "currentColor",
|
|
4
|
-
transparent: "transparent",
|
|
5
|
-
black: "#000",
|
|
6
|
-
white: "#fff",
|
|
7
|
-
"slate-50": "#f8fafc",
|
|
8
|
-
"slate-100": "#f1f5f9",
|
|
9
|
-
"slate-200": "#e2e8f0",
|
|
10
|
-
"slate-300": "#cbd5e1",
|
|
11
|
-
"slate-400": "#94a3b8",
|
|
12
|
-
"slate-500": "#64748b",
|
|
13
|
-
"slate-600": "#475569",
|
|
14
|
-
"slate-700": "#334155",
|
|
15
|
-
"slate-800": "#1e293b",
|
|
16
|
-
"slate-900": "#0f172a",
|
|
17
|
-
"slate-950": "#020617",
|
|
18
|
-
"gray-50": "#f9fafb",
|
|
19
|
-
"gray-100": "#f3f4f6",
|
|
20
|
-
"gray-200": "#e5e7eb",
|
|
21
|
-
"gray-300": "#d1d5db",
|
|
22
|
-
"gray-400": "#9ca3af",
|
|
23
|
-
"gray-500": "#6b7280",
|
|
24
|
-
"gray-600": "#4b5563",
|
|
25
|
-
"gray-700": "#374151",
|
|
26
|
-
"gray-800": "#1f2937",
|
|
27
|
-
"gray-900": "#111827",
|
|
28
|
-
"gray-950": "#030712",
|
|
29
|
-
"zinc-50": "#fafafa",
|
|
30
|
-
"zinc-100": "#f4f4f5",
|
|
31
|
-
"zinc-200": "#e4e4e7",
|
|
32
|
-
"zinc-300": "#d4d4d8",
|
|
33
|
-
"zinc-400": "#a1a1aa",
|
|
34
|
-
"zinc-500": "#71717a",
|
|
35
|
-
"zinc-600": "#52525b",
|
|
36
|
-
"zinc-700": "#3f3f46",
|
|
37
|
-
"zinc-800": "#27272a",
|
|
38
|
-
"zinc-900": "#18181b",
|
|
39
|
-
"zinc-950": "#09090b",
|
|
40
|
-
"neutral-50": "#fafafa",
|
|
41
|
-
"neutral-100": "#f5f5f5",
|
|
42
|
-
"neutral-200": "#e5e5e5",
|
|
43
|
-
"neutral-300": "#d4d4d4",
|
|
44
|
-
"neutral-400": "#a3a3a3",
|
|
45
|
-
"neutral-500": "#737373",
|
|
46
|
-
"neutral-600": "#525252",
|
|
47
|
-
"neutral-700": "#404040",
|
|
48
|
-
"neutral-800": "#262626",
|
|
49
|
-
"neutral-900": "#171717",
|
|
50
|
-
"neutral-950": "#0a0a0a",
|
|
51
|
-
"stone-50": "#fafaf9",
|
|
52
|
-
"stone-100": "#f5f5f4",
|
|
53
|
-
"stone-200": "#e7e5e4",
|
|
54
|
-
"stone-300": "#d6d3d1",
|
|
55
|
-
"stone-400": "#a8a29e",
|
|
56
|
-
"stone-500": "#78716c",
|
|
57
|
-
"stone-600": "#57534e",
|
|
58
|
-
"stone-700": "#44403c",
|
|
59
|
-
"stone-800": "#292524",
|
|
60
|
-
"stone-900": "#1c1917",
|
|
61
|
-
"stone-950": "#0c0a09",
|
|
62
|
-
"red-50": "#fef2f2",
|
|
63
|
-
"red-100": "#fee2e2",
|
|
64
|
-
"red-200": "#fecaca",
|
|
65
|
-
"red-300": "#fca5a5",
|
|
66
|
-
"red-400": "#f87171",
|
|
67
|
-
"red-500": "#ef4444",
|
|
68
|
-
"red-600": "#dc2626",
|
|
69
|
-
"red-700": "#b91c1c",
|
|
70
|
-
"red-800": "#991b1b",
|
|
71
|
-
"red-900": "#7f1d1d",
|
|
72
|
-
"red-950": "#450a0a",
|
|
73
|
-
"orange-50": "#fff7ed",
|
|
74
|
-
"orange-100": "#ffedd5",
|
|
75
|
-
"orange-200": "#fed7aa",
|
|
76
|
-
"orange-300": "#fdba74",
|
|
77
|
-
"orange-400": "#fb923c",
|
|
78
|
-
"orange-500": "#f97316",
|
|
79
|
-
"orange-600": "#ea580c",
|
|
80
|
-
"orange-700": "#c2410c",
|
|
81
|
-
"orange-800": "#9a3412",
|
|
82
|
-
"orange-900": "#7c2d12",
|
|
83
|
-
"orange-950": "#431407",
|
|
84
|
-
"amber-50": "#fffbeb",
|
|
85
|
-
"amber-100": "#fef3c7",
|
|
86
|
-
"amber-200": "#fde68a",
|
|
87
|
-
"amber-300": "#fcd34d",
|
|
88
|
-
"amber-400": "#fbbf24",
|
|
89
|
-
"amber-500": "#f59e0b",
|
|
90
|
-
"amber-600": "#d97706",
|
|
91
|
-
"amber-700": "#b45309",
|
|
92
|
-
"amber-800": "#92400e",
|
|
93
|
-
"amber-900": "#78350f",
|
|
94
|
-
"amber-950": "#451a03",
|
|
95
|
-
"yellow-50": "#fefce8",
|
|
96
|
-
"yellow-100": "#fef9c3",
|
|
97
|
-
"yellow-200": "#fef08a",
|
|
98
|
-
"yellow-300": "#fde047",
|
|
99
|
-
"yellow-400": "#facc15",
|
|
100
|
-
"yellow-500": "#eab308",
|
|
101
|
-
"yellow-600": "#ca8a04",
|
|
102
|
-
"yellow-700": "#a16207",
|
|
103
|
-
"yellow-800": "#854d0e",
|
|
104
|
-
"yellow-900": "#713f12",
|
|
105
|
-
"yellow-950": "#422006",
|
|
106
|
-
"lime-50": "#f7fee7",
|
|
107
|
-
"lime-100": "#ecfccb",
|
|
108
|
-
"lime-200": "#d9f99d",
|
|
109
|
-
"lime-300": "#bef264",
|
|
110
|
-
"lime-400": "#a3e635",
|
|
111
|
-
"lime-500": "#84cc16",
|
|
112
|
-
"lime-600": "#65a30d",
|
|
113
|
-
"lime-700": "#4d7c0f",
|
|
114
|
-
"lime-800": "#3f6212",
|
|
115
|
-
"lime-900": "#365314",
|
|
116
|
-
"lime-950": "#1a2e05",
|
|
117
|
-
"green-50": "#f0fdf4",
|
|
118
|
-
"green-100": "#dcfce7",
|
|
119
|
-
"green-200": "#bbf7d0",
|
|
120
|
-
"green-300": "#86efac",
|
|
121
|
-
"green-400": "#4ade80",
|
|
122
|
-
"green-500": "#22c55e",
|
|
123
|
-
"green-600": "#16a34a",
|
|
124
|
-
"green-700": "#15803d",
|
|
125
|
-
"green-800": "#166534",
|
|
126
|
-
"green-900": "#14532d",
|
|
127
|
-
"green-950": "#052e16",
|
|
128
|
-
"emerald-50": "#ecfdf5",
|
|
129
|
-
"emerald-100": "#d1fae5",
|
|
130
|
-
"emerald-200": "#a7f3d0",
|
|
131
|
-
"emerald-300": "#6ee7b7",
|
|
132
|
-
"emerald-400": "#34d399",
|
|
133
|
-
"emerald-500": "#10b981",
|
|
134
|
-
"emerald-600": "#059669",
|
|
135
|
-
"emerald-700": "#047857",
|
|
136
|
-
"emerald-800": "#065f46",
|
|
137
|
-
"emerald-900": "#064e3b",
|
|
138
|
-
"emerald-950": "#022c22",
|
|
139
|
-
"teal-50": "#f0fdfa",
|
|
140
|
-
"teal-100": "#ccfbf1",
|
|
141
|
-
"teal-200": "#99f6e4",
|
|
142
|
-
"teal-300": "#5eead4",
|
|
143
|
-
"teal-400": "#2dd4bf",
|
|
144
|
-
"teal-500": "#14b8a6",
|
|
145
|
-
"teal-600": "#0d9488",
|
|
146
|
-
"teal-700": "#0f766e",
|
|
147
|
-
"teal-800": "#115e59",
|
|
148
|
-
"teal-900": "#134e4a",
|
|
149
|
-
"teal-950": "#042f2e",
|
|
150
|
-
"cyan-50": "#ecfeff",
|
|
151
|
-
"cyan-100": "#cffafe",
|
|
152
|
-
"cyan-200": "#a5f3fc",
|
|
153
|
-
"cyan-300": "#67e8f9",
|
|
154
|
-
"cyan-400": "#22d3ee",
|
|
155
|
-
"cyan-500": "#06b6d4",
|
|
156
|
-
"cyan-600": "#0891b2",
|
|
157
|
-
"cyan-700": "#0e7490",
|
|
158
|
-
"cyan-800": "#155e75",
|
|
159
|
-
"cyan-900": "#164e63",
|
|
160
|
-
"cyan-950": "#083344",
|
|
161
|
-
"sky-50": "#f0f9ff",
|
|
162
|
-
"sky-100": "#e0f2fe",
|
|
163
|
-
"sky-200": "#bae6fd",
|
|
164
|
-
"sky-300": "#7dd3fc",
|
|
165
|
-
"sky-400": "#38bdf8",
|
|
166
|
-
"sky-500": "#0ea5e9",
|
|
167
|
-
"sky-600": "#0284c7",
|
|
168
|
-
"sky-700": "#0369a1",
|
|
169
|
-
"sky-800": "#075985",
|
|
170
|
-
"sky-900": "#0c4a6e",
|
|
171
|
-
"sky-950": "#082f49",
|
|
172
|
-
"blue-50": "#eff6ff",
|
|
173
|
-
"blue-100": "#dbeafe",
|
|
174
|
-
"blue-200": "#bfdbfe",
|
|
175
|
-
"blue-300": "#93c5fd",
|
|
176
|
-
"blue-400": "#60a5fa",
|
|
177
|
-
"blue-500": "#3b82f6",
|
|
178
|
-
"blue-600": "#2563eb",
|
|
179
|
-
"blue-700": "#1d4ed8",
|
|
180
|
-
"blue-800": "#1e40af",
|
|
181
|
-
"blue-900": "#1e3a8a",
|
|
182
|
-
"blue-950": "#172554",
|
|
183
|
-
"indigo-50": "#eef2ff",
|
|
184
|
-
"indigo-100": "#e0e7ff",
|
|
185
|
-
"indigo-200": "#c7d2fe",
|
|
186
|
-
"indigo-300": "#a5b4fc",
|
|
187
|
-
"indigo-400": "#818cf8",
|
|
188
|
-
"indigo-500": "#6366f1",
|
|
189
|
-
"indigo-600": "#4f46e5",
|
|
190
|
-
"indigo-700": "#4338ca",
|
|
191
|
-
"indigo-800": "#3730a3",
|
|
192
|
-
"indigo-900": "#312e81",
|
|
193
|
-
"indigo-950": "#1e1b4b",
|
|
194
|
-
"violet-50": "#f5f3ff",
|
|
195
|
-
"violet-100": "#ede9fe",
|
|
196
|
-
"violet-200": "#ddd6fe",
|
|
197
|
-
"violet-300": "#c4b5fd",
|
|
198
|
-
"violet-400": "#a78bfa",
|
|
199
|
-
"violet-500": "#8b5cf6",
|
|
200
|
-
"violet-600": "#7c3aed",
|
|
201
|
-
"violet-700": "#6d28d9",
|
|
202
|
-
"violet-800": "#5b21b6",
|
|
203
|
-
"violet-900": "#4c1d95",
|
|
204
|
-
"violet-950": "#2e1065",
|
|
205
|
-
"purple-50": "#faf5ff",
|
|
206
|
-
"purple-100": "#f3e8ff",
|
|
207
|
-
"purple-200": "#e9d5ff",
|
|
208
|
-
"purple-300": "#d8b4fe",
|
|
209
|
-
"purple-400": "#c084fc",
|
|
210
|
-
"purple-500": "#a855f7",
|
|
211
|
-
"purple-600": "#9333ea",
|
|
212
|
-
"purple-700": "#7e22ce",
|
|
213
|
-
"purple-800": "#6b21a8",
|
|
214
|
-
"purple-900": "#581c87",
|
|
215
|
-
"purple-950": "#3b0764",
|
|
216
|
-
"fuchsia-50": "#fdf4ff",
|
|
217
|
-
"fuchsia-100": "#fae8ff",
|
|
218
|
-
"fuchsia-200": "#f5d0fe",
|
|
219
|
-
"fuchsia-300": "#f0abfc",
|
|
220
|
-
"fuchsia-400": "#e879f9",
|
|
221
|
-
"fuchsia-500": "#d946ef",
|
|
222
|
-
"fuchsia-600": "#c026d3",
|
|
223
|
-
"fuchsia-700": "#a21caf",
|
|
224
|
-
"fuchsia-800": "#86198f",
|
|
225
|
-
"fuchsia-900": "#701a75",
|
|
226
|
-
"fuchsia-950": "#4a044e",
|
|
227
|
-
"pink-50": "#fdf2f8",
|
|
228
|
-
"pink-100": "#fce7f3",
|
|
229
|
-
"pink-200": "#fbcfe8",
|
|
230
|
-
"pink-300": "#f9a8d4",
|
|
231
|
-
"pink-400": "#f472b6",
|
|
232
|
-
"pink-500": "#ec4899",
|
|
233
|
-
"pink-600": "#db2777",
|
|
234
|
-
"pink-700": "#be185d",
|
|
235
|
-
"pink-800": "#9d174d",
|
|
236
|
-
"pink-900": "#831843",
|
|
237
|
-
"pink-950": "#500724",
|
|
238
|
-
"rose-50": "#fff1f2",
|
|
239
|
-
"rose-100": "#ffe4e6",
|
|
240
|
-
"rose-200": "#fecdd3",
|
|
241
|
-
"rose-300": "#fda4af",
|
|
242
|
-
"rose-400": "#fb7185",
|
|
243
|
-
"rose-500": "#f43f5e",
|
|
244
|
-
"rose-600": "#e11d48",
|
|
245
|
-
"rose-700": "#be123c",
|
|
246
|
-
"rose-800": "#9f1239",
|
|
247
|
-
"rose-900": "#881337",
|
|
248
|
-
"rose-950": "#4c0519",
|
|
249
|
-
};
|
|
1
|
+
var e={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff","slate-50":"#f8fafc","slate-100":"#f1f5f9","slate-200":"#e2e8f0","slate-300":"#cbd5e1","slate-400":"#94a3b8","slate-500":"#64748b","slate-600":"#475569","slate-700":"#334155","slate-800":"#1e293b","slate-900":"#0f172a","slate-950":"#020617","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#fafafa","zinc-100":"#f4f4f5","zinc-200":"#e4e4e7","zinc-300":"#d4d4d8","zinc-400":"#a1a1aa","zinc-500":"#71717a","zinc-600":"#52525b","zinc-700":"#3f3f46","zinc-800":"#27272a","zinc-900":"#18181b","zinc-950":"#09090b","neutral-50":"#fafafa","neutral-100":"#f5f5f5","neutral-200":"#e5e5e5","neutral-300":"#d4d4d4","neutral-400":"#a3a3a3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0a0a0a","stone-50":"#fafaf9","stone-100":"#f5f5f4","stone-200":"#e7e5e4","stone-300":"#d6d3d1","stone-400":"#a8a29e","stone-500":"#78716c","stone-600":"#57534e","stone-700":"#44403c","stone-800":"#292524","stone-900":"#1c1917","stone-950":"#0c0a09","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","red-950":"#450a0a","orange-50":"#fff7ed","orange-100":"#ffedd5","orange-200":"#fed7aa","orange-300":"#fdba74","orange-400":"#fb923c","orange-500":"#f97316","orange-600":"#ea580c","orange-700":"#c2410c","orange-800":"#9a3412","orange-900":"#7c2d12","orange-950":"#431407","amber-50":"#fffbeb","amber-100":"#fef3c7","amber-200":"#fde68a","amber-300":"#fcd34d","amber-400":"#fbbf24","amber-500":"#f59e0b","amber-600":"#d97706","amber-700":"#b45309","amber-800":"#92400e","amber-900":"#78350f","amber-950":"#451a03","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","yellow-950":"#422006","lime-50":"#f7fee7","lime-100":"#ecfccb","lime-200":"#d9f99d","lime-300":"#bef264","lime-400":"#a3e635","lime-500":"#84cc16","lime-600":"#65a30d","lime-700":"#4d7c0f","lime-800":"#3f6212","lime-900":"#365314","lime-950":"#1a2e05","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","green-950":"#052e16","emerald-50":"#ecfdf5","emerald-100":"#d1fae5","emerald-200":"#a7f3d0","emerald-300":"#6ee7b7","emerald-400":"#34d399","emerald-500":"#10b981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065f46","emerald-900":"#064e3b","emerald-950":"#022c22","teal-50":"#f0fdfa","teal-100":"#ccfbf1","teal-200":"#99f6e4","teal-300":"#5eead4","teal-400":"#2dd4bf","teal-500":"#14b8a6","teal-600":"#0d9488","teal-700":"#0f766e","teal-800":"#115e59","teal-900":"#134e4a","teal-950":"#042f2e","cyan-50":"#ecfeff","cyan-100":"#cffafe","cyan-200":"#a5f3fc","cyan-300":"#67e8f9","cyan-400":"#22d3ee","cyan-500":"#06b6d4","cyan-600":"#0891b2","cyan-700":"#0e7490","cyan-800":"#155e75","cyan-900":"#164e63","cyan-950":"#083344","sky-50":"#f0f9ff","sky-100":"#e0f2fe","sky-200":"#bae6fd","sky-300":"#7dd3fc","sky-400":"#38bdf8","sky-500":"#0ea5e9","sky-600":"#0284c7","sky-700":"#0369a1","sky-800":"#075985","sky-900":"#0c4a6e","sky-950":"#082f49","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","blue-950":"#172554","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","indigo-950":"#1e1b4b","violet-50":"#f5f3ff","violet-100":"#ede9fe","violet-200":"#ddd6fe","violet-300":"#c4b5fd","violet-400":"#a78bfa","violet-500":"#8b5cf6","violet-600":"#7c3aed","violet-700":"#6d28d9","violet-800":"#5b21b6","violet-900":"#4c1d95","violet-950":"#2e1065","purple-50":"#faf5ff","purple-100":"#f3e8ff","purple-200":"#e9d5ff","purple-300":"#d8b4fe","purple-400":"#c084fc","purple-500":"#a855f7","purple-600":"#9333ea","purple-700":"#7e22ce","purple-800":"#6b21a8","purple-900":"#581c87","purple-950":"#3b0764","fuchsia-50":"#fdf4ff","fuchsia-100":"#fae8ff","fuchsia-200":"#f5d0fe","fuchsia-300":"#f0abfc","fuchsia-400":"#e879f9","fuchsia-500":"#d946ef","fuchsia-600":"#c026d3","fuchsia-700":"#a21caf","fuchsia-800":"#86198f","fuchsia-900":"#701a75","fuchsia-950":"#4a044e","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843","pink-950":"#500724","rose-50":"#fff1f2","rose-100":"#ffe4e6","rose-200":"#fecdd3","rose-300":"#fda4af","rose-400":"#fb7185","rose-500":"#f43f5e","rose-600":"#e11d48","rose-700":"#be123c","rose-800":"#9f1239","rose-900":"#881337","rose-950":"#4c0519"};export{e as colors};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":218,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":7607,"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true}],"format":"esm"},"src/twind-ssr.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind.ts":{"bytes":1893,"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"src/twind-config.ts","kind":"import-statement","original":"./twind-config.js"},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/colors.js":{"imports":[],"exports":["colors"],"entryPoint":"src/colors.ts","inputs":{"src/colors.ts":{"bytesInOutput":5392}},"bytes":5413},"dist/system.js":{"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"exports":["ContextMenu","ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":185}},"bytes":248},"dist/twind-config.js":{"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":5185}},"bytes":5207},"dist/twind-ssr.js":{"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-ssr.ts","inputs":{"src/twind-ssr.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind.js":{"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"polished","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"exports":["apply","colors","css","getSheet","injectGlobal","inline","keyframes","observe","setupTwindReact","sheet","style","tw","tx"],"entryPoint":"src/twind.ts","inputs":{"src/twind.ts":{"bytesInOutput":771},"src/twind-config.ts":{"bytesInOutput":5185}},"bytes":6128}}}
|
package/dist/system.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export { useAutoAnimate } from
|
|
3
|
-
|
|
4
|
-
export
|
|
1
|
+
export * from '@radix-ui/themes';
|
|
2
|
+
export { useAutoAnimate } from '@formkit/auto-animate/react';
|
|
3
|
+
import * as reactContextMenu from '@radix-ui/react-context-menu';
|
|
4
|
+
export { reactContextMenu as ContextMenu };
|
|
5
|
+
import * as reactToggleGroup from '@radix-ui/react-toggle-group';
|
|
6
|
+
export { reactToggleGroup as ToggleGroup };
|
|
7
|
+
import '@twind/with-react/readableStream';
|
package/dist/system.js
CHANGED
|
@@ -1,4 +1 @@
|
|
|
1
|
-
export * from "@radix-ui/
|
|
2
|
-
export { useAutoAnimate } from "@formkit/auto-animate/react";
|
|
3
|
-
export * as ContextMenu from "@radix-ui/react-context-menu";
|
|
4
|
-
export * as ToggleGroup from "@radix-ui/react-toggle-group";
|
|
1
|
+
export*from"@radix-ui/themes";import{useAutoAnimate as t}from"@formkit/auto-animate/react";import*as m from"@radix-ui/react-context-menu";import*as p from"@radix-ui/react-toggle-group";export{m as ContextMenu,p as ToggleGroup,t as useAutoAnimate};
|
package/dist/twind-config.d.ts
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import * as _twind_preset_typography from '@twind/preset-typography';
|
|
2
|
+
import * as _twind_preset_line_clamp from '@twind/preset-line-clamp';
|
|
3
|
+
import * as _twind_preset_container_queries from '@twind/preset-container-queries';
|
|
4
|
+
import * as _twind_preset_tailwind from '@twind/preset-tailwind';
|
|
5
|
+
import * as _twind_core from '@twind/core';
|
|
6
|
+
|
|
7
|
+
declare const _default: _twind_core.TwindConfig<_twind_core.BaseTheme & _twind_preset_tailwind.TailwindTheme & _twind_preset_container_queries.ContainerQueriesTheme & _twind_preset_line_clamp.LineClampTheme & _twind_preset_typography.TypographyTheme & {
|
|
2
8
|
extend: never;
|
|
3
9
|
}>;
|
|
4
|
-
|
|
10
|
+
|
|
11
|
+
export { _default as default };
|
package/dist/twind-config.js
CHANGED
|
@@ -1,201 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import presetAutoprefix from "@twind/preset-autoprefix";
|
|
3
|
-
import presetTailwind from "@twind/preset-tailwind";
|
|
4
|
-
import presetExt from "@twind/preset-ext";
|
|
5
|
-
import presetLineClamp from "@twind/preset-line-clamp";
|
|
6
|
-
import presetForms from "@twind/preset-tailwind-forms";
|
|
7
|
-
import presetTypo from "@twind/preset-typography";
|
|
8
|
-
import presetContainerQueries from "@twind/preset-container-queries";
|
|
9
|
-
import { modularScale } from "polished";
|
|
10
|
-
export default defineConfig({
|
|
11
|
-
darkMode: "media",
|
|
12
|
-
presets: [
|
|
13
|
-
presetAutoprefix(),
|
|
14
|
-
presetTailwind({ disablePreflight: false }),
|
|
15
|
-
presetContainerQueries(),
|
|
16
|
-
presetExt(),
|
|
17
|
-
presetLineClamp(),
|
|
18
|
-
presetForms(),
|
|
19
|
-
presetTypo(),
|
|
20
|
-
],
|
|
21
|
-
variants: [["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"]],
|
|
22
|
-
rules: [
|
|
23
|
-
[
|
|
24
|
-
"brick-container",
|
|
25
|
-
{
|
|
26
|
-
display: "grid",
|
|
27
|
-
gridTemplateColumns: "subgrid",
|
|
28
|
-
gridTemplateRows: "subgrid",
|
|
29
|
-
gridColumn: "1 / span 12",
|
|
30
|
-
},
|
|
31
|
-
],
|
|
32
|
-
[
|
|
33
|
-
// specific padding classes for bricks
|
|
34
|
-
"brick-p-",
|
|
35
|
-
({ $$ }) => ({ padding: `${$$ === "1" ? "1px" : $$ === "0" ? "0" : `${modularScale(+$$, "1rem")}`}` }),
|
|
36
|
-
],
|
|
37
|
-
// ["family-", ({ $$ }) => ({ fontFamily: `var(--font-${$$})` })],
|
|
38
|
-
["bg-neutral-", ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})` })],
|
|
39
|
-
["bg-accent-", ({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})` })],
|
|
40
|
-
["bg-primary-", ({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})` })],
|
|
41
|
-
["bg-secondary-", ({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})` })],
|
|
42
|
-
["border-neutral-", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],
|
|
43
|
-
["border-accent-", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],
|
|
44
|
-
["border-primary-", ({ $$ }) => ({ borderColor: `var(--color-primary-${$$})` })],
|
|
45
|
-
["border-secondary-", ({ $$ }) => ({ borderColor: `var(--color-secondary-${$$})` })],
|
|
46
|
-
/**
|
|
47
|
-
* Can be used with text-neutral-500, but also text-neutral-500-subtle, text-neutral-500-tonal-subtle, text-neutral-500-strong, etc.
|
|
48
|
-
*/
|
|
49
|
-
["text-neutral-", ({ $$ }) => ({ color: `var(--text-neutral-${$$})` })],
|
|
50
|
-
["text-accent-", ({ $$ }) => ({ color: `var(--text-accent-${$$})` })],
|
|
51
|
-
["text-primary-", ({ $$ }) => ({ color: `var(--text-primary-${$$})` })],
|
|
52
|
-
["text-secondary-", ({ $$ }) => ({ color: `var(--text-secondary-${$$})` })],
|
|
53
|
-
["outline-primary-", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],
|
|
54
|
-
["outline-secondary-", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],
|
|
55
|
-
["outline-accent-", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],
|
|
56
|
-
["outline-neutral-", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],
|
|
57
|
-
["color-", ({ $$ }) => ({ color: `var(--color-${$$})` })],
|
|
58
|
-
[
|
|
59
|
-
"neutral-",
|
|
60
|
-
({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})`, color: `var(--text-neutral-${$$})` }),
|
|
61
|
-
],
|
|
62
|
-
[
|
|
63
|
-
"accent-",
|
|
64
|
-
({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})`, color: `var(--text-accent-${$$})` }),
|
|
65
|
-
],
|
|
66
|
-
[
|
|
67
|
-
"primary-",
|
|
68
|
-
({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})`, color: `var(--text-primary-${$$})` }),
|
|
69
|
-
],
|
|
70
|
-
[
|
|
71
|
-
"secondary-",
|
|
72
|
-
({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})`, color: `var(--text-secondary-${$$})` }),
|
|
73
|
-
],
|
|
74
|
-
["brick-light-", ({ $$ }) => `bg-${$$}-300 text-${$$}-50`],
|
|
75
|
-
["brick-normal-", ({ $$ }) => `bg-${$$}-500 text-${$$}-100`],
|
|
76
|
-
["brick-dark-", ({ $$ }) => `bg-${$$}-800 text-${$$}-200`],
|
|
77
|
-
["hero-1", { fontSize: "clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)", lineHeight: "1.25" }],
|
|
78
|
-
["hero-2", { fontSize: "clamp(2rem, 1.75vw + 1.375rem, 2.875rem)", lineHeight: "1.25" }],
|
|
79
|
-
["hero-3", { fontSize: "clamp(2.25rem, 2vw + 1.5rem, 3.25rem)", lineHeight: "1.25" }],
|
|
80
|
-
["hero-4", { fontSize: "clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)", lineHeight: "1.25" }],
|
|
81
|
-
["hero-5", { fontSize: "clamp(2.75rem, 2.5vw + 1.75rem, 4rem)", lineHeight: "1.25" }],
|
|
82
|
-
["scrollbar-thin", { scrollbarWidth: "thin" }],
|
|
83
|
-
["scrollbar-color-", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-6) var(--${$$}-surface)` })],
|
|
84
|
-
[
|
|
85
|
-
"button",
|
|
86
|
-
{
|
|
87
|
-
color: "var(--color-button-text)",
|
|
88
|
-
backgroundColor: "var(--color-button-bg)",
|
|
89
|
-
padding: "0.5rem 1rem",
|
|
90
|
-
borderRadius: "0.25rem",
|
|
91
|
-
fontSize: "1rem",
|
|
92
|
-
cursor: "pointer",
|
|
93
|
-
},
|
|
94
|
-
],
|
|
95
|
-
[
|
|
96
|
-
"button-sm",
|
|
97
|
-
{
|
|
98
|
-
padding: "0.25rem 0.5rem",
|
|
99
|
-
fontSize: "0.875rem",
|
|
100
|
-
},
|
|
101
|
-
],
|
|
102
|
-
[
|
|
103
|
-
"button-lg",
|
|
104
|
-
{
|
|
105
|
-
padding: "0.75rem 1.5rem",
|
|
106
|
-
fontSize: "1.25rem",
|
|
107
|
-
},
|
|
108
|
-
],
|
|
109
|
-
[
|
|
110
|
-
"button-xl",
|
|
111
|
-
{
|
|
112
|
-
padding: "1rem 2rem",
|
|
113
|
-
fontSize: "1.5rem",
|
|
114
|
-
},
|
|
115
|
-
],
|
|
116
|
-
],
|
|
117
|
-
theme: {
|
|
118
|
-
extend: {
|
|
119
|
-
colors: {
|
|
120
|
-
upstart: {
|
|
121
|
-
50: "#f2f4fb",
|
|
122
|
-
100: "#e7ecf8",
|
|
123
|
-
200: "#d3daf2",
|
|
124
|
-
300: "#b8c2e9",
|
|
125
|
-
400: "#9ba3de",
|
|
126
|
-
500: "#8186d3",
|
|
127
|
-
600: "#7270c6",
|
|
128
|
-
700: "#5b57ab",
|
|
129
|
-
800: "#4b498a",
|
|
130
|
-
900: "#40406f",
|
|
131
|
-
950: "#262541",
|
|
132
|
-
},
|
|
133
|
-
dark: {
|
|
134
|
-
50: "#f6f6f6",
|
|
135
|
-
100: "#e7e7e7",
|
|
136
|
-
200: "#d1d1d1",
|
|
137
|
-
300: "#b0b0b0",
|
|
138
|
-
400: "#888888",
|
|
139
|
-
500: "#6d6d6d",
|
|
140
|
-
600: "#5d5d5d",
|
|
141
|
-
700: "#4f4f4f",
|
|
142
|
-
800: "#454545",
|
|
143
|
-
900: "#333333",
|
|
144
|
-
950: "#262626",
|
|
145
|
-
},
|
|
146
|
-
primary: {
|
|
147
|
-
50: "var(--color-primary-50)",
|
|
148
|
-
100: "var(--color-primary-100)",
|
|
149
|
-
200: "var(--color-primary-200)",
|
|
150
|
-
300: "var(--color-primary-300)",
|
|
151
|
-
400: "var(--color-primary-400)",
|
|
152
|
-
500: "var(--color-primary-500)",
|
|
153
|
-
600: "var(--color-primary-600)",
|
|
154
|
-
700: "var(--color-primary-700)",
|
|
155
|
-
800: "var(--color-primary-800)",
|
|
156
|
-
900: "var(--color-primary-900)",
|
|
157
|
-
},
|
|
158
|
-
secondary: {
|
|
159
|
-
50: "var(--color-secondary-50)",
|
|
160
|
-
100: "var(--color-secondary-100)",
|
|
161
|
-
200: "var(--color-secondary-200)",
|
|
162
|
-
300: "var(--color-secondary-300)",
|
|
163
|
-
400: "var(--color-secondary-400)",
|
|
164
|
-
500: "var(--color-secondary-500)",
|
|
165
|
-
600: "var(--color-secondary-600)",
|
|
166
|
-
700: "var(--color-secondary-700)",
|
|
167
|
-
800: "var(--color-secondary-800)",
|
|
168
|
-
900: "var(--color-secondary-900)",
|
|
169
|
-
},
|
|
170
|
-
accent: {
|
|
171
|
-
50: "var(--color-accent-50)",
|
|
172
|
-
100: "var(--color-accent-100)",
|
|
173
|
-
200: "var(--color-accent-200)",
|
|
174
|
-
300: "var(--color-accent-300)",
|
|
175
|
-
400: "var(--color-accent-400)",
|
|
176
|
-
500: "var(--color-accent-500)",
|
|
177
|
-
600: "var(--color-accent-600)",
|
|
178
|
-
700: "var(--color-accent-700)",
|
|
179
|
-
800: "var(--color-accent-800)",
|
|
180
|
-
900: "var(--color-accent-900)",
|
|
181
|
-
},
|
|
182
|
-
neutral: {
|
|
183
|
-
50: "var(--color-neutral-50)",
|
|
184
|
-
100: "var(--color-neutral-100)",
|
|
185
|
-
200: "var(--color-neutral-200)",
|
|
186
|
-
300: "var(--color-neutral-300)",
|
|
187
|
-
400: "var(--color-neutral-400)",
|
|
188
|
-
500: "var(--color-neutral-500)",
|
|
189
|
-
600: "var(--color-neutral-600)",
|
|
190
|
-
700: "var(--color-neutral-700)",
|
|
191
|
-
800: "var(--color-neutral-800)",
|
|
192
|
-
900: "var(--color-neutral-900)",
|
|
193
|
-
},
|
|
194
|
-
},
|
|
195
|
-
containers: {
|
|
196
|
-
mobile: "1px",
|
|
197
|
-
desktop: "1024px",
|
|
198
|
-
},
|
|
199
|
-
},
|
|
200
|
-
},
|
|
201
|
-
});
|
|
1
|
+
import{defineConfig as o}from"@twind/core";import a from"@twind/preset-autoprefix";import e from"@twind/preset-tailwind";import c from"@twind/preset-ext";import l from"@twind/preset-line-clamp";import t from"@twind/preset-tailwind-forms";import n from"@twind/preset-typography";import i from"@twind/preset-container-queries";import{modularScale as m}from"polished";var x=o({darkMode:"media",presets:[a(),e({disablePreflight:!1}),i(),c(),l(),t(),n()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${m(+r,"1rem")}`}`})],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--text-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--text-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--text-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--text-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});export{x as default};
|
package/dist/twind-ssr.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as TwindStream } from
|
|
1
|
+
export { default as TwindStream } from '@twind/with-react/readableStream';
|
package/dist/twind-ssr.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{default as r}from"@twind/with-react/readableStream";export{r as TwindStream};
|
package/dist/twind.d.ts
CHANGED
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import * as _twind_preset_typography from '@twind/preset-typography';
|
|
2
|
+
import * as _twind_preset_line_clamp from '@twind/preset-line-clamp';
|
|
3
|
+
import * as _twind_preset_container_queries from '@twind/preset-container-queries';
|
|
4
|
+
import * as _twind_preset_tailwind from '@twind/preset-tailwind';
|
|
5
|
+
import * as _twind_core from '@twind/core';
|
|
6
|
+
import { css as css$1, observe as observe$1 } from '@twind/core';
|
|
7
|
+
export { getSheet } from '@twind/core';
|
|
8
|
+
export { default as inline } from '@twind/with-react/inline';
|
|
9
|
+
|
|
10
|
+
declare const colors: Record<string, Record<50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900, string>>;
|
|
11
|
+
declare const sheet: _twind_core.Sheet<string[]> | _twind_core.Sheet<CSSStyleSheet>;
|
|
12
|
+
declare const tw: _twind_core.Twind<_twind_core.BaseTheme & _twind_preset_tailwind.TailwindTheme & _twind_preset_container_queries.ContainerQueriesTheme & _twind_preset_line_clamp.LineClampTheme & _twind_preset_typography.TypographyTheme & {
|
|
7
13
|
extend: never;
|
|
8
14
|
}, string[]>;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
[label: string]:
|
|
15
|
+
declare function setupTwindReact(prod?: any): void;
|
|
16
|
+
declare const tx: _twind_core.TxFunction;
|
|
17
|
+
declare const css: typeof css$1;
|
|
18
|
+
declare const style: _twind_core.StyleFunction;
|
|
19
|
+
declare const apply: _twind_core.Nested;
|
|
20
|
+
declare const observe: typeof observe$1;
|
|
21
|
+
declare const injectGlobal: _twind_core.InjectGlobalFunction;
|
|
22
|
+
declare const keyframes: _twind_core.KeyframesFunction & {
|
|
23
|
+
[label: string]: _twind_core.KeyframesFunction;
|
|
18
24
|
} & {
|
|
19
|
-
[label: string]:
|
|
25
|
+
[label: string]: _twind_core.KeyframesFunction;
|
|
20
26
|
};
|
|
27
|
+
|
|
28
|
+
export { apply, colors, css, injectGlobal, keyframes, observe, setupTwindReact, sheet, style, tw, tx };
|
package/dist/twind.js
CHANGED
|
@@ -1,42 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { twind, virtual, cssom, tx as tx$, css as css$, style as style$, apply as apply$, injectGlobal as injectGlobal$, keyframes as keyframes$, observe as observe$, } from "@twind/core";
|
|
3
|
-
import config from "./twind-config";
|
|
4
|
-
export { getSheet } from "@twind/core";
|
|
5
|
-
export { default as inline } from "@twind/with-react/inline";
|
|
6
|
-
export const colors = config.theme.colors;
|
|
7
|
-
function isProd() {
|
|
8
|
-
//@ts-ignore
|
|
9
|
-
if (typeof import.meta.env !== "undefined") {
|
|
10
|
-
//@ts-ignore
|
|
11
|
-
return import.meta.env.PROD ?? false;
|
|
12
|
-
}
|
|
13
|
-
else if (typeof process !== "undefined" && typeof process.env !== "undefined") {
|
|
14
|
-
return process.env.NODE_ENV === "production";
|
|
15
|
-
}
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
// export default install(config, isProd());
|
|
19
|
-
export const sheet = typeof document === "undefined" ? virtual() : cssom("style[data-library]");
|
|
20
|
-
// @ts-ignore
|
|
21
|
-
export const tw = /* #__PURE__ */ twind(config,
|
|
22
|
-
// support SSR and use a different selector to not get the twind default style sheet
|
|
23
|
-
sheet);
|
|
24
|
-
export function setupTwindReact(prod = isProd()) {
|
|
25
|
-
install(config, prod);
|
|
26
|
-
if (typeof globalThis.addEventListener === "function") {
|
|
27
|
-
globalThis.addEventListener("warning", (event) => {
|
|
28
|
-
// @ts-ignore
|
|
29
|
-
const warning = event.detail;
|
|
30
|
-
if (warning?.code === "TWIND_INVALID_CLASS") {
|
|
31
|
-
event.preventDefault();
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
export const tx = /* #__PURE__ */ tx$.bind(tw);
|
|
37
|
-
export const css = /* #__PURE__ */ css$.bind(tw);
|
|
38
|
-
export const style = /* #__PURE__ */ style$.bind(tw);
|
|
39
|
-
export const apply = /* #__PURE__ */ apply$.bind(tw);
|
|
40
|
-
export const observe = /* #__PURE__ */ observe$.bind(tw);
|
|
41
|
-
export const injectGlobal = /* #__PURE__ */ injectGlobal$.bind(tw);
|
|
42
|
-
export const keyframes = /* #__PURE__ */ keyframes$.bind(tw);
|
|
1
|
+
import v from"@twind/with-react";import{twind as u,virtual as b,cssom as f,tx as y,css as g,style as x,apply as h,injectGlobal as C,keyframes as k,observe as $}from"@twind/core";import{defineConfig as t}from"@twind/core";import c from"@twind/preset-autoprefix";import n from"@twind/preset-tailwind";import l from"@twind/preset-ext";import i from"@twind/preset-line-clamp";import d from"@twind/preset-tailwind-forms";import s from"@twind/preset-typography";import m from"@twind/preset-container-queries";import{modularScale as p}from"polished";var e=t({darkMode:"media",presets:[c(),n({disablePreflight:!1}),m(),l(),i(),d(),s()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${p(+r,"1rem")}`}`})],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--text-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--text-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--text-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--text-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});import{getSheet as X}from"@twind/core";import{default as Z}from"@twind/with-react/inline";var M=e.theme.colors;function w(){return typeof import.meta.env<"u"?import.meta.env.PROD??!1:typeof process<"u"&&typeof process.env<"u"?process.env.NODE_ENV==="production":!0}var S=typeof document>"u"?b():f("style[data-library]"),o=u(e,S);function O(r=w()){v(e,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",a=>{a.detail?.code==="TWIND_INVALID_CLASS"&&a.preventDefault()})}var V=y.bind(o),W=g.bind(o),F=x.bind(o),Q=h.bind(o),q=$.bind(o),B=C.bind(o),J=k.bind(o);export{Q as apply,M as colors,W as css,X as getSheet,B as injectGlobal,Z as inline,J as keyframes,q as observe,O as setupTwindReact,S as sheet,F as style,o as tw,V as tx};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@upstart.gg/style-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -20,8 +20,6 @@
|
|
|
20
20
|
"@radix-ui/react-context-menu": "2.2.2",
|
|
21
21
|
"@radix-ui/react-toggle-group": "1.1.0",
|
|
22
22
|
"@radix-ui/themes": "3.1.4",
|
|
23
|
-
"@tailwindcss/forms": "^0.5.7",
|
|
24
|
-
"@tailwindcss/typography": "^0.5.13",
|
|
25
23
|
"@twind/core": "1.1.3",
|
|
26
24
|
"@twind/preset-autoprefix": "1.0.7",
|
|
27
25
|
"@twind/preset-container-queries": "1.0.7",
|
|
@@ -31,20 +29,17 @@
|
|
|
31
29
|
"@twind/preset-tailwind-forms": "1.1.2",
|
|
32
30
|
"@twind/preset-typography": "1.0.7",
|
|
33
31
|
"@twind/with-react": "1.1.3",
|
|
34
|
-
"@whiterussianstudio/tailwind-easing": "^1.0.0",
|
|
35
32
|
"animate.css": "^4.1.1",
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
"tailwindcss-animate": "1.0.7",
|
|
41
|
-
"tailwindcss-opentype": "1.1.0"
|
|
33
|
+
"polished": "4.3.1"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"tsup": "8.2.4"
|
|
42
37
|
},
|
|
43
38
|
"publishConfig": {
|
|
44
39
|
"access": "public"
|
|
45
40
|
},
|
|
46
41
|
"scripts": {
|
|
47
|
-
"build": "
|
|
48
|
-
"dev": "
|
|
42
|
+
"build": "tsup",
|
|
43
|
+
"dev": "tsup -w"
|
|
49
44
|
}
|
|
50
45
|
}
|
package/src/twind-config.ts
CHANGED
|
@@ -206,6 +206,16 @@ export default defineConfig({
|
|
|
206
206
|
mobile: "1px",
|
|
207
207
|
desktop: "1024px",
|
|
208
208
|
},
|
|
209
|
+
|
|
210
|
+
animation: {
|
|
211
|
+
"fade-in": "fade-in 0.5s",
|
|
212
|
+
},
|
|
213
|
+
keyframes: {
|
|
214
|
+
"fade-in": {
|
|
215
|
+
from: { opacity: "0" },
|
|
216
|
+
to: { opacity: "1" },
|
|
217
|
+
},
|
|
218
|
+
},
|
|
209
219
|
},
|
|
210
220
|
},
|
|
211
221
|
});
|
package/src/twind.ts
CHANGED
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
keyframes as keyframes$,
|
|
12
12
|
observe as observe$,
|
|
13
13
|
} from "@twind/core";
|
|
14
|
-
import config from "./twind-config";
|
|
14
|
+
import config from "./twind-config.js";
|
|
15
15
|
|
|
16
16
|
export { getSheet } from "@twind/core";
|
|
17
17
|
export { default as inline } from "@twind/with-react/inline";
|
package/tsconfig.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
+
"extends": "../../tsconfig.json",
|
|
2
3
|
"compilerOptions": {
|
|
3
4
|
"outDir": "dist",
|
|
4
5
|
"types": ["node"],
|
|
@@ -11,7 +12,7 @@
|
|
|
11
12
|
"allowJs": true,
|
|
12
13
|
"jsx": "react-jsx",
|
|
13
14
|
"baseUrl": ".",
|
|
14
|
-
"
|
|
15
|
+
"noEmit": true,
|
|
15
16
|
// "allowImportingTsExtensions": true,
|
|
16
17
|
"isolatedModules": true,
|
|
17
18
|
"moduleDetection": "force",
|
|
@@ -23,6 +24,5 @@
|
|
|
23
24
|
"~/*": ["./src/*"]
|
|
24
25
|
}
|
|
25
26
|
},
|
|
26
|
-
"include": ["src"]
|
|
27
|
-
"exclude": ["node_modules", "**/dist", "**/*.js"]
|
|
27
|
+
"include": ["src"]
|
|
28
28
|
}
|
package/tsup.config.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineConfig } from "tsup";
|
|
2
|
+
|
|
3
|
+
export default defineConfig((options) => {
|
|
4
|
+
return {
|
|
5
|
+
entry: ["src/**/*.ts"],
|
|
6
|
+
format: ["esm"],
|
|
7
|
+
dts: true,
|
|
8
|
+
target: "es2020",
|
|
9
|
+
metafile: !!(process.env.CI || process.env.ANALYSE_BUNDLE),
|
|
10
|
+
clean: !options.watch,
|
|
11
|
+
minify: !options.watch,
|
|
12
|
+
sourcemap: options.watch ? "inline" : false,
|
|
13
|
+
splitting: false,
|
|
14
|
+
};
|
|
15
|
+
});
|
package/src/tailwind.css
DELETED
package/src/ui.css
DELETED