@geomak/ui 5.0.1 → 5.0.3

package/dist/styles.css

@@ -82,10 +82,10 @@
 }
 @keyframes shimmer {
   0% {
-    background-position: -400% 0;
+    transform: translateX(-100%);
   }
   100% {
-    background-position: 400% 0;
+    transform: translateX(100%);
   }
 }
 @keyframes fade-in {
@@ -768,6 +768,9 @@ video {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-2 {
+  bottom: 0.5rem;
+}
 .bottom-4 {
   bottom: 1rem;
 }
@@ -777,6 +780,9 @@ video {
 .left-1\/2 {
   left: 50%;
 }
+.left-2 {
+  left: 0.5rem;
+}
 .left-4 {
   left: 1rem;
 }
@@ -786,6 +792,9 @@ video {
 .right-1\.5 {
   right: 0.375rem;
 }
+.right-2 {
+  right: 0.5rem;
+}
 .right-4 {
   right: 1rem;
 }
@@ -798,6 +807,9 @@ video {
 .top-1\/2 {
   top: 50%;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-4 {
   top: 1rem;
 }
@@ -855,6 +867,9 @@ video {
 .z-topbar {
   z-index: var(--z-topbar);
 }
+.m-0 {
+  margin: 0px;
+}
 .m-1 {
   margin: 0.25rem;
 }
@@ -931,6 +946,9 @@ video {
 .hidden {
   display: none;
 }
+.h-0\.5 {
+  height: 0.125rem;
+}
 .h-1 {
   height: 0.25rem;
 }
@@ -976,6 +994,9 @@ video {
 .h-4 {
   height: 1rem;
 }
+.h-48 {
+  height: 12rem;
+}
 .h-5 {
   height: 1.25rem;
 }
@@ -1003,6 +1024,9 @@ video {
 .h-\[3px\] {
   height: 3px;
 }
+.h-\[400px\] {
+  height: 400px;
+}
 .h-full {
   height: 100%;
 }
@@ -1043,6 +1067,9 @@ video {
 .w-0 {
   width: 0px;
 }
+.w-0\.5 {
+  width: 0.125rem;
+}
 .w-1 {
   width: 0.25rem;
 }
@@ -1130,8 +1157,8 @@ video {
 .w-\[300px\] {
   width: 300px;
 }
-.w-\[332px\] {
-  width: 332px;
+.w-\[316px\] {
+  width: 316px;
 }
 .w-\[3px\] {
   width: 3px;
@@ -1158,6 +1185,9 @@ video {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[224px\] {
+  min-width: 224px;
+}
 .min-w-\[240px\] {
   min-width: 240px;
 }
@@ -1199,9 +1229,6 @@ video {
   --tw-border-spacing-y: 0px;
   border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
 }
-.origin-center {
-  transform-origin: center;
-}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1233,9 +1260,6 @@ video {
 .animate-breathe {
   animation: breathe 2s ease-in-out infinite;
 }
-.animate-shimmer {
-  animation: shimmer 1.6s ease-in-out infinite;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -1270,6 +1294,12 @@ video {
 .snap-always {
   scroll-snap-stop: always;
 }
+.list-none {
+  list-style-type: none;
+}
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
@@ -1433,12 +1463,6 @@ video {
   border-top-right-radius: var(--radius-lg);
   border-bottom-right-radius: var(--radius-lg);
 }
-.rounded-br-lg {
-  border-bottom-right-radius: var(--radius-lg);
-}
-.rounded-tr-lg {
-  border-top-right-radius: var(--radius-lg);
-}
 .border {
   border-width: 1px;
 }
@@ -1448,6 +1472,9 @@ video {
 .border-4 {
   border-width: 4px;
 }
+.border-\[1\.5px\] {
+  border-width: 1.5px;
+}
 .border-\[3px\] {
   border-width: 3px;
 }
@@ -1564,9 +1591,6 @@ video {
 .to-border {
   --tw-gradient-to: var(--color-border) var(--tw-gradient-to-position);
 }
-.bg-\[length\:400\%_100\%\] {
-  background-size: 400% 100%;
-}
 .fill-foreground {
   fill: var(--color-foreground);
 }
@@ -1934,6 +1958,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1989,9 +2018,47 @@ video {
 .\[transform-origin\:left\] {
   transform-origin: left;
 }
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:inset-0::before {
+  content: var(--tw-content);
+  inset: 0px;
+}
+.before\:animate-\[shimmer_1\.6s_linear_infinite\]::before {
+  content: var(--tw-content);
+  animation: shimmer 1.6s linear infinite;
+}
+.before\:bg-gradient-to-r::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.before\:from-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-from: rgba(255, 255, 255, .0) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.before\:via-white\/30::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+.before\:to-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgba(255, 255, 255, .0) var(--tw-gradient-to-position);
+}
+.before\:content-\[\"\"\]::before {
+  --tw-content: "";
+  content: var(--tw-content);
+}
 .last\:border-0:last-child {
   border-width: 0px;
 }
+.focus-within\:border-transparent:focus-within {
+  border-color: rgba(255, 255, 255, .0);
+}
 .focus-within\:ring-2:focus-within {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2038,10 +2105,24 @@ video {
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
+.focus\:border-transparent:focus {
+  border-color: rgba(255, 255, 255, .0);
+}
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus\:ring-accent:focus {
+  --tw-ring-color: var(--color-accent);
+}
+.focus-visible\:border-transparent:focus-visible {
+  border-color: rgba(255, 255, 255, .0);
+}
 .focus-visible\:bg-surface-raised:focus-visible {
   background-color: var(--color-surface-raised);
 }
@@ -2091,6 +2172,9 @@ video {
 .active\:opacity-100:active {
   opacity: 1;
 }
+.disabled\:cursor-default:disabled {
+  cursor: default;
+}
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -2112,6 +2196,9 @@ video {
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+.disabled\:hover\:bg-transparent:hover:disabled {
+  background-color: rgba(255, 255, 255, .0);
+}
 .group:hover .group-hover\:bg-accent {
   background-color: var(--color-accent);
 }
@@ -2195,6 +2282,12 @@ video {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@media (prefers-reduced-motion: reduce) {
+  .motion-reduce\:before\:hidden::before {
+    content: var(--tw-content);
+    display: none;
+  }
+}
 .dark\:bg-independence:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 92 / var(--tw-bg-opacity, 1));

package/package.json

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