@snapcall/design-system 1.21.2 → 1.22.0-beta.1

package/dist/tailwind.config.js

@@ -1,449 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-
-module.exports = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  darkMode: ['selector', '.dark-theme'],
-  theme: {
-    fontSize: {
-      xs: [
-        '12px',
-        {
-          lineHeight: '16px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      sm: [
-        '14px',
-        {
-          lineHeight: '20px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      md: [
-        '16px',
-        {
-          lineHeight: '20px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      lg: [
-        '18px',
-        {
-          lineHeight: '22px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      xl: [
-        '20px',
-        {
-          lineHeight: '24px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '2xl': [
-        '24px',
-        {
-          lineHeight: '32px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '3xl': [
-        '30px',
-        {
-          lineHeight: '38px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '4xl': [
-        '36px',
-        {
-          lineHeight: '44px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '5xl': [
-        '48px',
-        {
-          lineHeight: '60px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '6xl': [
-        '60px',
-        {
-          lineHeight: '72px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-      '7xl': [
-        '72px',
-        {
-          lineHeight: '90px',
-          letterSpacing: '-0.02em',
-        },
-      ],
-    },
-    colors: {
-      inherit: 'inherit',
-      current: 'currentColor',
-      transparent: 'transparent',
-      black: 'rgb(var(--color-black) / <alpha-value>)',
-      white: 'rgb(var(--color-white) / <alpha-value>)',
-      gray: {
-        25: 'rgb(var(--color-gray-25) / <alpha-value>)',
-        50: 'rgb(var(--color-gray-50) / <alpha-value>)',
-        100: 'rgb(var(--color-gray-100) / <alpha-value>)',
-        200: 'rgb(var(--color-gray-200) / <alpha-value>)',
-        300: 'rgb(var(--color-gray-300) / <alpha-value>)',
-        400: 'rgb(var(--color-gray-400) / <alpha-value>)',
-        500: 'rgb(var(--color-gray-500) / <alpha-value>)',
-        600: 'rgb(var(--color-gray-600) / <alpha-value>)',
-        700: 'rgb(var(--color-gray-700) / <alpha-value>)',
-        800: 'rgb(var(--color-gray-800) / <alpha-value>)',
-        900: 'rgb(var(--color-gray-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-gray-1000) / <alpha-value>)',
-      },
-      blue: {
-        25: 'rgb(var(--color-blue-25) / <alpha-value>)',
-        50: 'rgb(var(--color-blue-50) / <alpha-value>)',
-        100: 'rgb(var(--color-blue-100) / <alpha-value>)',
-        200: 'rgb(var(--color-blue-200) / <alpha-value>)',
-        300: 'rgb(var(--color-blue-300) / <alpha-value>)',
-        400: 'rgb(var(--color-blue-400) / <alpha-value>)',
-        500: 'rgb(var(--color-blue-500) / <alpha-value>)',
-        600: 'rgb(var(--color-blue-600) / <alpha-value>)',
-        700: 'rgb(var(--color-blue-700) / <alpha-value>)',
-        800: 'rgb(var(--color-blue-800) / <alpha-value>)',
-        900: 'rgb(var(--color-blue-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-blue-1000) / <alpha-value>)',
-      },
-      red: {
-        25: 'rgb(var(--color-red-25) / <alpha-value>)',
-        50: 'rgb(var(--color-red-50) / <alpha-value>)',
-        100: 'rgb(var(--color-red-100) / <alpha-value>)',
-        200: 'rgb(var(--color-red-200) / <alpha-value>)',
-        300: 'rgb(var(--color-red-300) / <alpha-value>)',
-        400: 'rgb(var(--color-red-400) / <alpha-value>)',
-        500: 'rgb(var(--color-red-500) / <alpha-value>)',
-        600: 'rgb(var(--color-red-600) / <alpha-value>)',
-        700: 'rgb(var(--color-red-700) / <alpha-value>)',
-        800: 'rgb(var(--color-red-800) / <alpha-value>)',
-        900: 'rgb(var(--color-red-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-red-1000) / <alpha-value>)',
-      },
-      amber: {
-        25: 'rgb(var(--color-amber-25) / <alpha-value>)',
-        50: 'rgb(var(--color-amber-50) / <alpha-value>)',
-        100: 'rgb(var(--color-amber-100) / <alpha-value>)',
-        200: 'rgb(var(--color-amber-200) / <alpha-value>)',
-        300: 'rgb(var(--color-amber-300) / <alpha-value>)',
-        400: 'rgb(var(--color-amber-400) / <alpha-value>)',
-        500: 'rgb(var(--color-amber-500) / <alpha-value>)',
-        600: 'rgb(var(--color-amber-600) / <alpha-value>)',
-        700: 'rgb(var(--color-amber-700) / <alpha-value>)',
-        800: 'rgb(var(--color-amber-800) / <alpha-value>)',
-        900: 'rgb(var(--color-amber-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-amber-1000) / <alpha-value>)',
-      },
-      green: {
-        25: 'rgb(var(--color-green-25) / <alpha-value>)',
-        50: 'rgb(var(--color-green-50) / <alpha-value>)',
-        100: 'rgb(var(--color-green-100) / <alpha-value>)',
-        200: 'rgb(var(--color-green-200) / <alpha-value>)',
-        300: 'rgb(var(--color-green-300) / <alpha-value>)',
-        400: 'rgb(var(--color-green-400) / <alpha-value>)',
-        500: 'rgb(var(--color-green-500) / <alpha-value>)',
-        600: 'rgb(var(--color-green-600) / <alpha-value>)',
-        700: 'rgb(var(--color-green-700) / <alpha-value>)',
-        800: 'rgb(var(--color-green-800) / <alpha-value>)',
-        900: 'rgb(var(--color-green-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-green-1000) / <alpha-value>)',
-      },
-      tomato: {
-        25: 'rgb(var(--color-tomato-25) / <alpha-value>)',
-        50: 'rgb(var(--color-tomato-50) / <alpha-value>)',
-        100: 'rgb(var(--color-tomato-100) / <alpha-value>)',
-        200: 'rgb(var(--color-tomato-200) / <alpha-value>)',
-        300: 'rgb(var(--color-tomato-300) / <alpha-value>)',
-        400: 'rgb(var(--color-tomato-400) / <alpha-value>)',
-        500: 'rgb(var(--color-tomato-500) / <alpha-value>)',
-        600: 'rgb(var(--color-tomato-600) / <alpha-value>)',
-        700: 'rgb(var(--color-tomato-700) / <alpha-value>)',
-        800: 'rgb(var(--color-tomato-800) / <alpha-value>)',
-        900: 'rgb(var(--color-tomato-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-tomato-1000) / <alpha-value>)',
-      },
-      crimson: {
-        25: 'rgb(var(--color-crimson-25) / <alpha-value>)',
-        50: 'rgb(var(--color-crimson-50) / <alpha-value>)',
-        100: 'rgb(var(--color-crimson-100) / <alpha-value>)',
-        200: 'rgb(var(--color-crimson-200) / <alpha-value>)',
-        300: 'rgb(var(--color-crimson-300) / <alpha-value>)',
-        400: 'rgb(var(--color-crimson-400) / <alpha-value>)',
-        500: 'rgb(var(--color-crimson-500) / <alpha-value>)',
-        600: 'rgb(var(--color-crimson-600) / <alpha-value>)',
-        700: 'rgb(var(--color-crimson-700) / <alpha-value>)',
-        800: 'rgb(var(--color-crimson-800) / <alpha-value>)',
-        900: 'rgb(var(--color-crimson-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-crimson-1000) / <alpha-value>)',
-      },
-      pink: {
-        25: 'rgb(var(--color-pink-25) / <alpha-value>)',
-        50: 'rgb(var(--color-pink-50) / <alpha-value>)',
-        100: 'rgb(var(--color-pink-100) / <alpha-value>)',
-        200: 'rgb(var(--color-pink-200) / <alpha-value>)',
-        300: 'rgb(var(--color-pink-300) / <alpha-value>)',
-        400: 'rgb(var(--color-pink-400) / <alpha-value>)',
-        500: 'rgb(var(--color-pink-500) / <alpha-value>)',
-        600: 'rgb(var(--color-pink-600) / <alpha-value>)',
-        700: 'rgb(var(--color-pink-700) / <alpha-value>)',
-        800: 'rgb(var(--color-pink-800) / <alpha-value>)',
-        900: 'rgb(var(--color-pink-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-pink-1000) / <alpha-value>)',
-      },
-      plum: {
-        25: 'rgb(var(--color-plum-25) / <alpha-value>)',
-        50: 'rgb(var(--color-plum-50) / <alpha-value>)',
-        100: 'rgb(var(--color-plum-100) / <alpha-value>)',
-        200: 'rgb(var(--color-plum-200) / <alpha-value>)',
-        300: 'rgb(var(--color-plum-300) / <alpha-value>)',
-        400: 'rgb(var(--color-plum-400) / <alpha-value>)',
-        500: 'rgb(var(--color-plum-500) / <alpha-value>)',
-        600: 'rgb(var(--color-plum-600) / <alpha-value>)',
-        700: 'rgb(var(--color-plum-700) / <alpha-value>)',
-        800: 'rgb(var(--color-plum-800) / <alpha-value>)',
-        900: 'rgb(var(--color-plum-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-plum-1000) / <alpha-value>)',
-      },
-      purple: {
-        25: 'rgb(var(--color-purple-25) / <alpha-value>)',
-        50: 'rgb(var(--color-purple-50) / <alpha-value>)',
-        100: 'rgb(var(--color-purple-100) / <alpha-value>)',
-        200: 'rgb(var(--color-purple-200) / <alpha-value>)',
-        300: 'rgb(var(--color-purple-300) / <alpha-value>)',
-        400: 'rgb(var(--color-purple-400) / <alpha-value>)',
-        500: 'rgb(var(--color-purple-500) / <alpha-value>)',
-        600: 'rgb(var(--color-purple-600) / <alpha-value>)',
-        700: 'rgb(var(--color-purple-700) / <alpha-value>)',
-        800: 'rgb(var(--color-purple-800) / <alpha-value>)',
-        900: 'rgb(var(--color-purple-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-purple-1000) / <alpha-value>)',
-      },
-      violet: {
-        25: 'rgb(var(--color-violet-25) / <alpha-value>)',
-        50: 'rgb(var(--color-violet-50) / <alpha-value>)',
-        100: 'rgb(var(--color-violet-100) / <alpha-value>)',
-        200: 'rgb(var(--color-violet-200) / <alpha-value>)',
-        300: 'rgb(var(--color-violet-300) / <alpha-value>)',
-        400: 'rgb(var(--color-violet-400) / <alpha-value>)',
-        500: 'rgb(var(--color-violet-500) / <alpha-value>)',
-        600: 'rgb(var(--color-violet-600) / <alpha-value>)',
-        700: 'rgb(var(--color-violet-700) / <alpha-value>)',
-        800: 'rgb(var(--color-violet-800) / <alpha-value>)',
-        900: 'rgb(var(--color-violet-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-violet-1000) / <alpha-value>)',
-      },
-      indigo: {
-        25: 'rgb(var(--color-indigo-25) / <alpha-value>)',
-        50: 'rgb(var(--color-indigo-50) / <alpha-value>)',
-        100: 'rgb(var(--color-indigo-100) / <alpha-value>)',
-        200: 'rgb(var(--color-indigo-200) / <alpha-value>)',
-        300: 'rgb(var(--color-indigo-300) / <alpha-value>)',
-        400: 'rgb(var(--color-indigo-400) / <alpha-value>)',
-        500: 'rgb(var(--color-indigo-500) / <alpha-value>)',
-        600: 'rgb(var(--color-indigo-600) / <alpha-value>)',
-        700: 'rgb(var(--color-indigo-700) / <alpha-value>)',
-        800: 'rgb(var(--color-indigo-800) / <alpha-value>)',
-        900: 'rgb(var(--color-indigo-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-indigo-1000) / <alpha-value>)',
-      },
-      cyan: {
-        25: 'rgb(var(--color-cyan-25) / <alpha-value>)',
-        50: 'rgb(var(--color-cyan-50) / <alpha-value>)',
-        100: 'rgb(var(--color-cyan-100) / <alpha-value>)',
-        200: 'rgb(var(--color-cyan-200) / <alpha-value>)',
-        300: 'rgb(var(--color-cyan-300) / <alpha-value>)',
-        400: 'rgb(var(--color-cyan-400) / <alpha-value>)',
-        500: 'rgb(var(--color-cyan-500) / <alpha-value>)',
-        600: 'rgb(var(--color-cyan-600) / <alpha-value>)',
-        700: 'rgb(var(--color-cyan-700) / <alpha-value>)',
-        800: 'rgb(var(--color-cyan-800) / <alpha-value>)',
-        900: 'rgb(var(--color-cyan-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-cyan-1000) / <alpha-value>)',
-      },
-      teal: {
-        25: 'rgb(var(--color-teal-25) / <alpha-value>)',
-        50: 'rgb(var(--color-teal-50) / <alpha-value>)',
-        100: 'rgb(var(--color-teal-100) / <alpha-value>)',
-        200: 'rgb(var(--color-teal-200) / <alpha-value>)',
-        300: 'rgb(var(--color-teal-300) / <alpha-value>)',
-        400: 'rgb(var(--color-teal-400) / <alpha-value>)',
-        500: 'rgb(var(--color-teal-500) / <alpha-value>)',
-        600: 'rgb(var(--color-teal-600) / <alpha-value>)',
-        700: 'rgb(var(--color-teal-700) / <alpha-value>)',
-        800: 'rgb(var(--color-teal-800) / <alpha-value>)',
-        900: 'rgb(var(--color-teal-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-teal-1000) / <alpha-value>)',
-      },
-      grass: {
-        25: 'rgb(var(--color-grass-25) / <alpha-value>)',
-        50: 'rgb(var(--color-grass-50) / <alpha-value>)',
-        100: 'rgb(var(--color-grass-100) / <alpha-value>)',
-        200: 'rgb(var(--color-grass-200) / <alpha-value>)',
-        300: 'rgb(var(--color-grass-300) / <alpha-value>)',
-        400: 'rgb(var(--color-grass-400) / <alpha-value>)',
-        500: 'rgb(var(--color-grass-500) / <alpha-value>)',
-        600: 'rgb(var(--color-grass-600) / <alpha-value>)',
-        700: 'rgb(var(--color-grass-700) / <alpha-value>)',
-        800: 'rgb(var(--color-grass-800) / <alpha-value>)',
-        900: 'rgb(var(--color-grass-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-grass-1000) / <alpha-value>)',
-      },
-      brown: {
-        25: 'rgb(var(--color-brown-25) / <alpha-value>)',
-        50: 'rgb(var(--color-brown-50) / <alpha-value>)',
-        100: 'rgb(var(--color-brown-100) / <alpha-value>)',
-        200: 'rgb(var(--color-brown-200) / <alpha-value>)',
-        300: 'rgb(var(--color-brown-300) / <alpha-value>)',
-        400: 'rgb(var(--color-brown-400) / <alpha-value>)',
-        500: 'rgb(var(--color-brown-500) / <alpha-value>)',
-        600: 'rgb(var(--color-brown-600) / <alpha-value>)',
-        700: 'rgb(var(--color-brown-700) / <alpha-value>)',
-        800: 'rgb(var(--color-brown-800) / <alpha-value>)',
-        900: 'rgb(var(--color-brown-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-brown-1000) / <alpha-value>)',
-      },
-      orange: {
-        25: 'rgb(var(--color-orange-25) / <alpha-value>)',
-        50: 'rgb(var(--color-orange-50) / <alpha-value>)',
-        100: 'rgb(var(--color-orange-100) / <alpha-value>)',
-        200: 'rgb(var(--color-orange-200) / <alpha-value>)',
-        300: 'rgb(var(--color-orange-300) / <alpha-value>)',
-        400: 'rgb(var(--color-orange-400) / <alpha-value>)',
-        500: 'rgb(var(--color-orange-500) / <alpha-value>)',
-        600: 'rgb(var(--color-orange-600) / <alpha-value>)',
-        700: 'rgb(var(--color-orange-700) / <alpha-value>)',
-        800: 'rgb(var(--color-orange-800) / <alpha-value>)',
-        900: 'rgb(var(--color-orange-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-orange-1000) / <alpha-value>)',
-      },
-      sky: {
-        25: 'rgb(var(--color-sky-25) / <alpha-value>)',
-        50: 'rgb(var(--color-sky-50) / <alpha-value>)',
-        100: 'rgb(var(--color-sky-100) / <alpha-value>)',
-        200: 'rgb(var(--color-sky-200) / <alpha-value>)',
-        300: 'rgb(var(--color-sky-300) / <alpha-value>)',
-        400: 'rgb(var(--color-sky-400) / <alpha-value>)',
-        500: 'rgb(var(--color-sky-500) / <alpha-value>)',
-        600: 'rgb(var(--color-sky-600) / <alpha-value>)',
-        700: 'rgb(var(--color-sky-700) / <alpha-value>)',
-        800: 'rgb(var(--color-sky-800) / <alpha-value>)',
-        900: 'rgb(var(--color-sky-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-sky-1000) / <alpha-value>)',
-      },
-      mint: {
-        25: 'rgb(var(--color-mint-25) / <alpha-value>)',
-        50: 'rgb(var(--color-mint-50) / <alpha-value>)',
-        100: 'rgb(var(--color-mint-100) / <alpha-value>)',
-        200: 'rgb(var(--color-mint-200) / <alpha-value>)',
-        300: 'rgb(var(--color-mint-300) / <alpha-value>)',
-        400: 'rgb(var(--color-mint-400) / <alpha-value>)',
-        500: 'rgb(var(--color-mint-500) / <alpha-value>)',
-        600: 'rgb(var(--color-mint-600) / <alpha-value>)',
-        700: 'rgb(var(--color-mint-700) / <alpha-value>)',
-        800: 'rgb(var(--color-mint-800) / <alpha-value>)',
-        900: 'rgb(var(--color-mint-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-mint-1000) / <alpha-value>)',
-      },
-      lime: {
-        25: 'rgb(var(--color-lime-25) / <alpha-value>)',
-        50: 'rgb(var(--color-lime-50) / <alpha-value>)',
-        100: 'rgb(var(--color-lime-100) / <alpha-value>)',
-        200: 'rgb(var(--color-lime-200) / <alpha-value>)',
-        300: 'rgb(var(--color-lime-300) / <alpha-value>)',
-        400: 'rgb(var(--color-lime-400) / <alpha-value>)',
-        500: 'rgb(var(--color-lime-500) / <alpha-value>)',
-        600: 'rgb(var(--color-lime-600) / <alpha-value>)',
-        700: 'rgb(var(--color-lime-700) / <alpha-value>)',
-        800: 'rgb(var(--color-lime-800) / <alpha-value>)',
-        900: 'rgb(var(--color-lime-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-lime-1000) / <alpha-value>)',
-      },
-      yellow: {
-        25: 'rgb(var(--color-yellow-25) / <alpha-value>)',
-        50: 'rgb(var(--color-yellow-50) / <alpha-value>)',
-        100: 'rgb(var(--color-yellow-100) / <alpha-value>)',
-        200: 'rgb(var(--color-yellow-200) / <alpha-value>)',
-        300: 'rgb(var(--color-yellow-300) / <alpha-value>)',
-        400: 'rgb(var(--color-yellow-400) / <alpha-value>)',
-        500: 'rgb(var(--color-yellow-500) / <alpha-value>)',
-        600: 'rgb(var(--color-yellow-600) / <alpha-value>)',
-        700: 'rgb(var(--color-yellow-700) / <alpha-value>)',
-        800: 'rgb(var(--color-yellow-800) / <alpha-value>)',
-        900: 'rgb(var(--color-yellow-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-yellow-1000) / <alpha-value>)',
-      },
-      gold: {
-        25: 'rgb(var(--color-gold-25) / <alpha-value>)',
-        50: 'rgb(var(--color-gold-50) / <alpha-value>)',
-        100: 'rgb(var(--color-gold-100) / <alpha-value>)',
-        200: 'rgb(var(--color-gold-200) / <alpha-value>)',
-        300: 'rgb(var(--color-gold-300) / <alpha-value>)',
-        400: 'rgb(var(--color-gold-400) / <alpha-value>)',
-        500: 'rgb(var(--color-gold-500) / <alpha-value>)',
-        600: 'rgb(var(--color-gold-600) / <alpha-value>)',
-        700: 'rgb(var(--color-gold-700) / <alpha-value>)',
-        800: 'rgb(var(--color-gold-800) / <alpha-value>)',
-        900: 'rgb(var(--color-gold-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-gold-1000) / <alpha-value>)',
-      },
-      bronze: {
-        25: 'rgb(var(--color-bronze-25) / <alpha-value>)',
-        50: 'rgb(var(--color-bronze-50) / <alpha-value>)',
-        100: 'rgb(var(--color-bronze-100) / <alpha-value>)',
-        200: 'rgb(var(--color-bronze-200) / <alpha-value>)',
-        300: 'rgb(var(--color-bronze-300) / <alpha-value>)',
-        400: 'rgb(var(--color-bronze-400) / <alpha-value>)',
-        500: 'rgb(var(--color-bronze-500) / <alpha-value>)',
-        600: 'rgb(var(--color-bronze-600) / <alpha-value>)',
-        700: 'rgb(var(--color-bronze-700) / <alpha-value>)',
-        800: 'rgb(var(--color-bronze-800) / <alpha-value>)',
-        900: 'rgb(var(--color-bronze-900) / <alpha-value>)',
-        1000: 'rgb(var(--color-bronze-1000) / <alpha-value>)',
-      },
-    },
-    extend: {
-      boxShadow: {
-        input:
-          '0 1px 2px rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(var(--tw-shadow-color), 0.5)',
-        'dropdown-sm':
-          '0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);',
-      },
-      keyframes: {
-        'fade-in': {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        'fade-out': {
-          '0%': { opacity: '1' },
-          '100%': { opacity: '0' },
-        },
-        'accordion-down': {
-          from: { height: 0 },
-          to: { height: 'var(--radix-accordion-content-height)' },
-        },
-        'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: 0 },
-        },
-      },
-      animation: {
-        'fade-in': 'fade-in .5s ease forwards',
-        'fade-out': 'fade-out .5s ease forwards',
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out',
-      },
-    },
-  },
-  plugins: [require('tailwindcss-animate')],
-};