@geomak/ui 6.1.0 → 6.2.1

package/dist/styles.css

@@ -873,6 +873,9 @@ video {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-30 {
   z-index: 30;
 }
@@ -1161,6 +1164,9 @@ video {
 .min-h-\[36px\] {
   min-height: 36px;
 }
+.min-h-\[460px\] {
+  min-height: 460px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -1313,6 +1319,9 @@ video {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[220px\] {
+  min-width: 220px;
+}
 .min-w-\[224px\] {
   min-width: 224px;
 }
@@ -1570,6 +1579,9 @@ video {
 .gap-0 {
   gap: 0px;
 }
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1954,6 +1966,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1987,6 +2002,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-4 {
+  padding-top: 1rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2403,6 +2421,9 @@ video {
 .hover\:text-accent-fg:hover {
   color: var(--color-accent-foreground);
 }
+.hover\:text-accent-hover:hover {
+  color: var(--color-accent-hover);
+}
 .hover\:text-foreground:hover {
   color: var(--color-foreground);
 }
@@ -2519,6 +2540,9 @@ video {
 .disabled\:hover\:bg-transparent:hover:disabled {
   background-color: rgba(255, 255, 255, .0);
 }
+.group\/link:hover .group-hover\/link\:bg-surface {
+  background-color: var(--color-surface);
+}
 .group:hover .group-hover\:bg-accent {
   background-color: var(--color-accent);
 }
@@ -2578,6 +2602,9 @@ video {
 .data-\[state\=open\]\:border-status-error[data-state="open"] {
   border-color: var(--color-error);
 }
+.data-\[active\]\:bg-surface-raised[data-active] {
+  background-color: var(--color-surface-raised);
+}
 .data-\[disabled\]\:bg-transparent[data-disabled] {
   background-color: rgba(255, 255, 255, .0);
 }
@@ -2590,6 +2617,9 @@ video {
 .data-\[state\=on\]\:bg-surface[data-state="on"] {
   background-color: var(--color-surface);
 }
+.data-\[active\]\:text-accent[data-active] {
+  color: var(--color-accent);
+}
 .data-\[disabled\]\:text-foreground-muted[data-disabled] {
   color: var(--color-foreground-muted);
 }
@@ -2602,6 +2632,9 @@ video {
 .data-\[state\=on\]\:text-accent[data-state="on"] {
   color: var(--color-accent);
 }
+.data-\[state\=open\]\:text-accent[data-state="open"] {
+  color: var(--color-accent);
+}
 .data-\[disabled\]\:opacity-40[data-disabled] {
   opacity: 0.4;
 }
@@ -2614,10 +2647,23 @@ video {
   --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));
 }
+.group\/top[data-state="open"] .group-data-\[state\=open\]\/top\:rotate-180 {
+  --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));
+}
 .group[data-state="open"] .group-data-\[state\=open\]\: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));
 }
+.group\/link[data-active] .group-data-\[active\]\/link\:bg-surface {
+  background-color: var(--color-surface);
+}
+.group\/link[data-active] .group-data-\[active\]\/link\:text-accent {
+  color: var(--color-accent);
+}
+.group\/top[data-state="open"] .group-data-\[state\=open\]\/top\:text-accent {
+  color: var(--color-accent);
+}
 .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": "6.1.0",
+  "version": "6.2.1",
   "description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
   "author": "G-MAKROGLOU",
   "license": "MIT",
@@ -52,6 +52,7 @@
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.9",