@loafmarkets/ui 0.1.7 → 0.1.8

package/dist/index.d.mts

@@ -5,9 +5,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    variant?: "primary" | "onboarding" | "onboardingOutline" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-    radius?: "md" | "pill" | null | undefined;
+    radius?: "md" | "pill" | "square" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.d.ts

@@ -5,9 +5,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    variant?: "primary" | "onboarding" | "onboardingOutline" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-    radius?: "md" | "pill" | null | undefined;
+    radius?: "md" | "pill" | "square" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.js

@@ -39,6 +39,8 @@ var buttonVariants = classVarianceAuthority.cva(
     variants: {
       variant: {
         primary: "bg-teal-500 text-slate-950 hover:bg-teal-400 focus-visible:ring-teal-200",
+        onboarding: "rounded-lg bg-[#F2D898] text-[#0A0C15] shadow-[0_20px_60px_rgba(242,216,152,0.35)] transition will-change-transform hover:-translate-y-0.5 hover:brightness-110 focus-visible:ring-[#F2D898]/50 focus-visible:ring-offset-[#0A0C15]",
+        onboardingOutline: "rounded-lg border border-[#F2D898] bg-transparent text-white hover:bg-white/5 focus-visible:ring-[#F2D898]/50 focus-visible:ring-offset-[#0A0C15]",
         accent: "bg-[var(--color-accent,#e6c87e)] text-black hover:bg-[var(--color-accent-hover,#f8d12f)] focus-visible:ring-[var(--color-accent,#e6c87e)]",
         accentOutline: "border border-[var(--color-accent,#e6c87e)] bg-transparent text-[var(--color-accent,#e6c87e)] hover:bg-[rgba(230,200,126,0.10)] focus-visible:ring-[var(--color-accent,#e6c87e)]",
         media: "border border-white/10 bg-transparent text-white/90 hover:bg-white/5 hover:border-[var(--color-accent,#e6c87e)] hover:text-[var(--color-accent,#e6c87e)] focus-visible:ring-[var(--color-accent,#e6c87e)]",
@@ -54,7 +56,8 @@ var buttonVariants = classVarianceAuthority.cva(
       },
       radius: {
         pill: "rounded-full",
-        md: "rounded"
+        md: "rounded",
+        square: "rounded-lg"
       }
     },
     defaultVariants: {
@@ -67,11 +70,12 @@ var buttonVariants = classVarianceAuthority.cva(
 var Button = o__namespace.forwardRef(
   ({ className, variant, size, radius, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
+    const coercedRadius = radius ?? (variant === "onboarding" || variant === "onboardingOutline" ? "square" : void 0);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         ref,
-        className: cn(buttonVariants({ variant, size, radius }), className),
+        className: cn(buttonVariants({ variant, size, radius: coercedRadius }), className),
         ...props
       }
     );