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