@pandacss/config 0.0.2 → 0.3.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.
@@ -0,0 +1,543 @@
1
+ // src/breakpoints.ts
2
+ var breakpoints = {
3
+ sm: "640px",
4
+ md: "768px",
5
+ lg: "1024px",
6
+ xl: "1280px",
7
+ "2xl": "1536px"
8
+ };
9
+
10
+ // src/keyframes.ts
11
+ var keyframes = {
12
+ spin: {
13
+ to: {
14
+ transform: "rotate(360deg)"
15
+ }
16
+ },
17
+ ping: {
18
+ "75%, 100%": {
19
+ transform: "scale(2)",
20
+ opacity: "0"
21
+ }
22
+ },
23
+ pulse: {
24
+ "50%": {
25
+ opacity: ".5"
26
+ }
27
+ },
28
+ bounce: {
29
+ "0%, 100%": {
30
+ transform: "translateY(-25%)",
31
+ animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
32
+ },
33
+ "50%": {
34
+ transform: "none",
35
+ animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
36
+ }
37
+ }
38
+ };
39
+ var animations = {
40
+ spin: { value: "spin 1s linear infinite" },
41
+ ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" },
42
+ pulse: { value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" },
43
+ bounce: { value: "bounce 1s infinite" }
44
+ };
45
+
46
+ // src/colors.ts
47
+ var colors = {
48
+ current: { value: "currentColor" },
49
+ black: { value: "#000" },
50
+ white: { value: "#fff" },
51
+ transparent: { value: "rgb(0 0 0 / 0)" },
52
+ rose: {
53
+ 50: { value: "#fff1f2" },
54
+ 100: { value: "#ffe4e6" },
55
+ 200: { value: "#fecdd3" },
56
+ 300: { value: "#fda4af" },
57
+ 400: { value: "#fb7185" },
58
+ 500: { value: "#f43f5e" },
59
+ 600: { value: "#e11d48" },
60
+ 700: { value: "#be123c" },
61
+ 800: { value: "#9f1239" },
62
+ 900: { value: "#881337" }
63
+ },
64
+ pink: {
65
+ 50: { value: "#fdf2f8" },
66
+ 100: { value: "#fce7f3" },
67
+ 200: { value: "#fbcfe8" },
68
+ 300: { value: "#f9a8d4" },
69
+ 400: { value: "#f472b6" },
70
+ 500: { value: "#ec4899" },
71
+ 600: { value: "#db2777" },
72
+ 700: { value: "#be185d" },
73
+ 800: { value: "#9d174d" },
74
+ 900: { value: "#831843" }
75
+ },
76
+ fuchsia: {
77
+ 50: { value: "#fdf4ff" },
78
+ 100: { value: "#fae8ff" },
79
+ 200: { value: "#f5d0fe" },
80
+ 300: { value: "#f0abfc" },
81
+ 400: { value: "#e879f9" },
82
+ 500: { value: "#d946ef" },
83
+ 600: { value: "#c026d3" },
84
+ 700: { value: "#a21caf" },
85
+ 800: { value: "#86198f" },
86
+ 900: { value: "#701a75" }
87
+ },
88
+ purple: {
89
+ 50: { value: "#f5f3ff" },
90
+ 100: { value: "#ede9fe" },
91
+ 200: { value: "#ddd6fe" },
92
+ 300: { value: "#c4b5fd" },
93
+ 400: { value: "#a78bfa" },
94
+ 500: { value: "#8b5cf6" },
95
+ 600: { value: "#7c3aed" },
96
+ 700: { value: "#6d28d9" },
97
+ 800: { value: "#5b21b6" },
98
+ 900: { value: "#4c1d95" }
99
+ },
100
+ indigo: {
101
+ 50: { value: "#eef2ff" },
102
+ 100: { value: "#e0e7ff" },
103
+ 200: { value: "#c7d2fe" },
104
+ 300: { value: "#a5b4fc" },
105
+ 400: { value: "#818cf8" },
106
+ 500: { value: "#6366f1" },
107
+ 600: { value: "#4f46e5" },
108
+ 700: { value: "#4338ca" },
109
+ 800: { value: "#3730a3" },
110
+ 900: { value: "#312e81" }
111
+ },
112
+ blue: {
113
+ 50: { value: "#eff6ff" },
114
+ 100: { value: "#dbeafe" },
115
+ 200: { value: "#bfdbfe" },
116
+ 300: { value: "#93c5fd" },
117
+ 400: { value: "#60a5fa" },
118
+ 500: { value: "#3b82f6" },
119
+ 600: { value: "#2563eb" },
120
+ 700: { value: "#1d4ed8" },
121
+ 800: { value: "#1e40af" },
122
+ 900: { value: "#1e3a8a" }
123
+ },
124
+ sky: {
125
+ 50: { value: "#f0f9ff" },
126
+ 100: { value: "#e0f2fe" },
127
+ 200: { value: "#bae6fd" },
128
+ 300: { value: "#7dd3fc" },
129
+ 400: { value: "#38bdf8" },
130
+ 500: { value: "#0ea5e9" },
131
+ 600: { value: "#0284c7" },
132
+ 700: { value: "#0369a1" },
133
+ 800: { value: "#075985" },
134
+ 900: { value: "#0c4a6e" }
135
+ },
136
+ cyan: {
137
+ 50: { value: "#ecfeff" },
138
+ 100: { value: "#cffafe" },
139
+ 200: { value: "#a5f3fc" },
140
+ 300: { value: "#67e8f9" },
141
+ 400: { value: "#22d3ee" },
142
+ 500: { value: "#06b6d4" },
143
+ 600: { value: "#0891b2" },
144
+ 700: { value: "#0e7490" },
145
+ 800: { value: "#155e75" },
146
+ 900: { value: "#164e63" }
147
+ },
148
+ teal: {
149
+ 50: { value: "#f0fdfa" },
150
+ 100: { value: "#ccfbf1" },
151
+ 200: { value: "#99f6e4" },
152
+ 300: { value: "#5eead4" },
153
+ 400: { value: "#2dd4bf" },
154
+ 500: { value: "#14b8a6" },
155
+ 600: { value: "#0d9488" },
156
+ 700: { value: "#0f766e" },
157
+ 800: { value: "#115e59" },
158
+ 900: { value: "#134e4a" }
159
+ },
160
+ green: {
161
+ 50: { value: "#ecfdf5" },
162
+ 100: { value: "#d1fae5" },
163
+ 200: { value: "#a7f3d0" },
164
+ 300: { value: "#6ee7b7" },
165
+ 400: { value: "#34d399" },
166
+ 500: { value: "#10b981" },
167
+ 600: { value: "#059669" },
168
+ 700: { value: "#047857" },
169
+ 800: { value: "#065f46" },
170
+ 900: { value: "#064e3b" }
171
+ },
172
+ lime: {
173
+ 50: { value: "#f7fee7" },
174
+ 100: { value: "#ecfccb" },
175
+ 200: { value: "#d9f99d" },
176
+ 300: { value: "#bef264" },
177
+ 400: { value: "#a3e635" },
178
+ 500: { value: "#84cc16" },
179
+ 600: { value: "#65a30d" },
180
+ 700: { value: "#4d7c0f" },
181
+ 800: { value: "#3f6212" },
182
+ 900: { value: "#365314" }
183
+ },
184
+ yellow: {
185
+ 50: { value: "#fffbeb" },
186
+ 100: { value: "#fef3c7" },
187
+ 200: { value: "#fde68a" },
188
+ 300: { value: "#fcd34d" },
189
+ 400: { value: "#fbbf24" },
190
+ 500: { value: "#f59e0b" },
191
+ 600: { value: "#d97706" },
192
+ 700: { value: "#b45309" },
193
+ 800: { value: "#92400e" },
194
+ 900: { value: "#78350f" }
195
+ },
196
+ orange: {
197
+ 50: { value: "#fff7ed" },
198
+ 100: { value: "#ffedd5" },
199
+ 200: { value: "#fed7aa" },
200
+ 300: { value: "#fdba74" },
201
+ 400: { value: "#fb923c" },
202
+ 500: { value: "#f97316" },
203
+ 600: { value: "#ea580c" },
204
+ 700: { value: "#c2410c" },
205
+ 800: { value: "#9a3412" },
206
+ 900: { value: "#7c2d12" }
207
+ },
208
+ red: {
209
+ 50: { value: "#fef2f2" },
210
+ 100: { value: "#fee2e2" },
211
+ 200: { value: "#fecaca" },
212
+ 300: { value: "#fca5a5" },
213
+ 400: { value: "#f87171" },
214
+ 500: { value: "#ef4444" },
215
+ 600: { value: "#dc2626" },
216
+ 700: { value: "#b91c1c" },
217
+ 800: { value: "#991b1b" },
218
+ 900: { value: "#7f1d1d" }
219
+ },
220
+ gray: {
221
+ 50: { value: "#f9fafb" },
222
+ 100: { value: "#f3f4f6" },
223
+ 200: { value: "#e5e7eb" },
224
+ 300: { value: "#d1d5db" },
225
+ 400: { value: "#9ca3af" },
226
+ 500: { value: "#6b7280" },
227
+ 600: { value: "#4b5563" },
228
+ 700: { value: "#374151" },
229
+ 800: { value: "#1f2937" },
230
+ 900: { value: "#111827" }
231
+ },
232
+ slate: {
233
+ 50: { value: "#F8FAFC" },
234
+ 100: { value: "#F1F5F9" },
235
+ 200: { value: "#E2E8F0" },
236
+ 300: { value: "#CBD5E1" },
237
+ 400: { value: "#94A3B8" },
238
+ 500: { value: "#64748B" },
239
+ 600: { value: "#475569" },
240
+ 700: { value: "#334155" },
241
+ 800: { value: "#1E293B" },
242
+ 900: { value: "#0F172A" }
243
+ }
244
+ };
245
+
246
+ // src/shadows.ts
247
+ var shadows = {
248
+ xs: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" },
249
+ sm: { value: ["0 1px 3px 0 rgb(0 0 0 / 0.1)", "0 1px 2px -1px rgb(0 0 0 / 0.1)"] },
250
+ md: { value: ["0 4px 6px -1px rgb(0 0 0 / 0.1)", "0 2px 4px -2px rgb(0 0 0 / 0.1)"] },
251
+ lg: { value: ["0 10px 15px -3px rgb(0 0 0 / 0.1)", "0 4px 6px -4px rgb(0 0 0 / 0.1)"] },
252
+ xl: { value: ["0 20px 25px -5px rgb(0 0 0 / 0.1)", "0 8px 10px -6px rgb(0 0 0 / 0.1)"] },
253
+ "2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
254
+ inner: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" }
255
+ };
256
+
257
+ // src/spacing.ts
258
+ var spacing = {
259
+ 0.5: { value: "0.125rem" },
260
+ 1: { value: "0.25rem" },
261
+ 1.5: { value: "0.375rem" },
262
+ 2: { value: "0.5rem" },
263
+ 2.5: { value: "0.625rem" },
264
+ 3: { value: "0.75rem" },
265
+ 3.5: { value: "0.875rem" },
266
+ 4: { value: "1rem" },
267
+ 5: { value: "1.25rem" },
268
+ 6: { value: "1.5rem" },
269
+ 7: { value: "1.75rem" },
270
+ 8: { value: "2rem" },
271
+ 9: { value: "2.25rem" },
272
+ 10: { value: "2.5rem" },
273
+ 11: { value: "2.75rem" },
274
+ 12: { value: "3rem" },
275
+ 14: { value: "3.5rem" },
276
+ 16: { value: "4rem" },
277
+ 20: { value: "5rem" },
278
+ 24: { value: "6rem" },
279
+ 28: { value: "7rem" },
280
+ 32: { value: "8rem" },
281
+ 36: { value: "9rem" },
282
+ 40: { value: "10rem" },
283
+ 44: { value: "11rem" },
284
+ 48: { value: "12rem" },
285
+ 52: { value: "13rem" },
286
+ 56: { value: "14rem" },
287
+ 60: { value: "15rem" },
288
+ 64: { value: "16rem" },
289
+ 72: { value: "18rem" },
290
+ 80: { value: "20rem" },
291
+ 96: { value: "24rem" }
292
+ };
293
+
294
+ // src/sizes.ts
295
+ var largeSizes = {
296
+ xs: { value: "20rem" },
297
+ sm: { value: "24rem" },
298
+ md: { value: "28rem" },
299
+ lg: { value: "32rem" },
300
+ xl: { value: "36rem" },
301
+ "2xl": { value: "42rem" },
302
+ "3xl": { value: "48rem" },
303
+ "4xl": { value: "56rem" },
304
+ "5xl": { value: "64rem" },
305
+ "6xl": { value: "72rem" },
306
+ "7xl": { value: "80rem" },
307
+ "8xl": { value: "90rem" },
308
+ prose: { value: "65ch" }
309
+ };
310
+ var sizes = {
311
+ ...spacing,
312
+ ...largeSizes,
313
+ full: { value: "100%" },
314
+ min: { value: "min-content" },
315
+ max: { value: "max-content" },
316
+ fit: { value: "fit-content" }
317
+ };
318
+
319
+ // src/typography.ts
320
+ var fontSizes = {
321
+ "2xs": { value: "0.5rem" },
322
+ xs: { value: "0.75rem" },
323
+ sm: { value: "0.875rem" },
324
+ md: { value: "1rem" },
325
+ lg: { value: "1.125rem" },
326
+ xl: { value: "1.25rem" },
327
+ "2xl": { value: "1.5rem" },
328
+ "3xl": { value: "1.875rem" },
329
+ "4xl": { value: "2.25rem" },
330
+ "5xl": { value: "3rem" },
331
+ "6xl": { value: "3.75rem" },
332
+ "7xl": { value: "4.5rem" },
333
+ "8xl": { value: "6rem" },
334
+ "9xl": { value: "8rem" }
335
+ };
336
+ var fontWeights = {
337
+ thin: { value: "100" },
338
+ extralight: { value: "200" },
339
+ light: { value: "300" },
340
+ normal: { value: "400" },
341
+ medium: { value: "500" },
342
+ semibold: { value: "600" },
343
+ bold: { value: "700" },
344
+ extrabold: { value: "800" },
345
+ black: { value: "900" }
346
+ };
347
+ var letterSpacings = {
348
+ tighter: { value: "-0.05em" },
349
+ tight: { value: "-0.025em" },
350
+ normal: { value: "0em" },
351
+ wide: { value: "0.025em" },
352
+ wider: { value: "0.05em" },
353
+ widest: { value: "0.1em" }
354
+ };
355
+ var lineHeights = {
356
+ none: { value: "1" },
357
+ tight: { value: "1.25" },
358
+ snug: { value: "1.375" },
359
+ normal: { value: "1.5" },
360
+ relaxed: { value: "1.625" },
361
+ loose: { value: "2" }
362
+ };
363
+ var fonts = {
364
+ sans: {
365
+ value: [
366
+ "ui-sans-serif",
367
+ "system-ui",
368
+ "-apple-system",
369
+ "BlinkMacSystemFont",
370
+ '"Segoe UI"',
371
+ "Roboto",
372
+ '"Helvetica Neue"',
373
+ "Arial",
374
+ '"Noto Sans"',
375
+ "sans-serif",
376
+ '"Apple Color Emoji"',
377
+ '"Segoe UI Emoji"',
378
+ '"Segoe UI Symbol"',
379
+ '"Noto Color Emoji"'
380
+ ]
381
+ },
382
+ serif: {
383
+ value: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"]
384
+ },
385
+ mono: {
386
+ value: [
387
+ "ui-monospace",
388
+ "SFMono-Regular",
389
+ "Menlo",
390
+ "Monaco",
391
+ "Consolas",
392
+ '"Liberation Mono"',
393
+ '"Courier New"',
394
+ "monospace"
395
+ ]
396
+ }
397
+ };
398
+ var textStyles = {
399
+ xs: {
400
+ value: {
401
+ fontSize: "0.75rem",
402
+ lineHeight: "1rem"
403
+ }
404
+ },
405
+ sm: {
406
+ value: {
407
+ fontSize: "0.875rem",
408
+ lineHeight: "1.25rem"
409
+ }
410
+ },
411
+ md: {
412
+ value: {
413
+ fontSize: "1rem",
414
+ lineHeight: "1.5rem"
415
+ }
416
+ },
417
+ lg: {
418
+ value: {
419
+ fontSize: "1.125rem",
420
+ lineHeight: "1.75rem"
421
+ }
422
+ },
423
+ xl: {
424
+ value: {
425
+ fontSize: "1.25rem",
426
+ lineHeight: "1.75rem"
427
+ }
428
+ },
429
+ "2xl": {
430
+ value: {
431
+ fontSize: "1.5rem",
432
+ lineHeight: "2rem"
433
+ }
434
+ },
435
+ "3xl": {
436
+ value: {
437
+ fontSize: "1.875rem",
438
+ lineHeight: "2.25rem"
439
+ }
440
+ },
441
+ "4xl": {
442
+ value: {
443
+ fontSize: "2.25rem",
444
+ lineHeight: "2.5rem"
445
+ }
446
+ },
447
+ "5xl": {
448
+ value: {
449
+ fontSize: "3rem",
450
+ lineHeight: "1"
451
+ }
452
+ },
453
+ "6xl": {
454
+ value: {
455
+ fontSize: "3.75rem",
456
+ lineHeight: "1"
457
+ }
458
+ },
459
+ "7xl": {
460
+ value: {
461
+ fontSize: "4.5rem",
462
+ lineHeight: "1"
463
+ }
464
+ },
465
+ "8xl": {
466
+ value: {
467
+ fontSize: "6rem",
468
+ lineHeight: "1"
469
+ }
470
+ },
471
+ "9xl": {
472
+ value: {
473
+ fontSize: "8rem",
474
+ lineHeight: "1"
475
+ }
476
+ }
477
+ };
478
+
479
+ // src/tokens.ts
480
+ var defineTokens = (v) => v;
481
+ var tokens = defineTokens({
482
+ easings: {
483
+ default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" },
484
+ linear: { value: "linear" },
485
+ in: { value: "cubic-bezier(0.4, 0, 1, 1)" },
486
+ out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
487
+ "in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }
488
+ },
489
+ durations: {
490
+ fastest: { value: "50ms" },
491
+ faster: { value: "100ms" },
492
+ fast: { value: "150ms" },
493
+ normal: { value: "200ms" },
494
+ slow: { value: "300ms" },
495
+ slower: { value: "400ms" },
496
+ slowest: { value: "500ms" }
497
+ },
498
+ radii: {
499
+ xs: { value: "0.125rem" },
500
+ sm: { value: "0.25rem" },
501
+ md: { value: "0.375rem" },
502
+ lg: { value: "0.5rem" },
503
+ xl: { value: "0.75rem" },
504
+ "2xl": { value: "1rem" },
505
+ "3xl": { value: "1.5rem" },
506
+ full: { value: "9999px" }
507
+ },
508
+ fontWeights,
509
+ lineHeights,
510
+ fonts,
511
+ letterSpacings,
512
+ fontSizes,
513
+ shadows,
514
+ colors,
515
+ blurs: {
516
+ sm: { value: "4px" },
517
+ base: { value: "8px" },
518
+ md: { value: "12px" },
519
+ lg: { value: "16px" },
520
+ xl: { value: "24px" },
521
+ "2xl": { value: "40px" },
522
+ "3xl": { value: "64px" }
523
+ },
524
+ spacing,
525
+ sizes,
526
+ animations
527
+ });
528
+
529
+ // src/index.ts
530
+ var defineConfig = (config) => config;
531
+ var preset = defineConfig({
532
+ theme: {
533
+ keyframes,
534
+ breakpoints,
535
+ tokens,
536
+ textStyles
537
+ }
538
+ });
539
+ var src_default = preset;
540
+ export {
541
+ src_default as default,
542
+ preset
543
+ };
@@ -0,0 +1,24 @@
1
+ {
2
+ "name": "@pandacss/preset-panda",
3
+ "version": "0.3.1",
4
+ "description": "The preset for PandaCSS that contains the default theme",
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.mjs",
7
+ "types": "dist/index.d.ts",
8
+ "author": "Segun Adebayo <joseshegs@gmail.com>",
9
+ "sideEffects": false,
10
+ "publishConfig": {
11
+ "access": "public"
12
+ },
13
+ "scripts": {
14
+ "build": "tsup src/index.ts --format=esm,cjs --dts",
15
+ "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
16
+ "dev": "pnpm build-fast --watch"
17
+ },
18
+ "files": [
19
+ "dist"
20
+ ],
21
+ "dependencies": {
22
+ "@pandacss/types": "workspace:*"
23
+ }
24
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/config",
3
- "version": "0.0.2",
3
+ "version": "0.3.1",
4
4
  "description": "Find and load panda config",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -13,13 +13,24 @@
13
13
  "files": [
14
14
  "dist"
15
15
  ],
16
+ "bundledDependencies": [
17
+ "@pandacss/preset-base",
18
+ "@pandacss/preset-panda"
19
+ ],
16
20
  "dependencies": {
17
21
  "bundle-n-require": "^1.0.1",
18
- "merge-anything": "^5.1.6",
19
22
  "escalade": "3.1.1",
20
- "@pandacss/logger": "0.0.2",
21
- "@pandacss/types": "0.0.2",
22
- "@pandacss/error": "0.0.2"
23
+ "jiti": "^1.18.2",
24
+ "merge-anything": "^5.1.7",
25
+ "tsconfck": "^2.1.1",
26
+ "@pandacss/error": "0.3.1",
27
+ "@pandacss/logger": "0.3.1",
28
+ "@pandacss/preset-base": "0.3.1",
29
+ "@pandacss/preset-panda": "0.3.1",
30
+ "@pandacss/types": "0.3.1"
31
+ },
32
+ "devDependencies": {
33
+ "pkg-types": "1.0.3"
23
34
  },
24
35
  "scripts": {
25
36
  "build": "pnpm tsup src/index.ts --format=esm,cjs --shims --dts",