@geomak/ui 6.29.2 → 6.31.0

package/dist/styles.css

@@ -732,6 +732,34 @@ video {
     --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5), 0 3px 8px rgba(0, 0, 0, 0.3);
     --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.6), 0 6px 16px rgba(0, 0, 0, 0.35);
   }
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border-strong) transparent;
+  }
+*::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+*::-webkit-scrollbar-track {
+    background: transparent;
+  }
+*::-webkit-scrollbar-thumb {
+    background-color: var(--color-border-strong);
+    border: 2px solid transparent;
+    background-clip: padding-box;
+    border-radius: 9999px;
+  }
+*::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-foreground-muted);
+  }
+*::-webkit-scrollbar-button {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+*::-webkit-scrollbar-corner {
+    background: transparent;
+  }
 .container {
   width: 100%;
 }
@@ -809,6 +837,9 @@ video {
 .-top-1 {
   top: -0.25rem;
 }
+.-top-3 {
+  top: -0.75rem;
+}
 .-top-8 {
   top: -2rem;
 }
@@ -1017,6 +1048,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -1062,6 +1096,9 @@ video {
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
+.mt-12 {
+  margin-top: 3rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1104,6 +1141,9 @@ video {
 .hidden {
   display: none;
 }
+.aspect-\[16\/10\] {
+  aspect-ratio: 16/10;
+}
 .aspect-\[4\/3\] {
   aspect-ratio: 4/3;
 }
@@ -1191,6 +1231,9 @@ video {
 .h-\[3px\] {
   height: 3px;
 }
+.h-\[4\.5rem\] {
+  height: 4.5rem;
+}
 .h-\[400px\] {
   height: 400px;
 }
@@ -1234,9 +1277,6 @@ video {
 .max-h-72 {
   max-height: 18rem;
 }
-.max-h-\[120px\] {
-  max-height: 120px;
-}
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
@@ -1443,9 +1483,15 @@ video {
 .max-w-3xl {
   max-width: 48rem;
 }
+.max-w-4xl {
+  max-width: 56rem;
+}
 .max-w-5xl {
   max-width: 64rem;
 }
+.max-w-6xl {
+  max-width: 72rem;
+}
 .max-w-\[12rem\] {
   max-width: 12rem;
 }
@@ -1476,6 +1522,9 @@ video {
 .max-w-sm {
   max-width: 24rem;
 }
+.max-w-xl {
+  max-width: 36rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -2180,6 +2229,10 @@ video {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2394,6 +2447,9 @@ video {
 .text-background {
   color: var(--color-background);
 }
+.text-border-strong {
+  color: var(--color-border-strong);
+}
 .text-foreground {
   color: var(--color-foreground);
 }
@@ -3053,9 +3109,21 @@ video {
   .sm\:border-border {
     border-color: var(--color-border);
   }
+  .sm\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .sm\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
   .sm\:pr-3 {
     padding-right: 0.75rem;
   }
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
 }
 @media (min-width: 768px) {
   .md\:flex {
@@ -3064,18 +3132,32 @@ video {
   .md\:hidden {
     display: none;
   }
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 }
 @media (min-width: 976px) {
+  .lg\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
 }
 .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
   -webkit-appearance: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geomak/ui",
-  "version": "6.29.2",
+  "version": "6.31.0",
   "description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
   "author": "G-MAKROGLOU",
   "license": "MIT",