@machinemetrics/mm-react-components 0.2.3-29 → 0.2.3-30

package/dist/mm-react-components.es.js

@@ -3542,10 +3542,8 @@ const Input = React.forwardRef(
       {
         ref,
         type,
-        className: cn$1(
-          "flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
+        "data-slot": "input",
+        className,
         readOnly: onChange == null && defaultValue2 == null ? true : readOnly,
         onChange,
         defaultValue: defaultValue2,
@@ -5294,9 +5292,10 @@ const badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-transparent bg-[var(--indigo-200)] text-[var(--grey-700)] dark:bg-[var(--indigo-700)] dark:text-[var(--grey-00)] [a&]:hover:bg-[var(--indigo-300)] dark:[a&]:hover:bg-[var(--indigo-600)]",
+        // Base variant classes - Carbide colors applied via carbide.css
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-[var(--red-200)] text-[var(--grey-700)] dark:bg-[var(--red-700)] dark:text-[var(--grey-00)] [a&]:hover:bg-[var(--red-300)] dark:[a&]:hover:bg-[var(--red-600)] focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
@@ -5312,6 +5311,7 @@ const Badge = React.forwardRef(({ className, variant, asChild = false, ...props
     {
       ref,
       "data-slot": "badge",
+      "data-variant": variant,
       className: cn$1(badgeVariants({ variant }), className),
       ...props
     }
@@ -42324,8 +42324,9 @@ const alertVariants = cva(
       variant: {
         default: "bg-card text-card-foreground",
         destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-        success: "text-green-600 bg-card border-green-200 [&>svg]:text-current *:data-[slot=alert-description]:text-green-600/90",
-        warning: "text-yellow-600 bg-card border-yellow-200 [&>svg]:text-current *:data-[slot=alert-description]:text-yellow-600/90"
+        // Custom variants - styling handled by carbide.css via data-variant
+        success: "bg-card",
+        warning: "bg-card"
       }
     },
     defaultVariants: {
@@ -42339,6 +42340,7 @@ const Alert = React.forwardRef(({ className, variant, ...props }, ref) => {
     {
       ref,
       "data-slot": "alert",
+      "data-variant": variant,
       role: "alert",
       className: cn$1(alertVariants({ variant }), className),
       ...props