@geomak/ui 1.8.0 → 2.0.0

package/dist/styles.css

@@ -731,9 +731,6 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
-.\!visible {
-  visibility: visible !important;
-}
 .visible {
   visibility: visible;
 }
@@ -822,9 +819,6 @@ video {
 .z-10 {
   z-index: 10;
 }
-.z-30 {
-  z-index: 30;
-}
 .z-50 {
   z-index: 50;
 }
@@ -1152,6 +1146,9 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
+.min-w-\[180px\] {
+  min-width: 180px;
+}
 .min-w-\[240px\] {
   min-width: 240px;
 }
@@ -1432,9 +1429,6 @@ video {
 .rounded-br-lg {
   border-bottom-right-radius: var(--radius-lg);
 }
-.rounded-tl-lg {
-  border-top-left-radius: var(--radius-lg);
-}
 .rounded-tr-lg {
   border-top-right-radius: var(--radius-lg);
 }
@@ -1586,6 +1580,9 @@ video {
 .p-10 {
   padding: 2.5rem;
 }
+.p-12 {
+  padding: 3rem;
+}
 .p-2 {
   padding: 0.5rem;
 }
@@ -1654,9 +1651,6 @@ video {
 .pb-5 {
   padding-bottom: 1.25rem;
 }
-.pl-1 {
-  padding-left: 0.25rem;
-}
 .pl-2 {
   padding-left: 0.5rem;
 }
@@ -1666,9 +1660,6 @@ video {
 .pl-\[26px\] {
   padding-left: 26px;
 }
-.pr-1 {
-  padding-right: 0.25rem;
-}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1964,6 +1955,11 @@ video {
 .ease-out-quart {
   transition-timing-function: var(--ease-out-quart);
 }
+.\[appearance\:textfield\] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+}
 .\[transform-origin\:left\] {
   transform-origin: left;
 }
@@ -1987,10 +1983,6 @@ video {
 .hover\:bg-accent-hover:hover {
   background-color: var(--color-accent-hover);
 }
-.hover\:bg-ice:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(219 241 253 / var(--tw-bg-opacity, 1));
-}
 .hover\:bg-ice-dark:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(208 227 237 / var(--tw-bg-opacity, 1));
@@ -2025,11 +2017,8 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus\:outline-0:focus {
-  outline-width: 0px;
-}
-.focus-visible\:outline-0:focus-visible {
-  outline-width: 0px;
+.focus-visible\:bg-surface-raised:focus-visible {
+  background-color: var(--color-surface-raised);
 }
 .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);
@@ -2080,10 +2069,6 @@ video {
 .disabled\:border-foreground-muted:disabled {
   border-color: var(--color-foreground-muted);
 }
-.disabled\:bg-disabled:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
-}
 .disabled\:bg-foreground-muted:disabled {
   background-color: var(--color-foreground-muted);
 }
@@ -2093,6 +2078,9 @@ video {
 .disabled\:text-foreground-muted:disabled {
   color: var(--color-foreground-muted);
 }
+.disabled\:opacity-30:disabled {
+  opacity: 0.3;
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -2138,9 +2126,18 @@ video {
 .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
   animation: accordion-down 0.22s var(--ease-out-quart);
 }
+.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
+  cursor: not-allowed;
+}
 .data-\[state\=checked\]\:border-accent[data-state="checked"] {
   border-color: var(--color-accent);
 }
+.data-\[disabled\]\:bg-transparent[data-disabled] {
+  background-color: rgba(255, 255, 255, .0);
+}
+.data-\[highlighted\]\:bg-accent[data-highlighted] {
+  background-color: var(--color-accent);
+}
 .data-\[state\=active\]\:bg-accent[data-state="active"] {
   background-color: var(--color-accent);
 }
@@ -2150,9 +2147,18 @@ video {
 .data-\[state\=on\]\:bg-accent[data-state="on"] {
   background-color: var(--color-accent);
 }
+.data-\[disabled\]\:text-foreground-muted[data-disabled] {
+  color: var(--color-foreground-muted);
+}
+.data-\[highlighted\]\:text-accent-fg[data-highlighted] {
+  color: var(--color-accent-foreground);
+}
 .data-\[state\=on\]\:text-accent-fg[data-state="on"] {
   color: var(--color-accent-foreground);
 }
+.data-\[disabled\]\:opacity-40[data-disabled] {
+  opacity: 0.4;
+}
 .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));
@@ -2189,3 +2195,11 @@ video {
     padding-right: 1.5rem;
   }
 }
+.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geomak/ui",
-  "version": "1.8.0",
+  "version": "2.0.0",
   "description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
   "author": "G-MAKROGLOU",
   "license": "MIT",
@@ -48,6 +48,7 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-checkbox": "^1.3.2",
+    "@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-popover": "^1.1.14",