@vectramindnpm/unified-design-system 0.2.3 → 0.2.4

package/dist/index.d.cts

@@ -318,8 +318,22 @@ 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" | "ghost" | "primary" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
+    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "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;
@@ -359,6 +373,7 @@ interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElemen
     actionColor?: ActionColor;
     tooltipText?: string;
     showTooltip?: boolean;
+    label?: string;
 }
 declare const ButtonIcon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -518,6 +533,7 @@ interface FormFieldProps {
     hint?: string;
     children: React__default.ReactNode;
     className?: string;
+    id?: string;
 }
 /**
  * Reusable form field wrapper — consistent label, field, and error layout.
@@ -650,6 +666,8 @@ interface TabProps extends VariantProps<typeof tabVariants> {
     className?: string;
     disabled?: boolean;
     onClick?: () => void;
+    id?: string;
+    panelId?: string;
 }
 declare const Tab: React$1.ForwardRefExoticComponent<TabProps & React$1.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -318,8 +318,22 @@ 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" | "ghost" | "primary" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
+    variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "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;
@@ -359,6 +373,7 @@ interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElemen
     actionColor?: ActionColor;
     tooltipText?: string;
     showTooltip?: boolean;
+    label?: string;
 }
 declare const ButtonIcon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -518,6 +533,7 @@ interface FormFieldProps {
     hint?: string;
     children: React__default.ReactNode;
     className?: string;
+    id?: string;
 }
 /**
  * Reusable form field wrapper — consistent label, field, and error layout.
@@ -650,6 +666,8 @@ interface TabProps extends VariantProps<typeof tabVariants> {
     className?: string;
     disabled?: boolean;
     onClick?: () => void;
+    id?: string;
+    panelId?: string;
 }
 declare const Tab: React$1.ForwardRefExoticComponent<TabProps & React$1.RefAttributes<HTMLDivElement>>;