// @ts-nocheck import { createConfig } from '@gluestack-style/react'; import { config as uiConfig } from '@gluestack-ui/config'; import { AnimationResolver } from '@gluestack-style/animation-resolver'; import { MotionAnimationDriver } from '@gluestack-style/legend-motion-animation-driver'; import { config as v2Config } from '@gluestack-ui/config-v2'; export const config = createConfig({ aliases: { bg: 'backgroundColor', backgroundColor: 'backgroundColor', bgColor: 'backgroundColor', color: 'color', borderColor: 'borderColor', shadowColor: 'shadowColor', shadowOffset: 'shadowOffset', shadowOpacity: 'shadowOpacity', shadowRadius: 'shadowRadius', elevation: 'elevation', // dimension h: 'height', w: 'width', height: 'height', width: 'width', maxWidth: 'maxWidth', maxHeight: 'maxHeight', // flex flex: 'flex', justifyContent: 'justifyContent', display: 'display', flexDirection: 'flexDirection', alignItems: 'alignItems', // padding p: 'padding', px: 'paddingHorizontal', py: 'paddingVertical', pt: 'paddingTop', pb: 'paddingBottom', pr: 'paddingRight', pl: 'paddingLeft', padding: 'padding', paddingHorizontal: 'paddingHorizontal', paddingVertical: 'paddingVertical', paddingTop: 'paddingTop', paddingBottom: 'paddingBottom', paddingRight: 'paddingRight', paddingLeft: 'paddingLeft', // margin m: 'margin', mx: 'marginHorizontal', my: 'marginVertical', mt: 'marginTop', mb: 'marginBottom', mr: 'marginRight', ml: 'marginLeft', margin: 'margin', marginHorizontal: 'marginHorizontal', marginVertical: 'marginVertical', marginTop: 'marginTop', marginBottom: 'marginBottom', marginRight: 'marginRight', marginLeft: 'marginLeft', // Borders borderWidth: 'borderWidth', borderBottomWidth: 'borderBottomWidth', borderRadius: 'borderRadius', rounded: 'borderRadius', // Typography letterSpacing: 'letterSpacing', lineHeight: 'lineHeight', fontWeight: 'fontWeight', fontFamily: 'fontFamily', fontSize: 'fontSize', shadow: 'shadow', // Media Query condition: 'condition', }, tokens: { colors: { 'rose50': '#fff1f2', 'rose100': '#ffe4e6', 'rose200': '#fecdd3', 'rose300': '#fda4af', 'rose400': '#fb7185', 'rose500': '#f43f5e', 'rose600': '#e11d48', 'rose700': '#be123c', 'rose800': '#9f1239', 'rose900': '#881337', 'pink50': '#fdf2f8', 'pink100': '#fce7f3', 'pink200': '#fbcfe8', 'pink300': '#f9a8d4', 'pink400': '#f472b6', 'pink500': '#ec4899', 'pink600': '#db2777', 'pink700': '#be185d', 'pink800': '#9d174d', 'pink900': '#831843', 'fuchsia50': '#fdf4ff', 'fuchsia100': '#fae8ff', 'fuchsia200': '#f5d0fe', 'fuchsia300': '#f0abfc', 'fuchsia400': '#e879f9', 'fuchsia500': '#d946ef', 'fuchsia600': '#c026d3', 'fuchsia700': '#a21caf', 'fuchsia800': '#86198f', 'fuchsia900': '#701a75', 'purple50': '#faf5ff', 'purple100': '#f3e8ff', 'purple200': '#e9d5ff', 'purple300': '#d8b4fe', 'purple400': '#c084fc', 'purple500': '#a855f7', 'purple600': '#9333ea', 'purple700': '#7e22ce', 'purple800': '#6b21a8', 'purple900': '#581c87', 'violet50': '#f5f3ff', 'violet100': '#ede9fe', 'violet200': '#ddd6fe', 'violet300': '#c4b5fd', 'violet400': '#a78bfa', 'violet500': '#8b5cf6', 'violet600': '#7c3aed', 'violet700': '#6d28d9', 'violet800': '#5b21b6', 'violet900': '#4c1d95', 'indigo50': '#eef2ff', 'indigo100': '#e0e7ff', 'indigo200': '#c7d2fe', 'indigo300': '#a5b4fc', 'indigo400': '#818cf8', 'indigo500': '#6366f1', 'indigo600': '#4f46e5', 'indigo700': '#4338ca', 'indigo800': '#3730a3', 'indigo800_50': '#3730a380', 'indigo900': '#312e81', 'blue50': '#eff6ff', 'blue100': '#dbeafe', 'blue200': '#bfdbfe', 'blue300': '#93c5fd', 'blue400': '#60a5fa', 'blue500': '#3b82f6', 'blue600': '#2563eb', 'blue600_alpha10': '#06b6d41a', 'blue600_alpha20': '#06b6d433', 'blue700': '#1d4ed8', 'blue800': '#1e40af', 'blue900': '#1e3a8a', 'lightBlue50': '#f0f9ff', 'lightBlue100': '#e0f2fe', 'lightBlue200': '#bae6fd', 'lightBlue300': '#7dd3fc', 'lightBlue400': '#38bdf8', 'lightBlue500': '#0ea5e9', 'lightBlue600': '#0284c7', 'lightBlue700': '#0369a1', 'lightBlue800': '#075985', 'lightBlue900': '#0c4a6e', 'darkBlue50': '#dbf4ff', 'darkBlue100': '#addbff', 'darkBlue200': '#7cc2ff', 'darkBlue300': '#4aa9ff', 'darkBlue400': '#1a91ff', 'darkBlue500': '#0077e6', 'darkBlue600': '#005db4', 'darkBlue700': '#004282', 'darkBlue800': '#002851', 'darkBlue900': '#000e21', 'cyan50': '#ecfeff', 'cyan100': '#cffafe', 'cyan200': '#a5f3fc', 'cyan300': '#67e8f9', 'cyan400': '#22d3ee', 'cyan500': '#06b6d4', 'cyan600': '#0891b2', 'cyan700': '#0e7490', 'cyan800': '#155e75', 'cyan900': '#164e63', 'teal50': '#f0fdfa', 'teal100': '#ccfbf1', 'teal200': '#99f6e4', 'teal300': '#5eead4', 'teal400': '#2dd4bf', 'teal500': '#14b8a6', 'teal600': '#0d9488', 'teal700': '#0f766e', 'teal800': '#115e59', 'teal900': '#134e4a', 'emerald50': '#ecfdf5', 'emerald100': '#d1fae5', 'emerald200': '#a7f3d0', 'emerald300': '#6ee7b7', 'emerald400': '#34d399', 'emerald500': '#10b981', 'emerald600': '#059669', 'emerald700': '#047857', 'emerald800': '#065f46', 'emerald900': '#064e3b', 'green50': '#f0fdf4', 'green100': '#dcfce7', 'green200': '#bbf7d0', 'green300': '#86efac', 'green400': '#4ade80', 'green500': '#22c55e', 'green600': '#16a34a', 'green700': '#15803d', 'green800': '#166534', 'green900': '#14532d', 'lime50': '#f7fee7', 'lime100': '#ecfccb', 'lime200': '#d9f99d', 'lime300': '#bef264', 'lime400': '#a3e635', 'lime500': '#84cc16', 'lime600': '#65a30d', 'lime700': '#4d7c0f', 'lime800': '#3f6212', 'lime900': '#365314', 'yellow50': '#fefce8', 'yellow100': '#fef9c3', 'yellow200': '#fef08a', 'yellow300': '#fde047', 'yellow400': '#facc15', 'yellow500': '#eab308', 'yellow600': '#ca8a04', 'yellow700': '#a16207', 'yellow800': '#854d0e', 'yellow900': '#713f12', 'amber50': '#fffbeb', 'amber100': '#fef3c7', 'amber200': '#fde68a', 'amber300': '#fcd34d', 'amber400': '#fbbf24', 'amber500': '#f59e0b', 'amber600': '#d97706', 'amber700': '#b45309', 'amber800': '#92400e', 'amber900': '#78350f', 'orange50': '#fff7ed', 'orange100': '#ffedd5', 'orange200': '#fed7aa', 'orange300': '#fdba74', 'orange400': '#fb923c', 'orange500': '#f97316', 'orange600': '#ea580c', 'orange700': '#c2410c', 'orange800': '#9a3412', 'orange900': '#7c2d12', 'red50': '#fef2f2', 'red100': '#fee2e2', 'red200': '#fecaca', 'red300': '#fca5a5', 'red400': '#f87171', 'red500': '#ef4444', 'red600': '#dc2626', 'red700': '#b91c1c', 'red800': '#991b1b', 'red900': '#7f1d1d', 'warmGray50': '#fafaf9', 'warmGray100': '#f5f5f4', 'warmGray200': '#e7e5e4', 'warmGray300': '#d6d3d1', 'warmGray400': '#a8a29e', 'warmGray500': '#78716c', 'warmGray600': '#57534e', 'warmGray700': '#44403c', 'warmGray800': '#292524', 'warmGray900': '#1c1917', 'trueGray50': '#fafafa', 'trueGray100': '#f5f5f5', 'trueGray200': '#e5e5e5', 'trueGray300': '#d4d4d4', 'trueGray400': '#a3a3a3', 'trueGray500': '#737373', 'trueGray600': '#525252', 'trueGray700': '#404040', 'trueGray800': '#262626', 'trueGray900': '#171717', 'gray50': '#fafafa', 'gray100': '#f4f4f5', 'gray200': '#e4e4e7', 'gray300': '#d4d4d8', 'gray400': '#a1a1aa', 'gray500': '#71717a', 'gray600': '#52525b', 'gray700': '#3f3f46', 'gray800': '#27272a', 'gray900': '#18181b', 'coolGray50': '#f9fafb', 'coolGray100': '#f3f4f6', 'coolGray200': '#e5e7eb', 'coolGray300': '#d1d5db', 'coolGray400': '#9ca3af', 'coolGray500': '#6b7280', 'coolGray600': '#4b5563', 'coolGray700': '#374151', 'coolGray800': '#1f2937', 'coolGray900': '#111827', 'blueGray50': '#f8fafc', 'blueGray100': '#f1f5f9', 'blueGray200': '#e2e8f0', 'blueGray300': '#cbd5e1', 'blueGray400': '#94a3b8', 'blueGray500': '#64748b', 'blueGray600': '#475569', 'blueGray700': '#334155', 'blueGray800': '#1e293b', 'blueGray900': '#0f172a', 'text50': '#fafafa', 'text100': '#f5f5f5', 'text200': '#e5e5e5', 'text300': '#d4d4d4', 'text400': '#a3a3a3', 'text500': '#737373', 'text600': '#525252', 'text700': '#404040', 'text800': '#262626', 'text900': '#171717', 'light50': '#fafaf9', 'light100': '#f5f5f4', 'light200': '#e7e5e4', 'light300': '#d6d3d1', 'light400': '#a8a29e', 'light500': '#78716c', 'light600': '#57534e', 'light700': '#44403c', 'light800': '#292524', 'light900': '#1c1917', 'dark50': '#18181b', 'dark100': '#27272a', 'dark200': '#3f3f46', 'dark300': '#52525b', 'dark400': '#71717a', 'dark500': '#a1a1aa', 'dark600': '#d4d4d8', 'dark700': '#e4e4e7', 'dark800': '#f4f4f5', 'dark900': '#fafafa', // Will keep following colors 'white': '#FFFFFF', 'black': '#000000', 'lightText': '#FFFFFF', 'darkText': '#000000', //Primary, Secondary, Tertiary 'primary50': '#dbf4ff', 'primary50_alpha_50': '#DBF4FF80', 'primary100': '#addbff', 'primary100_alpha_30': '#ADDBFF4D', 'primary100_alpha_50': '#ADDBFF80', 'primary200': '#7cc2ff', 'primary300': '#4aa9ff', 'primary400': '#1a91ff', 'primary500': '#0077e6', 'primary600': '#005db4', 'primary600_alpha_30': '#005DB44D', 'primary600_alpha_50': '#005DB480', 'primary700': '#004282', 'primary800': '#002851', 'primary900': '#000e21', 'secondary50': '#fafafa', 'secondary50_alpha_10': '#ffffff1a', 'secondary50_alpha_20': '#ffffff33', 'secondary100': '#f5f5f5', 'secondary200': '#e5e5e5', 'secondary300': '#d4d4d4', 'secondary300_alpha_70': '#d4d4d4b3', 'secondary400': '#a3a3a3', 'secondary500': '#737373', 'secondary600': '#525252', 'secondary700': '#404040', 'secondary800': '#262626', 'secondary900': '#171717', 'tertiary50': '#ecfdf5', 'tertiary100': '#d1fae5', 'tertiary200': '#a7f3d0', 'tertiary300': '#6ee7b7', 'tertiary400': '#34d399', 'tertiary500': '#10b981', 'tertiary600': '#059669', 'tertiary700': '#047857', 'tertiary800': '#065f46', 'tertiary900': '#064e3b', //Info, Warning, Danger, Error, Success 'info100': '#e0f2fe', 'info200': '#bae6fd', 'info300': '#7dd3fc', 'info400': '#38bdf8', 'info500': '#0ea5e9', 'info600': '#0284c7', 'info700': '#0369a1', 'info800': '#075985', 'info900': '#0c4a6e', 'danger50': '#fff1f2', 'danger100': '#ffe4e6', 'danger200': '#fecdd3', 'danger300': '#fda4af', 'danger400': '#fb7185', 'danger500': '#f43f5e', 'danger600': '#e11d48', 'danger700': '#be123c', 'danger800': '#9f1239', 'danger900': '#881337', 'error50': '#fef2f2', 'error100': '#fee2e2', 'error200': '#fecaca', 'error300': '#fca5a5', 'error400': '#f87171', 'error500': '#ef4444', 'error600': '#dc2626', 'error700': '#b91c1c', 'error800': '#991b1b', 'error900': '#7f1d1d', 'success50': '#f0fdf4', 'success100': '#dcfce7', 'success200': '#bbf7d0', 'success300': '#86efac', 'success400': '#4ade80', 'success500': '#22c55e', 'success600': '#16a34a', 'success700': '#15803d', 'success800': '#166534', 'success900': '#14532d', 'warning50': '#fff7ed', 'warning100': '#ffedd5', 'warning200': '#fed7aa', 'warning300': '#fdba74', 'warning400': '#fb923c', 'warning500': '#f97316', 'warning600': '#ea580c', 'warning700': '#c2410c', 'warning800': '#9a3412', 'warning900': '#7c2d12', 'muted50': '#fafafa', 'muted100': '#f5f5f5', 'muted200': '#e5e5e5', 'muted300': '#d4d4d4', 'muted400': '#a3a3a3', 'muted500': '#737373', 'muted600': '#525252', 'muted700': '#404040', 'muted800': '#262626', 'muted900': '#171717', 'textLight50': '#fafafa', 'textLight100': '#f5f5f5', 'textLight200': '#e5e5e5', 'textLight300': '#d4d4d4', 'textLight400': '#a3a3a3', 'textLight500': '#737373', 'textLight600': '#525252', 'textLight700': '#404040', 'textLight800': '#262626', 'textLight900': '#171717', 'textDark50': '#fafafa', 'textDark100': '#f5f5f5', 'textDark200': '#e5e5e5', 'textDark300': '#d4d4d4', 'textDark400': '#a3a3a3', 'textDark500': '#737373', 'textDark600': '#525252', 'textDark700': '#404040', 'textDark800': '#262626', 'textDark900': '#171717', 'borderLight50': '#fafafa', 'borderLight100': '#f5f5f5', 'borderLight200': '#e5e5e5', 'borderLight300': '#d4d4d4', 'borderLight400': '#a3a3a3', 'borderLight500': '#737373', 'borderLight600': '#525252', 'borderLight700': '#404040', 'borderLight800': '#262626', 'borderLight900': '#171717', 'borderDark50': '#fafafa', 'borderDark100': '#f5f5f5', 'borderDark200': '#e5e5e5', 'borderDark300': '#d4d4d4', 'borderDark400': '#a3a3a3', 'borderDark500': '#737373', 'borderDark600': '#525252', 'borderDark700': '#404040', 'borderDark800': '#262626', 'borderDark900': '#171717', 'backgroundLight0': '#fcfcfc', 'backgroundLight50': '#fafafa', 'backgroundLight100': '#f5f5f5', 'backgroundLight200': '#e5e5e5', 'backgroundLight300': '#d4d4d4', 'backgroundLight400': '#a3a3a3', 'backgroundLight400-alpha50': '#a3a3a380', 'backgroundLight500': '#737373', 'backgroundLight600': '#525252', 'backgroundLight700': '#404040', 'backgroundLight800': '#262626', 'backgroundLight900': '#171717', 'backgroundDark50': '#fafafa', 'backgroundDark100': '#f5f5f5', 'backgroundDark200': '#e5e5e5', 'backgroundDark300': '#d4d4d4', 'backgroundDark400': '#a3a3a3', 'backgroundDark500': '#737373', 'backgroundDark600': '#525252', 'backgroundDark700': '#404040', 'backgroundDark800': '#262626', 'backgroundDark900': '#171717', 'backgroundLightError': '#FEF1F1', 'backgroundDarkError': '#2E2020', 'backgroundLightWarning': '#FFF4EB', 'backgroundDarkWarning': '#2E231B', 'backgroundLightSuccess': '#EDFCF2', 'backgroundDarkSuccess': '#1C2B21', 'backgroundLightInfo': '#EBF8FE', 'backgroundDarkInfo': '#1A282E', 'backgroundLightMuted': '#F6F6F7', 'backgroundDarkMuted': '#252526', }, space: { 'px': '1px', '0': 0, '0.5': 2, '1': 4, '1.5': 6, '2': 8, '2.5': 10, '3': 12, '3.5': 14, '4': 16, '4.5': 18, '5': 20, '6': 24, '7': 28, '8': 32, '9': 36, '10': 40, '11': 44, '12': 48, '16': 64, '20': 80, '24': 96, '32': 128, '40': 160, '48': 192, '56': 224, '64': 256, '72': 288, '80': 320, '96': 384, '1/2': '50%', '1/3': '33.333%', '2/3': '66.666%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666%', '2/6': '33.333%', '3/6': '50%', '4/6': '66.666%', '5/6': '83.333%', 'full': '100%', }, borderWidths: { '0': 0, '1': '1px', '2': '2px', '4': '4px', '8': '8px', }, radii: { 'none': 0, 'xs': 2, 'sm': 4, 'md': 6, 'lg': 8, 'xl': 12, '2xl': 16, '3xl': 24, 'full': 9999, }, breakpoints: { base: 0, sm: 480, md: 768, lg: 992, lgxl: 1100, xl: 1280, xxl: 1441, }, mediaQueries: { base: '@media screen and (min-width: 0)', sm: '@media screen and (min-width: 480px)', md: '@media screen and (min-width: 768px)', lg: '@media screen and (min-width: 992px)', lgxl: '@media screen and (min-width: 1100px)', xl: '@media screen and (min-width: 1280px)', xxl: '@media screen and (min-width: 1441px)', }, letterSpacings: { 'xs': '-0.05em', 'sm': '-0.025em', 'md': 0, 'lg': '0.025em', 'xl': '0.05em', '2xl': '0.1em', }, lineHeights: { '2xs': '16px', 'xs': '18px', 'sm': '22px', 'md': '24px', 'lg': '28px', 'xl': '30px', '2xl': '36px', '3xl': '46px', '4xl': '54px', '5xl': '72px', '6xl': '90px', '7xl': '108px', '8xl': '144px', '9xl': '144px', }, fontWeights: { hairline: '100', thin: '200', light: '300', normal: 400, medium: '500', semibold: '600', bold: '700', extrabold: '800', black: '900', extraBlack: '950', }, fonts: { heading: 'Plus Jakarta Sans, sans-serif', body: 'Inter, sans-serif', mono: 'monospace', // body400: }, fontSizes: { '2xs': 10, 'xs': 12, 'sm': 14, 'md': 16, 'lg': 18, 'xl': 20, '2xl': 24, '3xl': 30, '4xl': 36, '5xl': 48, '6xl': 60, '7xl': 72, '8xl': 96, '9xl': 128, }, }, themes: { ...v2Config.themes, }, globalStyle: { variants: {}, }, plugins: [new AnimationResolver(MotionAnimationDriver)], components: uiConfig.components, } as const); type ConfigType = typeof config; declare module '@gluestack-style/react' { interface ICustomConfig extends ConfigType {} }