@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/dist/index.mjs
CHANGED
|
@@ -2522,7 +2522,7 @@ var tabsListVariants = cva(
|
|
|
2522
2522
|
true: "w-full"
|
|
2523
2523
|
},
|
|
2524
2524
|
scrollable: {
|
|
2525
|
-
true: "overflow-x-auto overflow-y-hidden flex-nowrap hide-scrollbar snap-x snap-mandatory",
|
|
2525
|
+
true: "overflow-x-auto overflow-y-hidden flex-nowrap hide-scrollbar snap-x snap-mandatory px-4",
|
|
2526
2526
|
false: "flex-wrap"
|
|
2527
2527
|
}
|
|
2528
2528
|
},
|
|
@@ -2534,14 +2534,16 @@ var tabsListVariants = cva(
|
|
|
2534
2534
|
}
|
|
2535
2535
|
}
|
|
2536
2536
|
);
|
|
2537
|
-
var TabsList = t.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) =>
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2537
|
+
var TabsList = t.forwardRef(({ className, variant, orientation, fullWidth, scrollable, ...props }, ref) => {
|
|
2538
|
+
return /* @__PURE__ */ jsx(
|
|
2539
|
+
TabsPrimitive.List,
|
|
2540
|
+
{
|
|
2541
|
+
ref,
|
|
2542
|
+
className: cn("moonui-theme", tabsListVariants({ variant, orientation, fullWidth, scrollable, className })),
|
|
2543
|
+
...props
|
|
2544
|
+
}
|
|
2545
|
+
);
|
|
2546
|
+
});
|
|
2545
2547
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
2546
2548
|
var tabsTriggerVariants = cva(
|
|
2547
2549
|
"inline-flex items-center justify-center whitespace-nowrap flex-shrink-0 font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
@@ -2550,7 +2552,7 @@ var tabsTriggerVariants = cva(
|
|
|
2550
2552
|
variant: {
|
|
2551
2553
|
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",
|
|
2552
2554
|
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",
|
|
2553
|
-
pills: "rounded-full bg-
|
|
2555
|
+
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",
|
|
2554
2556
|
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",
|
|
2555
2557
|
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"
|
|
2556
2558
|
},
|