chore: removed variant from navbargeneric

Author: hussedev

src/components/Navbar/components/NavbarGeneric.stories.tsx

@@ -17,14 +17,6 @@ const meta = {
         defaultValue: { summary: "sticky" },
       },
     },
-    variant: {
-      control: "radio",
-      options: ["default"],
-      description: "Visual variant of the navbar",
-      table: {
-        defaultValue: { summary: "default" },
-      },
-    },
   },
 } satisfies Meta<typeof NavbarGeneric>;
 

src/components/Navbar/components/NavbarGeneric.tsx

@@ -9,20 +9,16 @@ import { cn } from "@/lib";
 import { filterAndSortChildren } from "../utils/filterAndSortChildren";
 
 const navbarVariants = tv({
-  base: "flex h-16 w-full items-center justify-between px-20 py-2.5",
+  base: "flex h-16 w-full items-center justify-between bg-white/[0.03] px-20 py-2.5 backdrop-blur-[22px]",
   variants: {
     behavior: {
       static: "",
       sticky: "sticky top-0 z-50",
       fixed: "fixed left-0 right-0 top-0 z-50",
     },
-    variant: {
-      default: "bg-navbar shadow-navbar backdrop-blur-navbar",
-    },
   },
   defaultVariants: {
     behavior: "sticky",
-    variant: "default",
   },
 });
 
@@ -33,13 +29,11 @@ export interface NavbarGenericProps
   children?: React.ReactNode;
   /** Position of the navbar: static, sticky, or fixed */
   behavior?: "static" | "sticky" | "fixed";
-  /** Visual variant of the navbar */
-  variant?: "default";
 }
 
 export const NavbarGeneric = React.forwardRef<HTMLElement, NavbarGenericProps>(
-  ({ className, behavior, variant, children, ...props }, ref) => {
-    const navbarStyle = navbarVariants({ behavior, variant });
+  ({ className, behavior, children, ...props }, ref) => {
+    const navbarStyle = navbarVariants({ behavior });
     const filteredChildren = filterAndSortChildren(children);
     return (
       <nav ref={ref} className={cn(navbarStyle, className)} {...props}>

tailwind.config.ts

@@ -10,9 +10,6 @@ export default withTV({
   theme: {
     colors,
     extend: {
-      backgroundColor: {
-        navbar: "bg-white/[0.03]",
-      },
       borderWidth: {
         "1.5": "1.5px",
       },
@@ -36,9 +33,6 @@ export default withTV({
         toast:
           "0px 24px 94px 0px rgba(0, 0, 0, 0.17), 0px 7.235px 28.338px 0px rgba(0, 0, 0, 0.11), 0px 3.005px 11.77px 0px rgba(0, 0, 0, 0.09), 0px 1.087px 4.257px 0px rgba(0, 0, 0, 0.06)",
       },
-      backdropBlur: {
-        navbar: "22px",
-      },
       fontFamily: {
         "ui-mono": ["DM Mono", "serif"],
         "ui-sans": ["DM Sans", "sans-serif"],