@pandacss/config 0.3.1 → 0.3.2

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,543 +0,0 @@
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
- };
@@ -1,24 +0,0 @@
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
- }