@rogieking/figui3 9.4.9 → 9.4.11

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 All notable changes to this project will be documented in this file.
 
+## [9.4.11]
+
+### Added
+
+- Added a filter menu playground example with radio and checkbox states.
+- Added a leading label to the labeled-separator menu example.
+
+### Changed
+
+- Menu items now adjust edge padding for prepend and append content, and first separators sit flush at the top of menus.
+- Utility, editor, dialog-example, and native-element navigation groups now start collapsed, with native elements ordered last.
+
+## [9.4.10]
+
+### Added
+
+- Added a collapsible fields popup example and an `autoresize` playground control.
+
+### Changed
+
+- Popup autoresizing now preserves the current position while content fits, minimally shifts to remain in the viewport, and realigns only when required by anchored beaks.
+
+### Fixed
+
+- Popup documentation now reflects `autoresize` being enabled by default.
+- The fields popup example can be closed and reopened while keeping its trigger state synchronized.
+
 ## [9.4.9]
 
 ### Fixed

package/README.md

@@ -1319,7 +1319,7 @@ An anchored floating surface built on `<dialog>` with collision-aware positionin
 | `open` | boolean | `false` | Open state |
 | `drag` | boolean | `false` | Draggable |
 | `handle` | string | — | CSS selector for drag handle |
-| `autoresize` | boolean | `false` | Auto-resize to content |
+| `autoresize` | boolean | `true` | Observe content size changes; preserve position while in bounds and minimally shift when needed |
 | `title` | string | — | Auto-generated header (same as `fig-dialog`) |
 
 ```html

package/components.css

@@ -6751,7 +6751,7 @@ fig-menu-item {
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  gap: var(--spacer-1);
+  gap: 0;
   width: 100%;
   padding: var(--fig-menu-item-padding);
   min-height: var(--spacer-4);
@@ -6801,12 +6801,23 @@ fig-menu-item {
     }
   }
 
-  & > [slot="prepend"] {
+  & > [slot="prepend"],
+  & > [slot="append"] {
     margin-top: calc(var(--spacer-1) * -1);
     margin-bottom: calc(var(--spacer-1) * -1);
   }
 
-  &:not(:has(> :not([slot="prepend"]):not([slot="append"]))) > [slot="prepend"] {
+  &:has(> [slot="append"]) {
+    --fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
+  }
+  &:has(> [slot="prepend"]) {
+    --fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-2,0.5rem);
+  }
+  &:has(> [slot="prepend"]):has(> [slot="append"]) {
+    --fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-2,0.5rem);
+  }
+
+  &:not(:has(> :not([slot="prepend"], [slot="append"]))) > [slot="prepend"] {
     display: inline-flex;
     vertical-align: middle;
   }
@@ -6874,6 +6885,11 @@ fig-menu-item {
     margin-bottom: var(--spacer-1,0.25rem);
     background: transparent;
 
+    &:first-of-type,
+    &:first-child {
+      margin-top: 0;
+    }
+
     &::before {
       content: "";
       display: block;