@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.cjs
CHANGED
|
@@ -765,7 +765,8 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
|
|
|
765
765
|
sm: "",
|
|
766
766
|
lg: "",
|
|
767
767
|
icon: "",
|
|
768
|
-
iconLg: ""
|
|
768
|
+
iconLg: "",
|
|
769
|
+
pill: ""
|
|
769
770
|
},
|
|
770
771
|
shape: {
|
|
771
772
|
default: "",
|
|
@@ -784,7 +785,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
|
|
|
784
785
|
}
|
|
785
786
|
);
|
|
786
787
|
var variantClasses = {
|
|
787
|
-
primary: "bg-
|
|
788
|
+
primary: "bg-[var(--color-brand-blue)] text-white hover:opacity-[0.88] rounded-lg disabled:border-none",
|
|
788
789
|
secondary: "bg-neutral-white border border-[var(--btn-secondary-color)] text-[var(--btn-secondary-color)] hover:bg-popover",
|
|
789
790
|
destructive: "bg-destructive text-destructive-foreground hover:brightness-95",
|
|
790
791
|
outline: "bg-transparent border border-border-default text-foreground hover:bg-popover",
|
|
@@ -821,14 +822,17 @@ var sizeClasses = {
|
|
|
821
822
|
sm: "h-8 px-3 py-2 rounded-md",
|
|
822
823
|
lg: "h-10 px-8 py-2 text-lg rounded-lg",
|
|
823
824
|
icon: "p-[0.5rem] rounded-lg",
|
|
824
|
-
iconLg: "h-9 w-9 p-0"
|
|
825
|
+
iconLg: "h-9 w-9 p-0",
|
|
826
|
+
// Compact filter-chip sizing. Paired with shape="pill" it uses pillSizeClasses.pill instead.
|
|
827
|
+
pill: "px-[1.375rem] py-[0.1875rem]"
|
|
825
828
|
};
|
|
826
829
|
var pillSizeClasses = {
|
|
827
830
|
default: "px-3.5 py-2 text-[0.8125rem]",
|
|
828
831
|
sm: "px-3 py-1 text-[0.75rem]",
|
|
829
832
|
lg: "px-4 py-2 text-[0.9375rem]",
|
|
830
833
|
icon: "h-10 w-10 p-0",
|
|
831
|
-
iconLg: "h-12 w-12 p-0"
|
|
834
|
+
iconLg: "h-12 w-12 p-0",
|
|
835
|
+
pill: "px-[0.8rem] py-[0.12rem] text-[0.75rem]"
|
|
832
836
|
};
|
|
833
837
|
var pillUnselected = "bg-neutral-white border border-neutral-350 text-neutral-600 hover:border-interactive-brand hover:text-interactive-brand";
|
|
834
838
|
var pillSelected = "bg-[var(--pill-selected-bg)] border border-interactive-brand text-interactive-brand";
|