@camped-ui/tabs - npm Package Compare versions

Comparing version 2.1.0 to 3.0.0

dist/index.js

@@ -47,3 +47,3 @@ "use client";
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, Object.assign({ ref: ref, className: (0, lib_1.cn)("inline-flex items-center justify-center rounded-md bg-slate-100 p-1 dark:bg-slate-800", className) }, props)));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, Object.assign({ ref: ref, className: (0, lib_1.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className) }, props)));
 });
@@ -54,3 +54,3 @@ exports.TabsList = TabsList;
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, Object.assign({ className: (0, lib_1.cn)("inline-flex min-w-[100px] items-center justify-center rounded-[0.185rem] px-3 py-1.5  text-sm font-medium text-slate-700 transition-all  disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-slate-900 data-[state=active]:shadow-sm dark:text-slate-200 dark:data-[state=active]:bg-slate-900", className) }, props, { ref: ref })));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, Object.assign({ ref: ref, className: (0, lib_1.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className) }, props)));
 });
@@ -61,3 +61,3 @@ exports.TabsTrigger = TabsTrigger;
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, Object.assign({ className: (0, lib_1.cn)("mt-2 rounded-md border border-slate-200 p-6 dark:border-slate-700", className) }, props, { ref: ref })));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, Object.assign({ ref: ref, className: (0, lib_1.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className) }, props)));
 });
@@ -64,0 +64,0 @@ exports.TabsContent = TabsContent;

package.json

 {
   "name": "@camped-ui/tabs",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

7400

increased by1.41%

No dependency changes