@rogieking/figui3 11.6.6 → 11.6.8

package/.cursor/skills/figui3/components.md

@@ -168,7 +168,8 @@ Handlers below assume `onInput` / `onChange` / `onClick` from [react.md](react.m
 />
 ```
 
-- Attrs: `preview`, `label`, `accepts`, `multiple`, `disabled`, `variant` (forwards `fig-button` variants; defaults to `property`)
+- Attrs: `preview`, `label`, `accepts`, `multiple`, `remove`, `disabled`, `variant` (forwards `fig-button` variants; defaults to `property`)
+- `remove` defaults to true; set `remove="false"` to omit the selected file's remove button.
 - Blank or omitted `label` defaults to `Upload audio`, `Upload image`, or `Upload file` based on the known file type. An explicit label overrides it.
 - For known audio files, `preview` shows the audio icon and filename at rest, reveals play and waveform controls on hover/focus, and keeps pause plus waveform visible while playing.
 - `accepts` controls the native chooser filter; file icons and previews are detected independently.

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 All notable changes to this project will be documented in this file.
 
+## [11.6.8]
+
+### Added
+
+- Added a default-enabled `remove` attribute to `fig-input-file` for omitting the selected-file remove button.
+
+### Changed
+
+- Marked the `fig-media-controls` play button as selected while playing.
+
+### Fixed
+
+- Restored component registration inside playground plugin iframes by serving the color helper module.
+
+## [11.6.7]
+
+### Changed
+
+- Applied selected text styling while preserving specialized tab, segment, menu-item, and select-option states.
+- Preserved dropdown background colors when rendering native chevron images.
+
+### Fixed
+
+- Marked native dropdown selects and wrapping select buttons as selected only while their picker is open.
+
 ## [11.6.6]
 
 ### Added

package/README.md

@@ -547,6 +547,7 @@ Requires `fig-editor.js` and `fig-editor.css`.
 | `preview` | `"true"` \| `"false"` \| `"large"` | `false` | Show compact media previews, or use `large` for an upload-enabled `fig-image`/`fig-video` preview |
 | `label` | string | generated | Empty-state button label; defaults to `Upload audio`, `Upload image`, or `Upload file` from the known file type |
 | `multiple` | boolean | `false` | Allow multiple files |
+| `remove` | boolean | `true` | Show the remove button when a file is selected; set to `"false"` to omit it |
 | `disabled` | boolean | `false` | Disabled state |
 | `variant` | string | `"property"` | Internal button variant |
 

package/components.css

@@ -499,7 +499,7 @@
   }
 }
 
-[selected]:not([selected="false"]):not(fig-tabs):not(fig-tab):not(fig-segmented-control):not(fig-segment) {
+[selected]:not([selected="false"]):not(:is(fig-tabs, fig-tab, fig-segmented-control, fig-segment, fig-select-option, fig-menu-item)) {
   --figma-color-bg: var(--figma-color-bg-selected);
   --figma-color-bg-hover: var(--figma-color-bg-selected-hover);
   --figma-color-bg-active: var(--figma-color-bg-selected-pressed);
@@ -521,6 +521,8 @@
   --figma-color-text-secondary-hover: var(--figma-color-text-onselected);
   --figma-color-text-tertiary: var(--figma-color-text-onselected-tertiary);
   --figma-color-text-tertiary-hover: var(--figma-color-text-onselected);
+
+  color: var(--figma-color-text-selected);
 }
 
 
@@ -728,14 +730,16 @@ textarea {
 select,
 input[type="text"][list] {
   padding: var(--spacer-2);
-  background-color: var(--figma-color-bg);
   
 
   &:not([multiple]) {
     height: var(--fig-dropdown-height, var(--spacer-4));
     padding: 0 var(--spacer-4) 0 var(--spacer-2);
-    background: calc(100% - var(--spacer-1)) 50% / 1rem no-repeat
-    var(--icon-16-chevron);
+    background-color: var(--figma-color-bg);
+    background-image: var(--icon-16-chevron);
+    background-position: calc(100% - var(--spacer-1)) 50%;
+    background-size: 1rem;
+    background-repeat: no-repeat;
   }
   &[multiple] {
     overflow: auto;