@rogieking/figui3 9.0.6 → 9.0.7

package/README.md

@@ -408,6 +408,7 @@ The `value`, `min`, `max`, and `step` properties mirror their attributes. `aria-
 |---|---|---|---|
 | `value` | string | — | Numeric value |
 | `placeholder` | string | — | Placeholder text |
+| `size` | string | — | Set to `"large"` for a 32px-tall input |
 | `min` | number | — | Minimum |
 | `max` | number | — | Maximum |
 | `step` | number | — | Step increment |
@@ -421,6 +422,7 @@ The `value`, `min`, `max`, and `step` properties mirror their attributes. `aria-
 
 ```html
 <fig-input-number value="100" units="px"></fig-input-number>
+<fig-input-number size="large" value="100" units="px"></fig-input-number>
 <fig-input-number value="50" units="%" min="0" max="100"></fig-input-number>
 ```
 

package/components.css

@@ -3812,11 +3812,15 @@ fig-input-number {
     flex: 1;
     width: 100%;
   }
-  &:where(fig-input-text)[size="large"] {
+  &[size="large"] {
     & > input,
     & > textarea {
       padding: var(--spacer-2);
     }
+
+    & > [slot="prepend"] {
+      min-width: var(--spacer-5);
+    }
   }
   &[multiline]:not([multiline="false"]) {
     display: flex;
@@ -3856,10 +3860,6 @@ fig-input-number {
     order: 0;
     padding-right: 0;
     margin-right: calc(var(--spacer-2) * -1);
-    &[size="large"] {
-      height: var(--spacer-6);
-      min-width: var(--spacer-6);
-    }
   }
 
   & [slot="append"] {