@ziadshalaby/ngx-zs-component 2.0.7 → 2.0.8

package/output.css

@@ -341,9 +341,6 @@
   .zs\:top-1\/6 {
     top: calc(1/6 * 100%);
   }
-  .zs\:top-3 {
-    top: calc(var(--zs-spacing) * 3);
-  }
   .zs\:top-4 {
     top: calc(var(--zs-spacing) * 4);
   }
@@ -362,9 +359,6 @@
   .zs\:bottom-0 {
     bottom: calc(var(--zs-spacing) * 0);
   }
-  .zs\:bottom-3 {
-    bottom: calc(var(--zs-spacing) * 3);
-  }
   .zs\:bottom-4 {
     bottom: calc(var(--zs-spacing) * 4);
   }
@@ -419,9 +413,6 @@
   .zs\:m-4 {
     margin: calc(var(--zs-spacing) * 4);
   }
-  .zs\:m-auto {
-    margin: auto;
-  }
   .zs\:mx-4 {
     margin-inline: calc(var(--zs-spacing) * 4);
   }
@@ -624,6 +615,9 @@
   .zs\:min-h-\[90vh\] {
     min-height: 90vh;
   }
+  .zs\:min-h-\[92vh\] {
+    min-height: 92vh;
+  }
   .zs\:w-1 {
     width: calc(var(--zs-spacing) * 1);
   }
@@ -660,9 +654,6 @@
   .zs\:w-64 {
     width: calc(var(--zs-spacing) * 64);
   }
-  .zs\:w-72 {
-    width: calc(var(--zs-spacing) * 72);
-  }
   .zs\:w-auto {
     width: auto;
   }
@@ -785,8 +776,8 @@
   .zs\:cursor-text {
     cursor: text;
   }
-  .zs\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
+  .zs\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .zs\:flex-col {
     flex-direction: column;
@@ -836,6 +827,9 @@
   .zs\:gap-6 {
     gap: calc(var(--zs-spacing) * 6);
   }
+  .zs\:gap-8 {
+    gap: calc(var(--zs-spacing) * 8);
+  }
   .zs\:truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1228,9 +1222,6 @@
   .zs\:bg-transparent {
     background-color: transparent;
   }
-  .zs\:bg-violet-100 {
-    background-color: var(--zs-color-violet-100);
-  }
   .zs\:bg-violet-200 {
     background-color: var(--zs-color-violet-200);
   }
@@ -1285,6 +1276,12 @@
   .zs\:p-5 {
     padding: calc(var(--zs-spacing) * 5);
   }
+  .zs\:p-6 {
+    padding: calc(var(--zs-spacing) * 6);
+  }
+  .zs\:px-0 {
+    padding-inline: calc(var(--zs-spacing) * 0);
+  }
   .zs\:px-1 {
     padding-inline: calc(var(--zs-spacing) * 1);
   }
@@ -1339,18 +1336,12 @@
   .zs\:py-6 {
     padding-block: calc(var(--zs-spacing) * 6);
   }
-  .zs\:py-9 {
-    padding-block: calc(var(--zs-spacing) * 9);
-  }
   .zs\:pt-2 {
     padding-top: calc(var(--zs-spacing) * 2);
   }
   .zs\:pt-3 {
     padding-top: calc(var(--zs-spacing) * 3);
   }
-  .zs\:pt-9\.5 {
-    padding-top: calc(var(--zs-spacing) * 9.5);
-  }
   .zs\:pr-2 {
     padding-right: calc(var(--zs-spacing) * 2);
   }
@@ -1514,9 +1505,6 @@
   .zs\:text-gray-600 {
     color: var(--zs-color-gray-600);
   }
-  .zs\:text-gray-700 {
-    color: var(--zs-color-gray-700);
-  }
   .zs\:text-gray-800 {
     color: var(--zs-color-gray-800);
   }
@@ -1616,9 +1604,6 @@
   .zs\:text-violet-600 {
     color: var(--zs-color-violet-600);
   }
-  .zs\:text-violet-700 {
-    color: var(--zs-color-violet-700);
-  }
   .zs\:text-violet-800 {
     color: var(--zs-color-violet-800);
   }
@@ -1841,16 +1826,6 @@
       --tw-ring-color: var(--zs-color-yellow-400);
     }
   }
-  .zs\:hover\:scale-110 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-scale-x: 110%;
-        --tw-scale-y: 110%;
-        --tw-scale-z: 110%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
-  }
   .zs\:hover\:scale-\[1\.02\] {
     &:hover {
       @media (hover: hover) {
@@ -1858,13 +1833,6 @@
       }
     }
   }
-  .zs\:hover\:scale-\[1\.03\] {
-    &:hover {
-      @media (hover: hover) {
-        scale: 1.03;
-      }
-    }
-  }
   .zs\:hover\:border-blue-400 {
     &:hover {
       @media (hover: hover) {
@@ -2193,6 +2161,13 @@
       }
     }
   }
+  .zs\:hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
   .zs\:hover\:opacity-80 {
     &:hover {
       @media (hover: hover) {
@@ -2290,14 +2265,6 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
-  .zs\:active\:scale-125 {
-    &:active {
-      --tw-scale-x: 125%;
-      --tw-scale-y: 125%;
-      --tw-scale-z: 125%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
   .zs\:active\:scale-\[0\.97\] {
     &:active {
       scale: 0.97;
@@ -2325,19 +2292,19 @@
       height: calc(var(--zs-spacing) * 10);
     }
   }
-  .zs\:sm\:grid-cols-2 {
+  .zs\:sm\:grid-cols-3 {
     @media (width >= 40rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+      grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .zs\:sm\:gap-6 {
+  .zs\:sm\:px-3 {
     @media (width >= 40rem) {
-      gap: calc(var(--zs-spacing) * 6);
+      padding-inline: calc(var(--zs-spacing) * 3);
     }
   }
-  .zs\:sm\:px-3 {
+  .zs\:sm\:px-4 {
     @media (width >= 40rem) {
-      padding-inline: calc(var(--zs-spacing) * 3);
+      padding-inline: calc(var(--zs-spacing) * 4);
     }
   }
   .zs\:sm\:px-6 {
@@ -2345,15 +2312,14 @@
       padding-inline: calc(var(--zs-spacing) * 6);
     }
   }
-  .zs\:sm\:text-xl {
-    @media (width >= 40rem) {
-      font-size: var(--zs-text-xl);
-      line-height: var(--tw-leading, var(--zs-text-xl--line-height));
+  .zs\:md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .zs\:md\:grid-cols-3 {
+  .zs\:md\:px-8 {
     @media (width >= 48rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      padding-inline: calc(var(--zs-spacing) * 8);
     }
   }
   .zs\:md\:text-base {
@@ -2377,9 +2343,9 @@
       display: none;
     }
   }
-  .zs\:lg\:grid-cols-4 {
+  .zs\:lg\:grid-cols-5 {
     @media (width >= 64rem) {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+      grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
   .zs\:lg\:px-8 {
@@ -2387,9 +2353,9 @@
       padding-inline: calc(var(--zs-spacing) * 8);
     }
   }
-  .zs\:xl\:grid-cols-5 {
-    @media (width >= 80rem) {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+  .zs\:lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--zs-spacing) * 12);
     }
   }
   .zs\:dark\:border-amber-400 {
@@ -2706,6 +2672,11 @@
       background-color: var(--zs-color-gray-900);
     }
   }
+  .zs\:dark\:bg-gray-950 {
+    &:where(.dark, .dark *) {
+      background-color: var(--zs-color-gray-950);
+    }
+  }
   .zs\:dark\:bg-green-400 {
     &:where(.dark, .dark *) {
       background-color: var(--zs-color-green-400);
@@ -2836,11 +2807,6 @@
       background-color: var(--zs-color-violet-800);
     }
   }
-  .zs\:dark\:bg-violet-900 {
-    &:where(.dark, .dark *) {
-      background-color: var(--zs-color-violet-900);
-    }
-  }
   .zs\:dark\:bg-yellow-400 {
     &:where(.dark, .dark *) {
       background-color: var(--zs-color-yellow-400);
@@ -3116,11 +3082,6 @@
       color: var(--zs-color-teal-700);
     }
   }
-  .zs\:dark\:text-violet-200 {
-    &:where(.dark, .dark *) {
-      color: var(--zs-color-violet-200);
-    }
-  }
   .zs\:dark\:text-violet-300 {
     &:where(.dark, .dark *) {
       color: var(--zs-color-violet-300);

package/package.json

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