@moontra/moonui 2.4.8 → 2.4.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.global.js +29 -37
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +12 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/tabs.tsx +12 -9
package/package.json
CHANGED
|
@@ -50,7 +50,7 @@ const tabsListVariants = cva(
|
|
|
50
50
|
true: "w-full"
|
|
51
51
|
},
|
|
52
52
|
scrollable: {
|
|
53
|
-
true: "overflow-x-auto overflow-y-hidden flex-nowrap hide-scrollbar snap-x snap-mandatory",
|
|
53
|
+
true: "overflow-x-auto overflow-y-hidden flex-nowrap hide-scrollbar snap-x snap-mandatory px-4",
|
|
54
54
|
false: "flex-wrap"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
@@ -75,13 +75,16 @@ interface TabsListProps
|
|
|
75
75
|
const TabsList = React.forwardRef<
|
|
76
76
|
React.ElementRef<typeof TabsPrimitive.List>,
|
|
77
77
|
TabsListProps
|
|
78
|
-
>(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) =>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
78
|
+
>(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
|
|
79
|
+
// scrollable prop'unu DOM'a geçirmemek için destructure ediyoruz
|
|
80
|
+
return (
|
|
81
|
+
<TabsPrimitive.List
|
|
82
|
+
ref={ref}
|
|
83
|
+
className={cn("moonui-theme", tabsListVariants({ variant, orientation, fullWidth, scrollable, className }))}
|
|
84
|
+
{...props}
|
|
85
|
+
/>
|
|
86
|
+
);
|
|
87
|
+
});
|
|
85
88
|
|
|
86
89
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
87
90
|
|
|
@@ -95,7 +98,7 @@ const tabsTriggerVariants = cva(
|
|
|
95
98
|
variant: {
|
|
96
99
|
default: "rounded-md data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/10",
|
|
97
100
|
underline: "rounded-none border-b-2 border-transparent pb-2 data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground dark:data-[state=active]:border-primary/80 dark:data-[state=active]:text-gray-100",
|
|
98
|
-
pills: "rounded-full bg-
|
|
101
|
+
pills: "rounded-full bg-gray-100 hover:bg-gray-200/80 border border-gray-300 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:border-primary dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-700 dark:data-[state=active]:bg-primary/90 dark:data-[state=active]:text-white dark:data-[state=active]:border-primary",
|
|
99
102
|
cards: "rounded-md bg-muted/50 hover:bg-muted data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-md dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/20",
|
|
100
103
|
minimal: "rounded-sm bg-transparent hover:bg-muted/30 data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:underline data-[state=active]:underline-offset-4 dark:hover:bg-gray-800/30 dark:data-[state=active]:text-gray-200",
|
|
101
104
|
},
|