@catalystsoftware/ui 1.0.4 → 1.0.5

package/dist/data/tailwind.config.js

@@ -0,0 +1,270 @@
+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;