@geomak/ui 6.16.0 → 6.17.0

package/dist/styles.css

@@ -1013,6 +1013,9 @@ video {
 .mb-4 {
   margin-bottom: 1rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-0\.5 {
   margin-left: 0.125rem;
 }
@@ -1085,6 +1088,9 @@ video {
 .hidden {
   display: none;
 }
+.aspect-\[4\/3\] {
+  aspect-ratio: 4/3;
+}
 .h-0\.5 {
   height: 0.125rem;
 }
@@ -1418,6 +1424,9 @@ video {
 .max-w-\[220px\] {
   max-width: 220px;
 }
+.max-w-\[40ch\] {
+  max-width: 40ch;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1836,6 +1845,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -2026,9 +2038,6 @@ video {
 .p-6 {
   padding: 1.5rem;
 }
-.p-8 {
-  padding: 2rem;
-}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2077,6 +2086,10 @@ video {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2894,6 +2907,11 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 92 / var(--tw-bg-opacity, 1));
 }
+@media (min-width: 480px) {
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (min-width: 768px) {
   .md\:flex {
     display: flex;
@@ -2906,6 +2924,14 @@ video {
     padding-right: 1.5rem;
   }
 }
+@media (min-width: 976px) {
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
 .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
   -webkit-appearance: none;
           appearance: none;

package/package.json

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