@pandacss/config 0.3.1 → 0.4.0

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.
@@ -1,570 +0,0 @@
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
- });