@vectramindnpm/unified-design-system 0.2.2 → 0.2.3

package/dist/index.d.cts

@@ -318,22 +318,8 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
 }
 declare function Badge({ className, variant, style, dot, children, ...props }: BadgeProps): React$1.JSX.Element;
 
-/**
- * Button's variant surface is six semantic colors × five sizes × two shapes, all
- * independently composable — plus a small set of named "preset" variants
- * (cancel/save/close, formButtonSubmit/Cancel/Back, borderPrimary, deptedit, submenu)
- * that restore fixed page-context styling (sizing + a specific color skin) as a single
- * prop, instead of every call site repeating the same `className` string. See
- * `PRESET_BASE`/`PRESET_OVERRIDE` below for exactly what each one renders. `pill` isn't
- * in this list - it's a `shape`, not a variant (`shape="pill"`, combinable with any
- * variant above).
- *
- * `refreshIcon`/`selectedIcon` were dropped entirely rather than folded in: an icon-only
- * refresh/selected button already has a proper home in `ButtonIcon` (`variant="refresh"`),
- * so Button doesn't need to duplicate that.
- */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
+    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "ghost" | "primary" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | "iconLg" | null | undefined;
     shape?: "pill" | "default" | null | undefined;
     selected?: boolean | null | undefined;

package/dist/index.d.ts

@@ -318,22 +318,8 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
 }
 declare function Badge({ className, variant, style, dot, children, ...props }: BadgeProps): React$1.JSX.Element;
 
-/**
- * Button's variant surface is six semantic colors × five sizes × two shapes, all
- * independently composable — plus a small set of named "preset" variants
- * (cancel/save/close, formButtonSubmit/Cancel/Back, borderPrimary, deptedit, submenu)
- * that restore fixed page-context styling (sizing + a specific color skin) as a single
- * prop, instead of every call site repeating the same `className` string. See
- * `PRESET_BASE`/`PRESET_OVERRIDE` below for exactly what each one renders. `pill` isn't
- * in this list - it's a `shape`, not a variant (`shape="pill"`, combinable with any
- * variant above).
- *
- * `refreshIcon`/`selectedIcon` were dropped entirely rather than folded in: an icon-only
- * refresh/selected button already has a proper home in `ButtonIcon` (`variant="refresh"`),
- * so Button doesn't need to duplicate that.
- */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
+    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "ghost" | "primary" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | "iconLg" | null | undefined;
     shape?: "pill" | "default" | null | undefined;
     selected?: boolean | null | undefined;

package/dist/index.js

@@ -620,6 +620,7 @@ TooltipContent.displayName = "TooltipContent";
 // src/components/ui/button.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var { color: color3 } = semanticTokens_default;
+var DEFAULT_VARIANT = "ghost";
 var buttonVariants = cva2(
   "",
   {
@@ -659,7 +660,7 @@ var buttonVariants = cva2(
       }
     },
     defaultVariants: {
-      variant: "primary",
+      variant: DEFAULT_VARIANT,
       size: "default",
       shape: "default"
     }
@@ -718,7 +719,7 @@ var pillDisabled = "opacity-50 cursor-not-allowed";
 var selectedGradient = "border border-interactive-brand bg-gradient-to-r from-[var(--color-button-selected-gradient-start)] via-[var(--color-button-selected-gradient-mid)] to-interactive-brand text-white font-extrabold";
 var Button = React4.forwardRef(
   ({ className, variant, size, shape, asChild = false, children, style, selected, tooltipText, ...props }, ref) => {
-    const finalVariant = variant ?? "primary";
+    const finalVariant = variant ?? DEFAULT_VARIANT;
     const finalSize = size ?? "default";
     const isPill = shape === "pill";
     const isLink = finalVariant === "link";