@rogieking/figui3 6.27.0 → 6.28.1

package/README.md

@@ -372,7 +372,7 @@ Composes a `<fig-field>` and `<fig-select>` into a full-surface property control
 
 **Attributes:** `label`, `value`, `default`, `options`, `disabled`, `size`
 
-**Events:** `input`, `change` — forwarded from the inner select.
+**Events:** `input`, `change`, `optionhover` — forwarded from the inner select. `optionhover` fires once when the pointer enters an enabled option, with the option value in `event.detail`, without changing the selection.
 
 Right-click and choose **Reset**, or call `resetToDefault()`, to restore `default` or the initial selection.
 

package/components.css

@@ -3843,14 +3843,14 @@ fig-input-gradient {
     --fig-input-gradient-swatch-border-radius: var(--radius-medium);
   }
 
-  &[edit="false"],
-  &[edit="picker"] {
+  &[edit="false"] {
     pointer-events: none;
     --fig-input-gradient-swatch-border-radius: var(--radius-medium);
-
   }
 
   &[edit="picker"] {
+    --fig-input-gradient-swatch-border-radius: var(--radius-medium);
+
     & > fig-fill-picker {
       display: contents;
     }
@@ -4040,6 +4040,7 @@ fig-field {
   --fig-field-right-padding: var(--spacer-3);
   --fig-field-top-padding: var(--spacer-1);
   --fig-field-bottom-padding: var(--spacer-1);
+  --fig-field-label-max-height: var(--spacer-5);
   --fig-field-label-ratio: 1fr;
   --fig-field-input-ratio: 2fr;
   display: grid;
@@ -4120,6 +4121,14 @@ fig-field {
     min-width: 0;
   }
 
+  &:not([direction="vertical"]) > label {
+    align-self: start;
+    align-content: center;
+    box-sizing: border-box;
+    height: min(100%, var(--fig-field-label-max-height));
+    padding-block: 0;
+  }
+
   & > *:not(.fig-field-chevron):not(label) {
     grid-area: input;
   }