@rogieking/figui3 1.1.8 → 1.2.0

package/fig.css

@@ -1462,6 +1462,9 @@ fig-slider {
     display: block;
     width: 100%;
     transition: var(--slider-transition);
+    background: var(--figma-color-bg-secondary);
+    border-radius: 0.5rem;
+    box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
 
     /* Track */
     &::before {
@@ -1559,6 +1562,7 @@ fig-slider {
     width: 100%;
     background-color: transparent;
     transition: var(--slider-transition);
+    position: relative;
 
     &:active::-webkit-slider-thumb {
       cursor: grabbing;
@@ -1609,8 +1613,6 @@ fig-slider {
       background-color: transparent;
       transition: var(--slider-transition);
       border-radius: calc(var(--slider-height) / 2);
-      box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
-      background: var(--figma-color-bg-secondary);
     }
 
     &.hue::-webkit-slider-runnable-track {
@@ -1633,6 +1635,7 @@ fig-slider {
     width: 100%;
     background-color: transparent;
     transition: var(--slider-transition);
+    position: relative;
 
     &:focus {
       outline: none;
@@ -1681,8 +1684,6 @@ fig-slider {
       height: var(--slider-height);
       background-color: transparent;
       border-radius: calc(var(--slider-height) / 2);
-      box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
-      background: var(--figma-color-bg-secondary);
       transition: var(--slider-transition);
     }
 

package/fig.js

@@ -936,7 +936,11 @@ class FigInputText extends HTMLElement {
   #handleMouseMove(e) {
     if (e.altKey) {
       const step = (this.step || 1) * e.movementX;
-      const value = this.#sanitizeInput(Number(this.value) + step).toFixed(2);
+      const value = this.#sanitizeInput(
+        Number(this.value) + step,
+        false
+      ).toFixed(2);
+      console.log("MM:", value, this.max);
       this.setAttribute("value", value);
     }
   }
@@ -962,15 +966,21 @@ class FigInputText extends HTMLElement {
     window.removeEventListener("pointermove", this.#boundMouseMove);
     window.removeEventListener("pointerup", this.#boundMouseUp);
   }
-  #sanitizeInput(value) {
+  #sanitizeInput(value, transform = true) {
     let sanitized = value;
     if (this.type === "number") {
       sanitized = Number(sanitized);
       if (typeof this.min === "number") {
-        sanitized = Math.max(this.#transformNumber(this.min), sanitized);
+        sanitized = Math.max(
+          transform ? this.#transformNumber(this.min) : this.min,
+          sanitized
+        );
       }
       if (typeof this.max === "number") {
-        sanitized = Math.min(this.#transformNumber(this.max), sanitized);
+        sanitized = Math.min(
+          transform ? this.#transformNumber(this.max) : this.max,
+          sanitized
+        );
       }
     }
     return sanitized;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {