@catalystsoftware/ui 1.0.5 → 1.0.7

package/data/tailwind.config.js

@@ -1,270 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-	darkMode: ["class"],
-	content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
-	theme: {
-    	extend: {
-    		fontFamily: {
-    			sans: [
-    				'Inter',
-    				'ui-sans-serif',
-    				'system-ui',
-    				'sans-serif',
-    				'Apple Color Emoji',
-    				'Segoe UI Emoji',
-    				'Segoe UI Symbol',
-    				'Noto Color Emoji'
-    			]
-    		},
-    		borderRadius: {
-    			lg: 'var(--radius)',
-    			md: 'calc(var(--radius) - 2px)',
-    			sm: 'calc(var(--radius) - 4px)'
-    		},
-    		colors: {
-    			border: 'hsl(var(--border))',
-    			input: 'hsl(var(--input))',
-    			ring: 'hsl(var(--ring))',
-    			background: {
-    				DEFAULT: 'hsl(var(--background))',
-    				secondary: 'hsl(var(--background-secondary))'
-    			},
-    			foreground: 'hsl(var(--foreground))',
-    			primary: {
-    				DEFAULT: 'hsl(var(--primary))',
-    				foreground: 'hsl(var(--primary-foreground))'
-    			},
-    			secondary: {
-    				DEFAULT: 'hsl(var(--secondary))',
-    				foreground: 'hsl(var(--secondary-foreground))'
-    			},
-    			destructive: {
-    				DEFAULT: 'hsl(var(--destructive))',
-    				foreground: 'hsl(var(--destructive-foreground))'
-    			},
-    			muted: {
-    				DEFAULT: 'hsl(var(--muted))',
-    				foreground: 'hsl(var(--muted-foreground))'
-    			},
-    			accent: {
-    				DEFAULT: 'hsl(var(--accent))',
-    				foreground: 'hsl(var(--accent-foreground))'
-    			},
-    			popover: {
-    				DEFAULT: 'hsl(var(--popover))',
-    				foreground: 'hsl(var(--popover-foreground))'
-    			},
-    			card: {
-    				DEFAULT: 'hsl(var(--card))',
-    				foreground: 'hsl(var(--card-foreground))'
-    			},
-    			sidebar: {
-    				DEFAULT: 'hsl(var(--sidebar))',
-    				foreground: 'hsl(var(--sidebar-foreground))',
-    				primary: 'hsl(var(--sidebar-primary))',
-    				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-    				accent: 'hsl(var(--sidebar-accent))',
-    				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-    				border: 'hsl(var(--sidebar-border))',
-    				ring: 'hsl(var(--sidebar-ring))'
-    			},
-    			chart: {
-    				'1': 'hsl(var(--chart-1))',
-    				'2': 'hsl(var(--chart-2))',
-    				'3': 'hsl(var(--chart-3))',
-    				'4': 'hsl(var(--chart-4))',
-    				'5': 'hsl(var(--chart-5))'
-    			},
-    			special: {
-    				DEFAULT: 'hsl(var(--special))',
-    				'muted-background': 'hsl(var(--special-muted-background))',
-    				border: 'hsl(var(--special-border))',
-    				foreground: 'hsl(var(--special-foreground))',
-    				'muted-foreground': 'hsl(var(--special-muted-foreground))'
-    			}
-    		},
-    		backgroundColor: {
-    			background: 'hsl(var(--background))'
-    		},
-    		keyframes: {
-    			'accordion-down': {
-    				from: {
-    					height: '0'
-    				},
-    				to: {
-    					height: 'var(--radix-accordion-content-height)'
-    				}
-    			},
-    			'accordion-up': {
-    				from: {
-    					height: 'var(--radix-accordion-content-height)'
-    				},
-    				to: {
-    					height: '0'
-    				}
-    			},
-    			'caret-blink': {
-    				'0%,70%,100%': {
-    					opacity: '1'
-    				},
-    				'20%,50%': {
-    					opacity: '0'
-    				}
-    			},
-    			float: {
-    				'0%, 100%': {
-    					transform: 'translateY(0px) scale(1)'
-    				},
-    				'50%': {
-    					transform: 'translateY(-20px) scale(1.05)'
-    				}
-    			},
-    			'pulse-glow': {
-    				'0%, 100%': {
-    					opacity: '0.3',
-    					transform: 'scale(1)'
-    				},
-    				'50%': {
-    					opacity: '0.6',
-    					transform: 'scale(1.1)'
-    				}
-    			},
-    			shimmer: {
-    				'0%': {
-    					backgroundPosition: '-200% 0'
-    				},
-    				'100%': {
-    					backgroundPosition: '200% 0'
-    				}
-    			},
-    			'spin-slow': {
-    				'0%': {
-    					transform: 'rotate(0deg)'
-    				},
-    				'100%': {
-    					transform: 'rotate(360deg)'
-    				}
-    			},
-    			'spin-slower': {
-    				'0%': {
-    					transform: 'rotate(0deg)'
-    				},
-    				'100%': {
-    					transform: 'rotate(-360deg)'
-    				}
-    			},
-    			'matrix-fade': {
-    				'0%, 100%': {
-    					opacity: '0'
-    				},
-    				'50%': {
-    					opacity: '1'
-    				}
-    			},
-    			click: {
-    				'0%, 100%': {
-    					transform: 'scale(1)'
-    				},
-    				'50%': {
-    					transform: 'scale(0.95)'
-    				}
-    			},
-    			move: {
-    				'0%': {
-    					transform: 'translateX(-200px)'
-    				},
-    				'100%': {
-    					transform: 'translateX(200px)'
-    				}
-    			},
-    			shine: {
-    				'0%': {
-    					backgroundPosition: '200% 0'
-    				},
-    				'25%': {
-    					backgroundPosition: '-200% 0'
-    				},
-    				'100%': {
-    					backgroundPosition: '-200% 0'
-    				}
-    			},
-    			gradientFlow: {
-    				'0%': {
-    					backgroundPosition: '0% 50%'
-    				},
-    				'50%': {
-    					backgroundPosition: '100% 50%'
-    				},
-    				'100%': {
-    					backgroundPosition: '0% 50%'
-    				}
-    			}
-    		},
-    		animation: {
-    			'accordion-down': 'accordion-down 0.2s ease-out',
-    			'accordion-up': 'accordion-up 0.2s ease-out',
-    			'caret-blink': 'caret-blink 1.25s ease-out infinite',
-    			float: 'float 6s ease-in-out infinite',
-    			'pulse-glow': 'pulse-glow 4s ease-in-out infinite',
-    			shimmer: 'shimmer 2s infinite',
-    			'spin-slow': 'spin-slow 3s linear infinite',
-    			'spin-slower': 'spin-slower 6s linear infinite',
-    			matrix: 'matrix-fade 0.5s ease-in-out infinite',
-    			click: 'click 0.3s ease-in-out',
-    			shine: 'shine 3s ease-out infinite',
-    			'gradient-flow': 'gradientFlow 10s ease 0s infinite normal none running',
-    			move: 'move 5s linear infinite'
-    		},
-    		typography: {
-    			DEFAULT: {
-    				css: {
-    					h1: {
-    						fontSize: '1.875rem',
-    						fontWeight: '700',
-    						lineHeight: '1.25',
-    						letterSpacing: '-0.025em',
-    						textAlign: 'center',
-    						'@media (min-width: 1024px)': {
-    							lineHeight: '1.1'
-    						}
-    					},
-    					h2: {
-    						marginTop: '0.75rem',
-    						color: 'hsl(var(--muted-foreground))',
-    						fontWeight: '300',
-    						textAlign: 'center'
-    					},
-    					h3: {
-    						fontWeight: '600',
-    						marginBottom: '1rem',
-    						marginTop: '1rem'
-    					},
-    					h4: {
-    						fontSize: '1.25rem',
-    						fontWeight: '600',
-    						marginBottom: '0.75rem',
-    						marginTop: '0.75rem'
-    					},
-    					h5: {
-    						fontSize: '1.125rem',
-    						fontWeight: '500',
-    						marginBottom: '0.5rem',
-    						marginTop: '0.5rem'
-    					},
-    					p: {
-    						textWrap: 'balance',
-    						fontWeight: '300',
-    						color: 'hsl(var(--foreground))',
-    						fontSize: '0.875rem'
-    					}
-    				}
-    			}
-    		}
-    	}
-    },
-	plugins: [
-		require("tailwindcss-animate"),
-		require("@tailwindcss/typography")
-	]
-} satisfies Config;