@rogieking/figui3 8.9.5 → 8.9.7

package/README.md

@@ -419,7 +419,7 @@ Right-click and choose **Reset**, or call `resetToDefault()`, to restore the def
 
 `<propskit-select>`
 
-Composes a `<fig-field>` and `<fig-select>` into a full-surface property control. Requires `fig-editor.js` (which registers `fig-select`). Options come from the `options` attribute (same formats as `fig-options`: comma-separated, newline-delimited, or a JSON array).
+Composes a `<fig-field>` and `<fig-select>` into a full-surface property control. Requires `fig-editor.js` (which registers `fig-select`). Options can come from the `options` attribute (same formats as `fig-options`: comma-separated, newline-delimited, or a JSON array), or from an authored `<fig-select-options>` child for rich option content.
 
 **Attributes:** `label`, `value`, `default`, `options`, `disabled`, `size`
 
@@ -431,6 +431,16 @@ Right-click and choose **Reset**, or call `resetToDefault()`, to restore `defaul
 <propskit-select label="Alignment" value="Center" options="Left,Center,Right"></propskit-select>
 ```
 
+```html
+<propskit-select label="Interpolation" value="srgb">
+  <fig-select-options slot="panel">
+    <fig-select-option value="srgb" label="Classic — sRGB Linear">
+      <div><h3>Classic</h3><span>sRGB Linear</span></div>
+    </fig-select-option>
+  </fig-select-options>
+</propskit-select>
+```
+
 ---
 
 #### Propskit Text

package/components.css

@@ -5563,6 +5563,15 @@ fig-menu-item {
     }
   }
 
+  &[subtle]:not([subtle="false"]) {
+    &:hover,
+    &:focus-visible {
+      &::before {
+        background-color: var(--figma-color-bg-secondary);
+      }
+    }
+  }
+
   &[disabled]:not([disabled="false"]),
   &[aria-disabled="true"] {
     opacity: 0.4;