@geomak/ui 3.0.0 → 5.0.0

package/dist/styles.css

@@ -771,9 +771,6 @@ video {
 .bottom-4 {
   bottom: 1rem;
 }
-.bottom-\[40px\] {
-  bottom: 40px;
-}
 .left-0 {
   left: 0px;
 }
@@ -801,18 +798,12 @@ video {
 .top-1\/2 {
   top: 50%;
 }
-.top-10 {
-  top: 2.5rem;
-}
 .top-4 {
   top: 1rem;
 }
 .top-\[-5px\] {
   top: -5px;
 }
-.top-\[60px\] {
-  top: 60px;
-}
 .z-10 {
   z-index: 10;
 }
@@ -1028,6 +1019,9 @@ video {
 .max-h-40 {
   max-height: 10rem;
 }
+.max-h-72 {
+  max-height: 18rem;
+}
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
@@ -1124,18 +1118,12 @@ video {
 .w-9 {
   width: 2.25rem;
 }
-.w-\[130px\] {
-  width: 130px;
-}
 .w-\[18px\] {
   width: 18px;
 }
 .w-\[200px\] {
   width: 200px;
 }
-.w-\[280px\] {
-  width: 280px;
-}
 .w-\[300px\] {
   width: 300px;
 }
@@ -1164,6 +1152,9 @@ video {
 .min-w-\[180px\] {
   min-width: 180px;
 }
+.min-w-\[200px\] {
+  min-width: 200px;
+}
 .min-w-\[240px\] {
   min-width: 240px;
 }
@@ -1197,6 +1188,14 @@ video {
 .border-collapse {
   border-collapse: collapse;
 }
+.border-separate {
+  border-collapse: separate;
+}
+.border-spacing-0 {
+  --tw-border-spacing-x: 0px;
+  --tw-border-spacing-y: 0px;
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
 .origin-center {
   transform-origin: center;
 }
@@ -1208,6 +1207,10 @@ video {
   --tw-translate-y: -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));
 }
+.-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));
+}
 .rotate-0 {
   --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));
@@ -1216,16 +1219,6 @@ video {
   --tw-rotate: 180deg;
   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));
 }
-.scale-0 {
-  --tw-scale-x: 0;
-  --tw-scale-y: 0;
-  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));
-}
-.scale-100 {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  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));
-}
 .scale-125 {
   --tw-scale-x: 1.25;
   --tw-scale-y: 1.25;
@@ -1437,9 +1430,6 @@ video {
   border-top-right-radius: var(--radius-lg);
   border-bottom-right-radius: var(--radius-lg);
 }
-.rounded-bl-lg {
-  border-bottom-left-radius: var(--radius-lg);
-}
 .rounded-br-lg {
   border-bottom-right-radius: var(--radius-lg);
 }
@@ -1485,10 +1475,6 @@ video {
 .border-border-strong {
   border-color: var(--color-border-strong);
 }
-.border-prussian-blue {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 39 58 / var(--tw-border-opacity, 1));
-}
 .border-status-error {
   border-color: var(--color-error);
 }
@@ -1501,10 +1487,6 @@ video {
 .bg-background {
   background-color: var(--color-background);
 }
-.bg-disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
-}
 .bg-foreground {
   background-color: var(--color-foreground);
 }
@@ -1518,18 +1500,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(219 241 253 / var(--tw-bg-opacity, 1));
 }
-.bg-ice-dark {
-  --tw-bg-opacity: 1;
-  background-color: rgb(208 227 237 / var(--tw-bg-opacity, 1));
-}
 .bg-oxford-blue-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(0 18 51 / var(--tw-bg-opacity, 1));
 }
-.bg-prussian-blue {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 39 58 / var(--tw-bg-opacity, 1));
-}
 .bg-status-error {
   background-color: var(--color-error);
 }
@@ -1608,6 +1582,10 @@ video {
 .p-6 {
   padding: 1.5rem;
 }
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -1711,6 +1689,9 @@ video {
 .text-\[10px\] {
   font-size: 10px;
 }
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[9px\] {
   font-size: 9px;
 }
@@ -1777,10 +1758,6 @@ video {
 .text-background {
   color: var(--color-background);
 }
-.text-error {
-  --tw-text-opacity: 1;
-  color: rgb(255 99 71 / var(--tw-text-opacity, 1));
-}
 .text-foreground {
   color: var(--color-foreground);
 }
@@ -1798,10 +1775,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 39 58 / var(--tw-text-opacity, 1));
 }
-.text-roman-silver {
-  --tw-text-opacity: 1;
-  color: rgb(125 133 151 / var(--tw-text-opacity, 1));
-}
 .text-status-error {
   color: var(--color-error);
 }
@@ -1831,6 +1804,9 @@ video {
 .opacity-100 {
   opacity: 1;
 }
+.opacity-40 {
+  opacity: 0.4;
+}
 .opacity-50 {
   opacity: 0.5;
 }
@@ -1879,11 +1855,19 @@ video {
   --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);
 }
+.ring-1 {
+  --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);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .ring-2 {
   --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);
 }
+.ring-inset {
+  --tw-ring-inset: inset;
+}
 .ring-accent {
   --tw-ring-color: var(--color-accent);
 }
@@ -2011,10 +1995,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(208 227 237 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-prussian-blue:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 39 58 / var(--tw-bg-opacity, 1));
-}
 .hover\:bg-surface:hover {
   background-color: var(--color-surface);
 }
@@ -2034,6 +2014,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.hover\:underline:hover {
+  text-decoration-line: underline;
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
@@ -2072,6 +2055,9 @@ video {
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
+.focus-visible\:ring-offset-surface:focus-visible {
+  --tw-ring-offset-color: var(--color-surface);
+}
 .active\:bg-accent:active {
   background-color: var(--color-accent);
 }
@@ -2198,10 +2184,6 @@ video {
 .dark\:stroke-white:is(.dark *) {
   stroke: #fff;
 }
-.dark\:text-prussian-blue:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(0 39 58 / var(--tw-text-opacity, 1));
-}
 .dark\:text-white:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));

package/package.json

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