@geomak/ui 6.28.0 → 6.29.1

package/dist/styles.css

@@ -815,15 +815,15 @@ video {
 .bottom-0 {
   bottom: 0px;
 }
-.bottom-1 {
-  bottom: 0.25rem;
-}
 .bottom-1\.5 {
   bottom: 0.375rem;
 }
 .bottom-2 {
   bottom: 0.5rem;
 }
+.bottom-3 {
+  bottom: 0.75rem;
+}
 .bottom-4 {
   bottom: 1rem;
 }
@@ -1234,6 +1234,9 @@ video {
 .max-h-72 {
   max-height: 18rem;
 }
+.max-h-\[120px\] {
+  max-height: 120px;
+}
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
@@ -1455,6 +1458,9 @@ video {
 .max-w-\[40ch\] {
   max-width: 40ch;
 }
+.max-w-\[78\%\] {
+  max-width: 78%;
+}
 .max-w-\[calc\(100vw-1rem\)\] {
   max-width: calc(100vw - 1rem);
 }
@@ -1529,6 +1535,19 @@ video {
 .transform {
   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));
 }
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+.animate-bounce {
+  animation: bounce 1s infinite;
+}
 .animate-breathe {
   animation: breathe 2s ease-in-out infinite;
 }
@@ -1851,6 +1870,12 @@ video {
 .whitespace-pre {
   white-space: pre;
 }
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1891,6 +1916,12 @@ video {
   border-top-left-radius: var(--radius-md);
   border-top-right-radius: var(--radius-md);
 }
+.rounded-bl-md {
+  border-bottom-left-radius: var(--radius-md);
+}
+.rounded-br-md {
+  border-bottom-right-radius: var(--radius-md);
+}
 .border {
   border-width: 1px;
 }
@@ -2320,6 +2351,9 @@ video {
 .uppercase {
   text-transform: uppercase;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -2629,6 +2663,9 @@ video {
 .placeholder\:text-foreground-muted::placeholder {
   color: var(--color-foreground-muted);
 }
+.first\:mt-0:first-child {
+  margin-top: 0px;
+}
 .last\:border-0:last-child {
   border-width: 0px;
 }
@@ -2685,9 +2722,6 @@ video {
 .hover\:bg-surface-raised:hover {
   background-color: var(--color-surface-raised);
 }
-.hover\:bg-transparent:hover {
-  background-color: rgba(255, 255, 255, .0);
-}
 .hover\:bg-white\/15:hover {
   background-color: rgb(255 255 255 / 0.15);
 }
@@ -2737,6 +2771,11 @@ video {
 .focus-visible\:text-accent:focus-visible {
   color: var(--color-accent);
 }
+.focus-visible\:\!ring-\[3px\]:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
 .focus-visible\:ring-1:focus-visible {
   --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2755,6 +2794,9 @@ video {
 .focus-visible\:ring-inset:focus-visible {
   --tw-ring-inset: inset;
 }
+.focus-visible\:\!ring-focus-ring:focus-visible {
+  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent) !important;
+}
 .focus-visible\:ring-accent:focus-visible {
   --tw-ring-color: var(--color-accent);
 }

package/package.json

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