braid-ui 1.0.97 → 1.0.99

package/src/styles-only.css

@@ -1,121 +0,0 @@
-/* 
- * Braid UI - CSS Variables Only
- * 
- * This file contains ONLY the CSS variable definitions without Tailwind directives.
- * Use this if you want to import just the variables without Tailwind base styles.
- * 
- * Import this in your CSS file:
- * @import 'braid-ui/styles-only';
- * 
- * Make sure you also have Tailwind configured properly (see INTEGRATION.md)
- */
-
-/* Definition of the design system. All colors, gradients, fonts, etc should be defined here. 
-All colors MUST be HSL.
-*/
-
-:root {
-  --background: 240 10% 98%;
-  --foreground: 240 10% 8%;
-
-  --card: 0 0% 100%;
-  --card-foreground: 240 10% 8%;
-
-  --popover: 0 0% 100%;
-  --popover-foreground: 240 10% 8%;
-
-  --primary: 204 100% 54%;
-  --primary-foreground: 0 0% 100%;
-  --primary-glow: 204 100% 64%;
-
-  --secondary: 240 5% 96%;
-  --secondary-foreground: 240 6% 10%;
-
-  --muted: 240 5% 96%;
-  --muted-foreground: 240 4% 60%;
-
-  --accent: 240 5% 96%;
-  --accent-foreground: 240 6% 10%;
-
-  --destructive: 0 84% 60%;
-  --destructive-foreground: 0 0% 98%;
-
-  --border: 240 6% 90%;
-  --input: 240 6% 90%;
-  --ring: 204 100% 54%;
-
-  --success: 142 76% 36%;
-  --success-foreground: 0 0% 98%;
-
-  --warning: 38 92% 50%;
-  --warning-foreground: 0 0% 98%;
-
-  /* Form-specific colors */
-  --form-background: 0 0% 100%;
-  --form-border: 240 6% 88%;
-  --form-border-focus: 204 100% 54%;
-  --form-border-error: 0 84% 60%;
-  --form-border-success: 142 76% 36%;
-
-  /* Gradients */
-  --gradient-primary: linear-gradient(135deg, hsl(204 100% 54%), hsl(204 100% 64%));
-  --gradient-subtle: linear-gradient(180deg, hsl(240 10% 98%), hsl(240 5% 96%));
-
-  /* Shadows */
-  --shadow-form: 0 1px 3px 0 hsl(240 5% 84% / 0.12), 0 1px 2px 0 hsl(240 5% 84% / 0.24);
-  --shadow-form-focus: 0 0 0 3px hsl(204 100% 54% / 0.12);
-  --shadow-form-error: 0 0 0 3px hsl(0 84% 60% / 0.12);
-
-  /* Animations */
-  --transition-form: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-
-  --radius: 0.5rem;
-
-  --sidebar-background: 0 0% 98%;
-  --sidebar-foreground: 240 5.3% 26.1%;
-  --sidebar-primary: 240 5.9% 10%;
-  --sidebar-primary-foreground: 0 0% 98%;
-  --sidebar-accent: 240 4.8% 95.9%;
-  --sidebar-accent-foreground: 240 5.9% 10%;
-  --sidebar-border: 220 13% 91%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-}
-
-.dark {
-  --background: 222.2 84% 4.9%;
-  --foreground: 210 40% 98%;
-
-  --card: 222.2 84% 4.9%;
-  --card-foreground: 210 40% 98%;
-
-  --popover: 222.2 84% 4.9%;
-  --popover-foreground: 210 40% 98%;
-
-  --primary: 210 40% 98%;
-  --primary-foreground: 222.2 47.4% 11.2%;
-
-  --secondary: 217.2 32.6% 17.5%;
-  --secondary-foreground: 210 40% 98%;
-
-  --muted: 217.2 32.6% 17.5%;
-  --muted-foreground: 215 20.2% 65.1%;
-
-  --accent: 217.2 32.6% 17.5%;
-  --accent-foreground: 210 40% 98%;
-
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 210 40% 98%;
-
-  --border: 217.2 32.6% 17.5%;
-  --input: 217.2 32.6% 17.5%;
-  --ring: 212.7 26.8% 83.9%;
-  --sidebar-background: 240 5.9% 10%;
-  --sidebar-foreground: 240 4.8% 95.9%;
-  --sidebar-primary: 224.3 76.3% 48%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 3.7% 15.9%;
-  --sidebar-accent-foreground: 240 4.8% 95.9%;
-  --sidebar-border: 240 3.7% 15.9%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-}
-