@vectramindnpm/unified-design-system 0.2.1 → 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";
@@ -2838,7 +2839,7 @@ import * as React27 from "react";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var CARD_TEXT_LIMIT = 20;
 var TruncatedText = ({ text, maxLength, className, viewMode = "grid" /* GRID */ }) => {
-  maxLength = viewMode === "list" /* LIST */ ? maxLength : CARD_TEXT_LIMIT;
+  maxLength = maxLength ? maxLength : viewMode === "list" /* LIST */ ? void 0 : CARD_TEXT_LIMIT;
   if (maxLength === void 0) {
     return /* @__PURE__ */ jsx27(TruncatedTextByWidth, { text, className });
   }
@@ -2846,7 +2847,7 @@ var TruncatedText = ({ text, maxLength, className, viewMode = "grid" /* GRID */
     return /* @__PURE__ */ jsx27("span", { className: cn("cursor-default", className), children: text || "" });
   }
   return /* @__PURE__ */ jsxs17(Tooltip, { children: [
-    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17("span", { children: [
+    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17("span", { className: cn("block w-full truncate", className), children: [
       text.slice(0, maxLength),
       "\u2026"
     ] }) }),
@@ -2878,7 +2879,7 @@ var TruncatedTextByWidth = ({ text, className }) => {
   }
   const textSpan = /* @__PURE__ */ jsx27("span", { ref, className: cn("block w-full truncate", className), children: text });
   return /* @__PURE__ */ jsxs17(Tooltip, { children: [
-    /* @__PURE__ */ jsx27(TooltipTrigger, { className: "min-w-0 w-full", children: textSpan }),
+    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, className: "min-w-0 w-full", children: textSpan }),
     isOverflowing && /* @__PURE__ */ jsx27(
       TooltipContent,
       {