@pandacss/preset-panda 0.0.0-dev-20230608163155

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.
Files changed (5) hide show
  1. package/LICENSE.md +21 -0
  2. package/dist/index.d.ts +45 -0
  3. package/dist/index.js +570 -0
  4. package/dist/index.mjs +543 -0
  5. package/package.json +24 -0
package/LICENSE.md ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2022 Segun Adebayo
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/index.d.ts ADDED
@@ -0,0 +1,45 @@
1
+ import * as _pandacss_types from '@pandacss/types';
2
+
3
+ declare const preset: {
4
+ theme: {
5
+ keyframes: {
6
+ spin: {
7
+ to: {
8
+ transform: string;
9
+ };
10
+ };
11
+ ping: {
12
+ '75%, 100%': {
13
+ transform: string;
14
+ opacity: string;
15
+ };
16
+ };
17
+ pulse: {
18
+ '50%': {
19
+ opacity: string;
20
+ };
21
+ };
22
+ bounce: {
23
+ '0%, 100%': {
24
+ transform: string;
25
+ animationTimingFunction: string;
26
+ };
27
+ '50%': {
28
+ transform: string;
29
+ animationTimingFunction: string;
30
+ };
31
+ };
32
+ };
33
+ breakpoints: {
34
+ sm: string;
35
+ md: string;
36
+ lg: string;
37
+ xl: string;
38
+ '2xl': string;
39
+ };
40
+ tokens: _pandacss_types.Tokens;
41
+ textStyles: _pandacss_types.TextStyles;
42
+ };
43
+ };
44
+
45
+ export { preset as default, preset };
package/dist/index.js ADDED
@@ -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 tokens = {
508
+ easings: {
509
+ default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" },
510
+ linear: { value: "linear" },
511
+ in: { value: "cubic-bezier(0.4, 0, 1, 1)" },
512
+ out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
513
+ "in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }
514
+ },
515
+ durations: {
516
+ fastest: { value: "50ms" },
517
+ faster: { value: "100ms" },
518
+ fast: { value: "150ms" },
519
+ normal: { value: "200ms" },
520
+ slow: { value: "300ms" },
521
+ slower: { value: "400ms" },
522
+ slowest: { value: "500ms" }
523
+ },
524
+ radii: {
525
+ xs: { value: "0.125rem" },
526
+ sm: { value: "0.25rem" },
527
+ md: { value: "0.375rem" },
528
+ lg: { value: "0.5rem" },
529
+ xl: { value: "0.75rem" },
530
+ "2xl": { value: "1rem" },
531
+ "3xl": { value: "1.5rem" },
532
+ full: { value: "9999px" }
533
+ },
534
+ fontWeights,
535
+ lineHeights,
536
+ fonts,
537
+ letterSpacings,
538
+ fontSizes,
539
+ shadows,
540
+ // dropShadows,
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
+ });
package/dist/index.mjs ADDED
@@ -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 tokens = {
481
+ easings: {
482
+ default: { value: "cubic-bezier(0.4, 0, 0.2, 1)" },
483
+ linear: { value: "linear" },
484
+ in: { value: "cubic-bezier(0.4, 0, 1, 1)" },
485
+ out: { value: "cubic-bezier(0, 0, 0.2, 1)" },
486
+ "in-out": { value: "cubic-bezier(0.4, 0, 0.2, 1)" }
487
+ },
488
+ durations: {
489
+ fastest: { value: "50ms" },
490
+ faster: { value: "100ms" },
491
+ fast: { value: "150ms" },
492
+ normal: { value: "200ms" },
493
+ slow: { value: "300ms" },
494
+ slower: { value: "400ms" },
495
+ slowest: { value: "500ms" }
496
+ },
497
+ radii: {
498
+ xs: { value: "0.125rem" },
499
+ sm: { value: "0.25rem" },
500
+ md: { value: "0.375rem" },
501
+ lg: { value: "0.5rem" },
502
+ xl: { value: "0.75rem" },
503
+ "2xl": { value: "1rem" },
504
+ "3xl": { value: "1.5rem" },
505
+ full: { value: "9999px" }
506
+ },
507
+ fontWeights,
508
+ lineHeights,
509
+ fonts,
510
+ letterSpacings,
511
+ fontSizes,
512
+ shadows,
513
+ // dropShadows,
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
+ };
package/package.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "name": "@pandacss/preset-panda",
3
+ "version": "0.0.0-dev-20230608163155",
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
+ "files": [
14
+ "dist"
15
+ ],
16
+ "dependencies": {
17
+ "@pandacss/types": "0.0.0-dev-20230608163155"
18
+ },
19
+ "scripts": {
20
+ "build": "tsup src/index.ts --format=esm,cjs --dts",
21
+ "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
22
+ "dev": "pnpm build-fast --watch"
23
+ }
24
+ }