@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.cjs +8 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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-
|
|
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";
|