diff --git a/src/context/ThemeContext.jsx b/src/context/ThemeContext.jsx index 6eb090e..2c0f78f 100644 --- a/src/context/ThemeContext.jsx +++ b/src/context/ThemeContext.jsx @@ -21,7 +21,7 @@ const useTheme = () => { if (context === undefined) { throw new Error('useTheme must be used within a ThemeProvider') - }; + } return context }; diff --git a/src/context/classOptions.js b/src/context/classOptions.js deleted file mode 100644 index 360215f..0000000 --- a/src/context/classOptions.js +++ /dev/null @@ -1,68 +0,0 @@ -export const buttonColorOptions = { - primary: 'bg-primary text-primary-text hover:bg-primary-700', - secondary: 'bg-secondary-200 text-secondary-text hover:bg-secondary-100 border border-light dark:bg-secondary-text dark:text-secondary-200 dark:hover:bg-slate-800 dark:border-dark', - tertiary: 'bg-tertiary-500 text-white hover:bg-tertiary-600 dark:bg-tertiary-text dark:text-tertiary dark:border dark:border-tertiary dark:hover:text-tertiary-300 dark:hover:border-tertiary-300', - neutral: 'bg-white text-neutral-700 border border-neutral-700 hover:bg-neutral-50 dark:bg-neutral-800 dark:hover:bg-neutral-900 dark:border-neutral-800 dark:text-white', - success: 'bg-success text-success-text hover:bg-[#DCFCE7]', -}; - -export const surfaceColorOptions = { - primary: 'bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700', - secondary: 'bg-secondary-50 dark:bg-gray-900 border border-light dark:border-dark', - tertiary: 'bg-white dark:bg-tertiary-text border border-tertiary-200 dark:border-tertiary', - neutral: 'bg-neutral-50 dark:bg-neutral-900 border border-neutral-700 dark:border-neutral-800' -}; - -export const childSurfaceColorOptions = { - primary: 'bg-gray-50 border-t-gray-200 dark:bg-gray-700/30 dark:border-t-white/5 dark:shadow-gray-800', - secondary: 'bg-white border-t-light/35 dark:bg-gray-800/65 dark:border-t-gray-900/65', - tertiary: 'bg-gray-50 border-t-gray-200 dark:bg-neutral-900 dark:border-t-neutral-950/50 dark:shadow-neutral-800/10', - neutral: 'bg-white border-t-neutral-200 dark:bg-neutral-800 dark:border-t-neutral-900/50 dark:shadow-neutral-900/10' -}; - -export const textOptions = { - primary: 'text-gray-700 dark:text-gray-300', - secondary: 'text-secondary-text dark:text-secondary-50', - tertiary: 'text-tertiary-text dark:text-white', - neutral: 'text-zinc-800 dark:text-neutral-50' -}; - -export const radiusOptions = { - round: 'rounded-md', - sharp: 'rounded-none', - full: 'rounded-full' -}; - -export const sizeOptions = { - responsive: 'flex-1 flex-shrink-0', - normal: 'min-w-24', - wide: 'min-w-80', - full: 'w-full min-w-full' -}; -export const avatarSurfaceColorOptions = { - primary: 'bg-primary hover:bg-primary-700', - secondary: 'bg-secondary-200 border-2 border-light hover:bg-secondary-100 dark:bg-gray-900 dark:hover:bg-slate-800 dark:border-dark', - tertiary: 'bg-tertiary-500 hover:bg-tertiary-600 dark:bg-tertiary-text dark:border-2 dark:border-tertiary dark:hover:border-tertiary-300', - neutral: 'bg-white border-2 border-neutral-700 hover:bg-neutral-50 dark:bg-neutral-800 dark:hover:bg-neutral-900 dark:border-neutral-800' -}; - -export const avatarSizeOptions = { - sm: 'size-8 text-sm', - md: 'size-10 text-base', - lg: 'size-12 text-lg', - xl: 'size-14 text-xl', - '2xl': 'size-16 text-2xl', - '4xl': 'size-24 text-4xl', -}; - -export const avatarTextOptions = { - primary: 'text-white dark:text-white', - secondary: 'text-secondary-text dark:text-secondary-50', - tertiary: 'text-white dark:text-tertiary dark:hover:text-tertiary-300', - neutral: 'text-neutral-700 dark:text-white' -} - -export const loadingOptions = { - "three-quarter": 'inline-block after:content-[" "] after:block after:size-6 after:border-white after:border-b-transparent after:border-[4px] after:rounded-[50%] after:border-solid after:animate-spin', - "three-quarter-dark": 'inline-block after:content-[" "] after:block after:size-6 after:border-dark dark:after:border-white after:border-b-transparent dark:after:border-b-transparent after:border-[4px] after:rounded-[50%] after:border-solid after:animate-spin' -}; \ No newline at end of file