@upstart.gg/style-system 0.0.101 → 0.0.102

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @upstart.gg/style-system
2
2
 
3
+ ## 0.0.102
4
+
5
+ ### Patch Changes
6
+
7
+ - [#325](https://github.com/upstart-gg/upstart/pull/325) [`83c06d7`](https://github.com/upstart-gg/upstart/commit/83c06d7bcadbe399f3d4ed370b6136358be68622) Thanks [@mattallty](https://github.com/mattallty)! - Use tailwind v4
8
+
3
9
  ## 0.0.101
4
10
 
5
11
  ### Patch Changes
package/dist/colors.d.ts CHANGED
@@ -1,297 +1,290 @@
1
- import * as tailwindcss_types_generated_colors from 'tailwindcss/types/generated/colors';
2
-
3
1
  declare const neutral: {
4
- '50': "#fafafa";
5
- '100': "#f5f5f5";
6
- '200': "#e5e5e5";
7
- '300': "#d4d4d4";
8
- '400': "#a3a3a3";
9
- '500': "#737373";
10
- '600': "#525252";
11
- '700': "#404040";
12
- '800': "#262626";
13
- '900': "#171717";
14
- '950': "#0a0a0a";
2
+ '50': string;
3
+ '100': string;
4
+ '200': string;
5
+ '300': string;
6
+ '400': string;
7
+ '500': string;
8
+ '600': string;
9
+ '700': string;
10
+ '800': string;
11
+ '900': string;
12
+ '950': string;
15
13
  };
16
14
  declare const colorPalette: {
17
15
  slate: {
18
- "50": "#f8fafc";
19
- "100": "#f1f5f9";
20
- "200": "#e2e8f0";
21
- "300": "#cbd5e1";
22
- "400": "#94a3b8";
23
- "500": "#64748b";
24
- "600": "#475569";
25
- "700": "#334155";
26
- "800": "#1e293b";
27
- "900": "#0f172a";
28
- "950": "#020617";
16
+ "50": string;
17
+ "100": string;
18
+ "200": string;
19
+ "300": string;
20
+ "400": string;
21
+ "500": string;
22
+ "600": string;
23
+ "700": string;
24
+ "800": string;
25
+ "900": string;
26
+ "950": string;
29
27
  };
30
28
  gray: {
31
- "50": "#f9fafb";
32
- "100": "#f3f4f6";
33
- "200": "#e5e7eb";
34
- "300": "#d1d5db";
35
- "400": "#9ca3af";
36
- "500": "#6b7280";
37
- "600": "#4b5563";
38
- "700": "#374151";
39
- "800": "#1f2937";
40
- "900": "#111827";
41
- "950": "#030712";
29
+ "50": string;
30
+ "100": string;
31
+ "200": string;
32
+ "300": string;
33
+ "400": string;
34
+ "500": string;
35
+ "600": string;
36
+ "700": string;
37
+ "800": string;
38
+ "900": string;
39
+ "950": string;
42
40
  };
43
41
  zinc: {
44
- "50": "#fafafa";
45
- "100": "#f4f4f5";
46
- "200": "#e4e4e7";
47
- "300": "#d4d4d8";
48
- "400": "#a1a1aa";
49
- "500": "#71717a";
50
- "600": "#52525b";
51
- "700": "#3f3f46";
52
- "800": "#27272a";
53
- "900": "#18181b";
54
- "950": "#09090b";
42
+ "50": string;
43
+ "100": string;
44
+ "200": string;
45
+ "300": string;
46
+ "400": string;
47
+ "500": string;
48
+ "600": string;
49
+ "700": string;
50
+ "800": string;
51
+ "900": string;
52
+ "950": string;
55
53
  };
56
54
  stone: {
57
- "50": "#fafaf9";
58
- "100": "#f5f5f4";
59
- "200": "#e7e5e4";
60
- "300": "#d6d3d1";
61
- "400": "#a8a29e";
62
- "500": "#78716c";
63
- "600": "#57534e";
64
- "700": "#44403c";
65
- "800": "#292524";
66
- "900": "#1c1917";
67
- "950": "#0c0a09";
55
+ "50": string;
56
+ "100": string;
57
+ "200": string;
58
+ "300": string;
59
+ "400": string;
60
+ "500": string;
61
+ "600": string;
62
+ "700": string;
63
+ "800": string;
64
+ "900": string;
65
+ "950": string;
68
66
  };
69
67
  red: {
70
- "50": "#fef2f2";
71
- "100": "#fee2e2";
72
- "200": "#fecaca";
73
- "300": "#fca5a5";
74
- "400": "#f87171";
75
- "500": "#ef4444";
76
- "600": "#dc2626";
77
- "700": "#b91c1c";
78
- "800": "#991b1b";
79
- "900": "#7f1d1d";
80
- "950": "#450a0a";
68
+ "50": string;
69
+ "100": string;
70
+ "200": string;
71
+ "300": string;
72
+ "400": string;
73
+ "500": string;
74
+ "600": string;
75
+ "700": string;
76
+ "800": string;
77
+ "900": string;
78
+ "950": string;
81
79
  };
82
80
  orange: {
83
- "50": "#fff7ed";
84
- "100": "#ffedd5";
85
- "200": "#fed7aa";
86
- "300": "#fdba74";
87
- "400": "#fb923c";
88
- "500": "#f97316";
89
- "600": "#ea580c";
90
- "700": "#c2410c";
91
- "800": "#9a3412";
92
- "900": "#7c2d12";
93
- "950": "#431407";
81
+ "50": string;
82
+ "100": string;
83
+ "200": string;
84
+ "300": string;
85
+ "400": string;
86
+ "500": string;
87
+ "600": string;
88
+ "700": string;
89
+ "800": string;
90
+ "900": string;
91
+ "950": string;
94
92
  };
95
93
  amber: {
96
- "50": "#fffbeb";
97
- "100": "#fef3c7";
98
- "200": "#fde68a";
99
- "300": "#fcd34d";
100
- "400": "#fbbf24";
101
- "500": "#f59e0b";
102
- "600": "#d97706";
103
- "700": "#b45309";
104
- "800": "#92400e";
105
- "900": "#78350f";
106
- "950": "#451a03";
94
+ "50": string;
95
+ "100": string;
96
+ "200": string;
97
+ "300": string;
98
+ "400": string;
99
+ "500": string;
100
+ "600": string;
101
+ "700": string;
102
+ "800": string;
103
+ "900": string;
104
+ "950": string;
107
105
  };
108
106
  yellow: {
109
- "50": "#fefce8";
110
- "100": "#fef9c3";
111
- "200": "#fef08a";
112
- "300": "#fde047";
113
- "400": "#facc15";
114
- "500": "#eab308";
115
- "600": "#ca8a04";
116
- "700": "#a16207";
117
- "800": "#854d0e";
118
- "900": "#713f12";
119
- "950": "#422006";
107
+ "50": string;
108
+ "100": string;
109
+ "200": string;
110
+ "300": string;
111
+ "400": string;
112
+ "500": string;
113
+ "600": string;
114
+ "700": string;
115
+ "800": string;
116
+ "900": string;
117
+ "950": string;
120
118
  };
121
119
  lime: {
122
- "50": "#f7fee7";
123
- "100": "#ecfccb";
124
- "200": "#d9f99d";
125
- "300": "#bef264";
126
- "400": "#a3e635";
127
- "500": "#84cc16";
128
- "600": "#65a30d";
129
- "700": "#4d7c0f";
130
- "800": "#3f6212";
131
- "900": "#365314";
132
- "950": "#1a2e05";
120
+ "50": string;
121
+ "100": string;
122
+ "200": string;
123
+ "300": string;
124
+ "400": string;
125
+ "500": string;
126
+ "600": string;
127
+ "700": string;
128
+ "800": string;
129
+ "900": string;
130
+ "950": string;
133
131
  };
134
132
  green: {
135
- "50": "#f0fdf4";
136
- "100": "#dcfce7";
137
- "200": "#bbf7d0";
138
- "300": "#86efac";
139
- "400": "#4ade80";
140
- "500": "#22c55e";
141
- "600": "#16a34a";
142
- "700": "#15803d";
143
- "800": "#166534";
144
- "900": "#14532d";
145
- "950": "#052e16";
133
+ "50": string;
134
+ "100": string;
135
+ "200": string;
136
+ "300": string;
137
+ "400": string;
138
+ "500": string;
139
+ "600": string;
140
+ "700": string;
141
+ "800": string;
142
+ "900": string;
143
+ "950": string;
146
144
  };
147
145
  emerald: {
148
- "50": "#ecfdf5";
149
- "100": "#d1fae5";
150
- "200": "#a7f3d0";
151
- "300": "#6ee7b7";
152
- "400": "#34d399";
153
- "500": "#10b981";
154
- "600": "#059669";
155
- "700": "#047857";
156
- "800": "#065f46";
157
- "900": "#064e3b";
158
- "950": "#022c22";
146
+ "50": string;
147
+ "100": string;
148
+ "200": string;
149
+ "300": string;
150
+ "400": string;
151
+ "500": string;
152
+ "600": string;
153
+ "700": string;
154
+ "800": string;
155
+ "900": string;
156
+ "950": string;
159
157
  };
160
158
  teal: {
161
- "50": "#f0fdfa";
162
- "100": "#ccfbf1";
163
- "200": "#99f6e4";
164
- "300": "#5eead4";
165
- "400": "#2dd4bf";
166
- "500": "#14b8a6";
167
- "600": "#0d9488";
168
- "700": "#0f766e";
169
- "800": "#115e59";
170
- "900": "#134e4a";
171
- "950": "#042f2e";
159
+ "50": string;
160
+ "100": string;
161
+ "200": string;
162
+ "300": string;
163
+ "400": string;
164
+ "500": string;
165
+ "600": string;
166
+ "700": string;
167
+ "800": string;
168
+ "900": string;
169
+ "950": string;
172
170
  };
173
171
  cyan: {
174
- "50": "#ecfeff";
175
- "100": "#cffafe";
176
- "200": "#a5f3fc";
177
- "300": "#67e8f9";
178
- "400": "#22d3ee";
179
- "500": "#06b6d4";
180
- "600": "#0891b2";
181
- "700": "#0e7490";
182
- "800": "#155e75";
183
- "900": "#164e63";
184
- "950": "#083344";
172
+ "50": string;
173
+ "100": string;
174
+ "200": string;
175
+ "300": string;
176
+ "400": string;
177
+ "500": string;
178
+ "600": string;
179
+ "700": string;
180
+ "800": string;
181
+ "900": string;
182
+ "950": string;
185
183
  };
186
184
  sky: {
187
- "50": "#f0f9ff";
188
- "100": "#e0f2fe";
189
- "200": "#bae6fd";
190
- "300": "#7dd3fc";
191
- "400": "#38bdf8";
192
- "500": "#0ea5e9";
193
- "600": "#0284c7";
194
- "700": "#0369a1";
195
- "800": "#075985";
196
- "900": "#0c4a6e";
197
- "950": "#082f49";
185
+ "50": string;
186
+ "100": string;
187
+ "200": string;
188
+ "300": string;
189
+ "400": string;
190
+ "500": string;
191
+ "600": string;
192
+ "700": string;
193
+ "800": string;
194
+ "900": string;
195
+ "950": string;
198
196
  };
199
197
  blue: {
200
- "50": "#eff6ff";
201
- "100": "#dbeafe";
202
- "200": "#bfdbfe";
203
- "300": "#93c5fd";
204
- "400": "#60a5fa";
205
- "500": "#3b82f6";
206
- "600": "#2563eb";
207
- "700": "#1d4ed8";
208
- "800": "#1e40af";
209
- "900": "#1e3a8a";
210
- "950": "#172554";
198
+ "50": string;
199
+ "100": string;
200
+ "200": string;
201
+ "300": string;
202
+ "400": string;
203
+ "500": string;
204
+ "600": string;
205
+ "700": string;
206
+ "800": string;
207
+ "900": string;
208
+ "950": string;
211
209
  };
212
210
  indigo: {
213
- "50": "#eef2ff";
214
- "100": "#e0e7ff";
215
- "200": "#c7d2fe";
216
- "300": "#a5b4fc";
217
- "400": "#818cf8";
218
- "500": "#6366f1";
219
- "600": "#4f46e5";
220
- "700": "#4338ca";
221
- "800": "#3730a3";
222
- "900": "#312e81";
223
- "950": "#1e1b4b";
211
+ "50": string;
212
+ "100": string;
213
+ "200": string;
214
+ "300": string;
215
+ "400": string;
216
+ "500": string;
217
+ "600": string;
218
+ "700": string;
219
+ "800": string;
220
+ "900": string;
221
+ "950": string;
224
222
  };
225
223
  violet: {
226
- "50": "#f5f3ff";
227
- "100": "#ede9fe";
228
- "200": "#ddd6fe";
229
- "300": "#c4b5fd";
230
- "400": "#a78bfa";
231
- "500": "#8b5cf6";
232
- "600": "#7c3aed";
233
- "700": "#6d28d9";
234
- "800": "#5b21b6";
235
- "900": "#4c1d95";
236
- "950": "#2e1065";
224
+ "50": string;
225
+ "100": string;
226
+ "200": string;
227
+ "300": string;
228
+ "400": string;
229
+ "500": string;
230
+ "600": string;
231
+ "700": string;
232
+ "800": string;
233
+ "900": string;
234
+ "950": string;
237
235
  };
238
236
  purple: {
239
- "50": "#faf5ff";
240
- "100": "#f3e8ff";
241
- "200": "#e9d5ff";
242
- "300": "#d8b4fe";
243
- "400": "#c084fc";
244
- "500": "#a855f7";
245
- "600": "#9333ea";
246
- "700": "#7e22ce";
247
- "800": "#6b21a8";
248
- "900": "#581c87";
249
- "950": "#3b0764";
237
+ "50": string;
238
+ "100": string;
239
+ "200": string;
240
+ "300": string;
241
+ "400": string;
242
+ "500": string;
243
+ "600": string;
244
+ "700": string;
245
+ "800": string;
246
+ "900": string;
247
+ "950": string;
250
248
  };
251
249
  fuchsia: {
252
- "50": "#fdf4ff";
253
- "100": "#fae8ff";
254
- "200": "#f5d0fe";
255
- "300": "#f0abfc";
256
- "400": "#e879f9";
257
- "500": "#d946ef";
258
- "600": "#c026d3";
259
- "700": "#a21caf";
260
- "800": "#86198f";
261
- "900": "#701a75";
262
- "950": "#4a044e";
250
+ "50": string;
251
+ "100": string;
252
+ "200": string;
253
+ "300": string;
254
+ "400": string;
255
+ "500": string;
256
+ "600": string;
257
+ "700": string;
258
+ "800": string;
259
+ "900": string;
260
+ "950": string;
263
261
  };
264
262
  pink: {
265
- "50": "#fdf2f8";
266
- "100": "#fce7f3";
267
- "200": "#fbcfe8";
268
- "300": "#f9a8d4";
269
- "400": "#f472b6";
270
- "500": "#ec4899";
271
- "600": "#db2777";
272
- "700": "#be185d";
273
- "800": "#9d174d";
274
- "900": "#831843";
275
- "950": "#500724";
263
+ "50": string;
264
+ "100": string;
265
+ "200": string;
266
+ "300": string;
267
+ "400": string;
268
+ "500": string;
269
+ "600": string;
270
+ "700": string;
271
+ "800": string;
272
+ "900": string;
273
+ "950": string;
276
274
  };
277
275
  rose: {
278
- "50": "#fff1f2";
279
- "100": "#ffe4e6";
280
- "200": "#fecdd3";
281
- "300": "#fda4af";
282
- "400": "#fb7185";
283
- "500": "#f43f5e";
284
- "600": "#e11d48";
285
- "700": "#be123c";
286
- "800": "#9f1239";
287
- "900": "#881337";
288
- "950": "#4c0519";
276
+ "50": string;
277
+ "100": string;
278
+ "200": string;
279
+ "300": string;
280
+ "400": string;
281
+ "500": string;
282
+ "600": string;
283
+ "700": string;
284
+ "800": string;
285
+ "900": string;
286
+ "950": string;
289
287
  };
290
- lightBlue: tailwindcss_types_generated_colors.DefaultColors["sky"];
291
- warmGray: tailwindcss_types_generated_colors.DefaultColors["stone"];
292
- trueGray: tailwindcss_types_generated_colors.DefaultColors["neutral"];
293
- coolGray: tailwindcss_types_generated_colors.DefaultColors["gray"];
294
- blueGray: tailwindcss_types_generated_colors.DefaultColors["slate"];
295
288
  };
296
289
 
297
290
  export { colorPalette, neutral };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@upstart.gg/style-system",
3
- "version": "0.0.101",
3
+ "version": "0.0.102",
4
4
  "description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
5
5
  "type": "module",
6
6
  "exports": {
@@ -33,7 +33,7 @@
33
33
  "animate.css": "^4.1.1",
34
34
  "polished": "4.3.1",
35
35
  "react-hot-toast": "2.5.2",
36
- "tailwindcss": "3.4.15"
36
+ "tailwindcss": "^4.1"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/node": "22",