@geomak/ui 5.5.1 → 5.5.3

package/dist/styles.css

@@ -877,6 +877,10 @@ video {
   margin-left: auto;
   margin-right: auto;
 }
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .mb-0\.5 {
   margin-bottom: 0.125rem;
 }
@@ -997,9 +1001,6 @@ video {
 .h-4 {
   height: 1rem;
 }
-.h-40 {
-  height: 10rem;
-}
 .h-48 {
   height: 12rem;
 }
@@ -1030,6 +1031,9 @@ video {
 .h-\[400px\] {
   height: 400px;
 }
+.h-\[420px\] {
+  height: 420px;
+}
 .h-\[60\%\] {
   height: 60%;
 }
@@ -1049,6 +1053,9 @@ video {
   height: -moz-max-content;
   height: max-content;
 }
+.h-px {
+  height: 1px;
+}
 .h-screen {
   height: 100vh;
 }
@@ -1221,9 +1228,6 @@ video {
 .max-w-3xl {
   max-width: 48rem;
 }
-.max-w-4xl {
-  max-width: 56rem;
-}
 .max-w-5xl {
   max-width: 64rem;
 }
@@ -1599,18 +1603,10 @@ video {
 .rounded-xl {
   border-radius: var(--radius-xl);
 }
-.rounded-l-lg {
-  border-top-left-radius: var(--radius-lg);
-  border-bottom-left-radius: var(--radius-lg);
-}
 .rounded-r-full {
   border-top-right-radius: var(--radius-full);
   border-bottom-right-radius: var(--radius-full);
 }
-.rounded-r-lg {
-  border-top-right-radius: var(--radius-lg);
-  border-bottom-right-radius: var(--radius-lg);
-}
 .border {
   border-width: 1px;
 }
@@ -1677,6 +1673,9 @@ video {
 .bg-background {
   background-color: var(--color-background);
 }
+.bg-border {
+  background-color: var(--color-border);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2153,8 +2152,8 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-\[border-color\2c box-shadow\] {
-  transition-property: border-color,box-shadow;
+.transition-\[border-color\] {
+  transition-property: border-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2292,17 +2291,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus-within\:ring-\[3px\]: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(3px + 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-within\:ring-focus-ring:focus-within {
-  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
-}
-.focus-within\:ring-focus-ring-error:focus-within {
-  --tw-ring-color: color-mix(in oklab, var(--color-error) 22%, transparent);
-}
 .hover\:scale-110:hover {
   --tw-scale-x: 1.1;
   --tw-scale-y: 1.1;
@@ -2362,16 +2350,8 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus\:ring-\[3px\]: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(3px + 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-focus-ring:focus {
-  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
-}
-.focus\:ring-focus-ring-error:focus {
-  --tw-ring-color: color-mix(in oklab, var(--color-error) 22%, transparent);
+.focus-visible\:border-accent:focus-visible {
+  border-color: var(--color-accent);
 }
 .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);
@@ -2525,9 +2505,6 @@ video {
 .data-\[state\=checked\]\:bg-accent[data-state="checked"] {
   background-color: var(--color-accent);
 }
-.data-\[state\=on\]\:bg-accent[data-state="on"] {
-  background-color: var(--color-accent);
-}
 .data-\[state\=on\]\:bg-surface[data-state="on"] {
   background-color: var(--color-surface);
 }
@@ -2540,9 +2517,6 @@ video {
 .data-\[state\=on\]\:text-accent[data-state="on"] {
   color: var(--color-accent);
 }
-.data-\[state\=on\]\:text-accent-fg[data-state="on"] {
-  color: var(--color-accent-foreground);
-}
 .data-\[disabled\]\:opacity-40[data-disabled] {
   opacity: 0.4;
 }
@@ -2551,17 +2525,6 @@ video {
   --tw-shadow-colored: var(--shadow-sm);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.data-\[state\=open\]\:ring-\[3px\][data-state="open"] {
-  --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(3px + 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);
-}
-.data-\[state\=open\]\:ring-focus-ring[data-state="open"] {
-  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
-}
-.data-\[state\=open\]\:ring-focus-ring-error[data-state="open"] {
-  --tw-ring-color: color-mix(in oklab, var(--color-error) 22%, transparent);
-}
 .group[data-state="closed"] .group-data-\[state\=closed\]\:-rotate-90 {
   --tw-rotate: -90deg;
   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));

package/package.json

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