@ziadshalaby/ngx-zs-component 3.2.21 → 3.2.22

package/index.d.ts

@@ -478,7 +478,7 @@ declare class Navbar {
     readonly moreNavItems: Signal<NavbarItem[]>;
     readonly mobileNavItems: Signal<NavbarItem[]>;
     readonly getUserMenuItems: Signal<NavbarItem[]>;
-    readonly desktopVisibilityClass: Signal<"zs:xs:flex" | "zs:sm:flex" | "zs:md:flex" | "zs:lg:flex" | "zs:xl:flex" | "">;
+    readonly desktopVisibilityClass: Signal<"" | "zs:xs:flex" | "zs:sm:flex" | "zs:md:flex" | "zs:lg:flex" | "zs:xl:flex">;
     readonly desktopVisibilityClassBlock: Signal<"" | "zs:xs:block" | "zs:sm:block" | "zs:md:block" | "zs:lg:block" | "zs:xl:block">;
     readonly desktopHiddenClass: Signal<"" | "zs:xs:hidden" | "zs:sm:hidden" | "zs:md:hidden" | "zs:lg:hidden" | "zs:xl:hidden">;
     private toNavbarItem;

package/output.css

@@ -673,8 +673,8 @@
   .zs\:w-64 {
     width: calc(var(--zs-spacing) * 64);
   }
-  .zs\:w-\[75vw\] {
-    width: 75vw;
+  .zs\:w-\[80vw\] {
+    width: 80vw;
   }
   .zs\:w-auto {
     width: auto;
@@ -2602,9 +2602,9 @@
       height: calc(var(--zs-spacing) * 10);
     }
   }
-  .zs\:sm\:w-\[55vw\] {
+  .zs\:sm\:w-\[65vw\] {
     @media (width >= 40rem) {
-      width: 55vw;
+      width: 65vw;
     }
   }
   .zs\:sm\:gap-x-6 {
@@ -2675,9 +2675,9 @@
       display: none;
     }
   }
-  .zs\:lg\:w-\[25vw\] {
+  .zs\:lg\:w-\[28vw\] {
     @media (width >= 64rem) {
-      width: 25vw;
+      width: 28vw;
     }
   }
   .zs\:lg\:gap-x-10 {
@@ -2705,9 +2705,14 @@
       display: none;
     }
   }
-  .zs\:xl\:w-\[15vw\] {
+  .zs\:xl\:w-\[22vw\] {
     @media (width >= 80rem) {
-      width: 15vw;
+      width: 22vw;
+    }
+  }
+  .zs\:2xl\:w-\[18vw\] {
+    @media (width >= 96rem) {
+      width: 18vw;
     }
   }
   .zs\:dark\:border-amber-400 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ziadshalaby/ngx-zs-component",
-  "version": "3.2.21",
+  "version": "3.2.22",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"