@vectramindnpm/unified-design-system 0.2.7 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -334,7 +334,7 @@ declare function Badge({ className, variant, style, dot, children, ...props }: B
334
334
  */
335
335
  declare const buttonVariants: (props?: ({
336
336
  variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
337
- size?: "sm" | "lg" | "default" | "icon" | "iconLg" | null | undefined;
337
+ size?: "sm" | "lg" | "pill" | "default" | "icon" | "iconLg" | null | undefined;
338
338
  shape?: "pill" | "default" | null | undefined;
339
339
  selected?: boolean | null | undefined;
340
340
  } & class_variance_authority_types.ClassProp) | undefined) => string;
package/dist/index.d.ts CHANGED
@@ -334,7 +334,7 @@ declare function Badge({ className, variant, style, dot, children, ...props }: B
334
334
  */
335
335
  declare const buttonVariants: (props?: ({
336
336
  variant?: "link" | "secondary" | "destructive" | "outline" | "cancel" | "close" | "primary" | "ghost" | "borderPrimary" | "deptedit" | "submenu" | "save" | "formButtonSubmit" | "formButtonCancel" | "formButtonBack" | null | undefined;
337
- size?: "sm" | "lg" | "default" | "icon" | "iconLg" | null | undefined;
337
+ size?: "sm" | "lg" | "pill" | "default" | "icon" | "iconLg" | null | undefined;
338
338
  shape?: "pill" | "default" | null | undefined;
339
339
  selected?: boolean | null | undefined;
340
340
  } & class_variance_authority_types.ClassProp) | undefined) => string;
package/dist/index.js CHANGED
@@ -647,7 +647,8 @@ var buttonVariants = cva2(
647
647
  sm: "",
648
648
  lg: "",
649
649
  icon: "",
650
- iconLg: ""
650
+ iconLg: "",
651
+ pill: ""
651
652
  },
652
653
  shape: {
653
654
  default: "",
@@ -666,7 +667,7 @@ var buttonVariants = cva2(
666
667
  }
667
668
  );
668
669
  var variantClasses = {
669
- primary: "bg-interactive-brand text-white hover:bg-interactive-brand-hover",
670
+ primary: "bg-[var(--color-brand-blue)] text-white hover:opacity-[0.88] rounded-lg disabled:border-none",
670
671
  secondary: "bg-neutral-white border border-[var(--btn-secondary-color)] text-[var(--btn-secondary-color)] hover:bg-popover",
671
672
  destructive: "bg-destructive text-destructive-foreground hover:brightness-95",
672
673
  outline: "bg-transparent border border-border-default text-foreground hover:bg-popover",
@@ -703,14 +704,17 @@ var sizeClasses = {
703
704
  sm: "h-8 px-3 py-2 rounded-md",
704
705
  lg: "h-10 px-8 py-2 text-lg rounded-lg",
705
706
  icon: "p-[0.5rem] rounded-lg",
706
- iconLg: "h-9 w-9 p-0"
707
+ iconLg: "h-9 w-9 p-0",
708
+ // Compact filter-chip sizing. Paired with shape="pill" it uses pillSizeClasses.pill instead.
709
+ pill: "px-[1.375rem] py-[0.1875rem]"
707
710
  };
708
711
  var pillSizeClasses = {
709
712
  default: "px-3.5 py-2 text-[0.8125rem]",
710
713
  sm: "px-3 py-1 text-[0.75rem]",
711
714
  lg: "px-4 py-2 text-[0.9375rem]",
712
715
  icon: "h-10 w-10 p-0",
713
- iconLg: "h-12 w-12 p-0"
716
+ iconLg: "h-12 w-12 p-0",
717
+ pill: "px-[0.8rem] py-[0.12rem] text-[0.75rem]"
714
718
  };
715
719
  var pillUnselected = "bg-neutral-white border border-neutral-350 text-neutral-600 hover:border-interactive-brand hover:text-interactive-brand";
716
720
  var pillSelected = "bg-[var(--pill-selected-bg)] border border-interactive-brand text-interactive-brand";