@rogieking/figui3 10.0.6 → 10.0.7

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file.
 
+## [10.0.7]
+
+### Added
+
+- Added a single-tab playground example.
+
+### Changed
+
+- Unified `fig-select-option` and `fig-menu-item` row styles.
+- Replaced select-option pseudo-element checkmarks with slotted small `fig-icon` checkmarks.
+
+### Fixed
+
+- Prevented selected tabs from emitting redundant `input` and `change` events when clicked again.
+
 ## [10.0.6]
 
 ### Added

package/components.css

@@ -1372,6 +1372,13 @@ fig-tabs,
   > fig-tab {
     flex-shrink: 0;
 
+    /* Single tab */
+    &:first-of-type:last-of-type{
+      background-color: transparent;
+      padding-inline: 0;
+      margin-inline: 0;
+    }
+
     & + fig-tab {
       margin-left: var(--spacer-1);
     }
@@ -6800,7 +6807,7 @@ fig-menu::part(listbox) {
   height: max-content;
 }
 
-fig-menu-item {
+:is(fig-menu-item, fig-select-option) {
   --fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
   box-sizing: border-box;
   display: flex;
@@ -6818,6 +6825,10 @@ fig-menu-item {
   position: relative;
   isolation: isolate;
 
+  &:has(fig-icon[slot="prepend"]){
+    --fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem) var(--spacer-1,0.25rem) var(--spacer-2,0.5rem);
+  }
+
   h3{
     margin: 0 0 var(--spacer-1) 0;
   }
@@ -6870,18 +6881,13 @@ fig-menu-item {
   &: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"]) {
+  &:has(> [slot="prepend"]:not([data-fig-select-checkmark])) {
     --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"]) {
+  &:has(> [slot="prepend"]:not([data-fig-select-checkmark])):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;
-  }
-
   &[subtle]:not([subtle="false"]) {
     &:hover,
     &:focus-visible {