@machinemetrics/mm-react-components 0.2.3-0 → 0.2.3-10

package/tailwind.config.export.js

@@ -1,153 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    './src/**/*.{js,ts,jsx,tsx}',
-    './node_modules/@machinemetrics/mm-react-components/dist/**/*.{js,ts,jsx,tsx}',
-  ],
-  theme: {
-    extend: {
-      colors: {
-        background: 'var(--background)',
-        foreground: 'var(--foreground)',
-        card: 'var(--card)',
-        'card-foreground': 'var(--card-foreground)',
-        popover: 'var(--popover)',
-        'popover-foreground': 'var(--popover-foreground)',
-        primary: 'var(--primary)',
-        'primary-foreground': 'var(--primary-foreground)',
-        secondary: 'var(--secondary)',
-        'secondary-foreground': 'var(--secondary-foreground)',
-        muted: 'var(--muted)',
-        'muted-foreground': 'var(--muted-foreground)',
-        accent: 'var(--accent)',
-        'accent-foreground': 'var(--accent-foreground)',
-        destructive: 'var(--destructive)',
-        'destructive-foreground': 'var(--destructive-foreground)',
-        border: 'var(--border)',
-        input: 'var(--input)',
-        'bg-input': 'var(--bg-input)',
-        'border-input': 'var(--border-input)',
-        ring: 'var(--ring)',
-        // Chart colors for data visualization
-        'chart-1': 'var(--chart-1)',
-        'chart-2': 'var(--chart-2)',
-        'chart-3': 'var(--chart-3)',
-        'chart-4': 'var(--chart-4)',
-        'chart-5': 'var(--chart-5)',
-        // Sidebar colors
-        sidebar: 'var(--sidebar)',
-        'sidebar-foreground': 'var(--sidebar-foreground)',
-        'sidebar-primary': 'var(--sidebar-primary)',
-        'sidebar-primary-foreground': 'var(--sidebar-primary-foreground)',
-        'sidebar-accent': 'var(--sidebar-accent)',
-        'sidebar-accent-foreground': 'var(--sidebar-accent-foreground)',
-        'sidebar-border': 'var(--sidebar-border)',
-        'sidebar-ring': 'var(--sidebar-ring)',
-      },
-      borderRadius: {
-        sm: 'var(--radius-sm)',
-        md: 'var(--radius-md)',
-        lg: 'var(--radius-lg)',
-        xl: 'var(--radius-xl)',
-      },
-      fontFamily: {
-        sans: [
-          'Noto Sans',
-          'Inter',
-          'ui-sans-serif',
-          'system-ui',
-          '-apple-system',
-          'BlinkMacSystemFont',
-          'Segoe UI',
-          'Roboto',
-          'Helvetica Neue',
-          'Arial',
-          'sans-serif',
-          'Apple Color Emoji',
-          'Segoe UI Emoji',
-          'Segoe UI Symbol',
-          'Noto Color Emoji',
-        ],
-        mono: [
-          'Inconsolata',
-          'ui-monospace',
-          'SFMono-Regular',
-          'Menlo',
-          'Monaco',
-          'Consolas',
-          'Liberation Mono',
-          'Courier New',
-          'monospace',
-        ],
-      },
-      fontWeight: {
-        normal: '400',
-        medium: '500',
-        semibold: '600',
-        bold: 'var(--font-weight-bold)',
-      },
-      // Custom variants for component preview interface
-      spacing: {
-        sidebar: '16rem', // 256px for sidebar width
-      },
-      // Animation utilities for smooth transitions
-      animation: {
-        'fade-in': 'fadeIn 0.2s ease-in-out',
-        'slide-in': 'slideIn 0.3s ease-out',
-      },
-      keyframes: {
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        slideIn: {
-          '0%': { transform: 'translateX(-10px)', opacity: '0' },
-          '100%': { transform: 'translateX(0)', opacity: '1' },
-        },
-      },
-    },
-  },
-  plugins: [
-    // Custom plugin for component preview interface
-    function ({ addUtilities }) {
-      const newUtilities = {
-        '.preview-sidebar': {
-          width: '16rem',
-          minHeight: '100vh',
-          backgroundColor: 'var(--muted)',
-          borderRight: '1px solid var(--border)',
-          padding: '1rem',
-        },
-        '.preview-main': {
-          flex: '1',
-          minWidth: '0',
-          padding: '2rem',
-        },
-        '.preview-card': {
-          backgroundColor: 'var(--card)',
-          border: '1px solid var(--border)',
-          borderRadius: 'var(--radius-lg)',
-          padding: '1.5rem',
-        },
-        '.preview-nav-item': {
-          width: '100%',
-          textAlign: 'left',
-          padding: '0.75rem',
-          borderRadius: '0.375rem',
-          fontSize: '0.875rem',
-          fontWeight: '500',
-          transition: 'colors 0.2s ease-in-out',
-          '&:hover': {
-            backgroundColor: 'var(--muted)',
-            color: 'var(--foreground)',
-          },
-          '&.active': {
-            backgroundColor: 'var(--primary)',
-            color: 'var(--primary-foreground)',
-          },
-        },
-      };
-      addUtilities(newUtilities);
-    },
-  ],
-};