From 178ae7777c67b17b29c18d1dec249d501a7cb804 Mon Sep 17 00:00:00 2001 From: SrJuggernaut Date: Tue, 2 Sep 2025 11:45:19 -0600 Subject: [PATCH] feat: basic tokens --- src/index.ts | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 99 insertions(+), 1 deletion(-) diff --git a/src/index.ts b/src/index.ts index 6ecc7b0..63fc40f 100644 --- a/src/index.ts +++ b/src/index.ts @@ -33,7 +33,105 @@ const srJuggernautPandaPreset = (config?: themeConfig) => { input: inputRecipe }, tokens: { - colors + animations: {}, + aspectRatios: { + square: { value: '1 / 1' }, + '20:9': { value: '20 / 9' }, + '16:9': { value: '16 / 9' }, + '9:16': { value: '9 / 16' }, + '9:20': { value: '9 / 20' }, + '4:3': { value: '4 / 3' }, + '3:4': { value: '3 / 4' } + }, + assets: {}, + blurs: {}, + borders: {}, + borderWidths: {}, + colors, + containerNames: {}, + cursor: {}, + durations: { + fast: { value: '150ms' }, + normal: { value: '300ms' }, + slow: { value: '450ms' } + }, + easings: { + easeIn: { value: 'cubic-bezier(0.420, 0.000, 1.000, 1.000)' }, + easeOut: { value: 'cubic-bezier(0.000, 0.000, 0.580, 1.000)' }, + easeInOut: { value: 'cubic-bezier(0.420, 0.000, 0.580, 1.000)' }, + easeInQuint: { value: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)' }, + easeOutQuint: { value: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' }, + easeInOutQuint: { value: 'cubic-bezier(0.860, 0.000, 0.070, 1.000)' } + }, + fonts: {}, + fontSizes: { + xs: { value: '0.75em' }, + sm: { value: '0.875em' }, + base: { value: '1em' }, + lg: { value: '1.125em' }, + xl: { value: '1.5em' }, + h1: { value: '3em' }, + h2: { value: '2.5em' }, + h3: { value: '2.25em' }, + h4: { value: '2em' }, + h5: { value: '1.75em' }, + h6: { value: '1.5em' }, + rxs: { value: '0.75rem' }, + rsm: { value: '0.875rem' }, + rbase: { value: '1rem' }, + rlg: { value: '1.25rem' }, + rxl: { value: '1.5rem' }, + rh1: { value: '3rem' }, + rh2: { value: '2.5rem' }, + rh3: { value: '2.25rem' }, + rh4: { value: '2rem' }, + rh5: { value: '1.75rem' }, + rh6: { value: '1.5rem' } + }, + fontWeights: { + thin: { value: '100' }, + extralight: { value: '200' }, + light: { value: '300' }, + normal: { value: '400' }, + medium: { value: '500' }, + semibold: { value: '600' }, + bold: { value: '700' }, + extrabold: { value: '800' }, + black: { value: '900' } + }, + gradients: {}, + letterSpacings: {}, + lineHeights: { + none: { value: '1em' }, + tight: { value: '1.25em' }, + snug: { value: '1.375em' }, + normal: { value: '1.5em' }, + relaxed: { value: '1.625em' }, + loose: { value: '2em' } + }, + radii: { + none: { value: '0' }, + xs: { value: '0.125rem' }, + sm: { value: '0.25rem' }, + md: { value: '0.375rem' }, + lg: { value: '0.5rem' }, + xl: { value: '0.75rem' }, + xxl: { value: '1rem' } + }, + shadows: {}, + opacity: {}, + sizes: {}, + spacing: { + none: { value: '0' }, + xs: { value: '0.25rem' }, + sm: { value: '0.5rem' }, + md: { value: '1rem' }, + lg: { value: '1.5rem' }, + xl: { value: '2rem' }, + xxl: { value: '3rem' }, + xxxl: { value: '4rem' } + }, + zIndex: {} }, semanticTokens: { colors: {