@kerkhoff-ict/solora 2.1.4 → 2.1.6

package/dist/index.css

@@ -643,6 +643,40 @@
 .sol-input-error:focus {
   box-shadow: 0 0 0 4px var(--color-error-glow, rgba(220, 53, 69, 0.15)) !important;
 }
+.sol-input::-webkit-outer-spin-button,
+.sol-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.sol-input[type=number] {
+  -moz-appearance: textfield;
+}
+.sol-input-group {
+  position: relative;
+}
+.sol-error-message {
+  color: var(--color-danger, #ff453a);
+  font-size: 0.75rem;
+  font-weight: 500;
+  margin-top: 0.2rem;
+  margin-left: 0.2rem;
+  display: none;
+  animation: solFadeIn 0.2s ease-out;
+}
+@keyframes solFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.sol-input.is-invalid {
+  border-color: var(--color-danger, #ff453a) !important;
+  box-shadow: 0 0 0 4px var(--color-error-glow, rgba(255, 69, 58, 0.15)) !important;
+}
 :root.dark .sol-label {
   color: var(--color-text-light, #fff);
   opacity: 0.6;

package/dist/index.js

@@ -2068,8 +2068,16 @@ function initContextMenu() {
     let posY = e.clientY;
     const menuWidth = menu.offsetWidth;
     const menuHeight = menu.offsetHeight;
-    posX = Math.max(0, posX);
-    posY = Math.max(0, posY);
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    if (posX + menuWidth > windowWidth) {
+      posX = posX - menuWidth;
+    }
+    if (posY + menuHeight > windowHeight) {
+      posY = posY - menuHeight;
+    }
+    posX = Math.max(5, posX);
+    posY = Math.max(5, posY);
     menu.style.left = `${posX}px`;
     menu.style.top = `${posY}px`;
     requestAnimationFrame(() => menu.classList.add("visible"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerkhoff-ict/solora",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Simple CSS component library",
   "main": "dist/index.js",
   "style": "dist/index.css",