@stnd/ui 0.7.1 → 0.7.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stnd/ui
 
+## 0.7.3
+
+### Patch Changes
+
+- Auto-bumped @stnd/ui due to modified code.
+
+## 0.7.2
+
+### Patch Changes
+
+- Auto-bumped @stnd/ui due to modified code.
+
 ## 0.7.1
 
 ### Patch Changes

package/Combobox.svelte

@@ -291,7 +291,7 @@
           {#each filteredOptions as opt (opt.value)}
             <button
               type="button"
-              class="std-menu-item std-combobox-option"
+              class="std-combobox-option"
               class:selected={value === opt.value}
               role="option"
               aria-selected={value === opt.value}
@@ -340,11 +340,11 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    padding: var(--trim) var(--leading);
+    padding: calc(var(--trim) * 0.5) var(--trim);
     background: var(--color-surface-dark-1);
     font-weight: var(--font-weight);
-    font-size: 1em;
-    text-box-trim: none;
+
+    text-box-trim: trim;
 
     border: none;
     border-radius: var(--radius-sm);
@@ -355,6 +355,8 @@
     transition: all var(--transition-fast);
     box-shadow: var(--shadow);
     text-shadow: none !important;
+
+    & * {display: inline-flex;}
   }
 
   .std-combobox-trigger:hover,
@@ -382,14 +384,14 @@
     min-width: 100%;
     width: max-content;
     max-width: 300px;
-    overflow: hidden;
+    overflow-y: auto;
     background: var(--color-surface-light-2);
   }
 
   .std-combobox-header {
     display: flex;
     align-items: center;
-    padding: 0 var(--space-d4) var(--space-d4);
+    padding: 0 var(--trim);
     margin-bottom: var(--space-d4);
     border-bottom: var(--border);
   }
@@ -418,15 +420,18 @@
 
     display: flex;
     flex-direction: column;
-    gap: 0;
+    gap: var(--trim);
     overflow-y: auto;
+    padding: var(--trim);
   }
 
   .std-combobox-option {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    width: 100%;
+    width: 100;
+    padding: var(--leading) var(--trim);
+    & * {display:inline-flex;}
   }
 
   .std-combobox-option .truncate {

package/TableOfContents.astro

@@ -104,12 +104,12 @@ const tocHeadings = (headings || [])
     border: 1px solid transparent;
     opacity: 0.45;
     transition:
-      opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-      background 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-      border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-      box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-      backdrop-filter 0.3s cubic-bezier(0.16, 1, 0.3, 1),
-      padding 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+      opacity var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1),
+      background var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1),
+      border-color var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1),
+      box-shadow var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1),
+      backdrop-filter var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1),
+      padding var(--duration-fast) cubic-bezier(0.16, 1, 0.3, 1);
     user-select: none;
   }
 
@@ -121,13 +121,8 @@ const tocHeadings = (headings || [])
   .stnd-toc:hover,
   .stnd-toc:focus-within {
     opacity: 1;
-    background: color-mix(
-      in oklab,
-      var(--color-surface-light-1, var(--color-background)) 92%,
-      transparent
-    );
-    backdrop-filter: var(--filter-glass, blur(20px)) saturate(160%);
-    -webkit-backdrop-filter: var(--filter-glass, blur(20px)) saturate(160%);
+    backdrop-filter: var(--filter-glass);
+    -webkit-backdrop-filter: var(--filter-glass);
     border-color: var(--color-border);
     box-shadow: var(--shadow-xl, var(--shadow-raised));
     padding: 0.75rem 1rem 0.85rem 1.25rem;
@@ -135,6 +130,7 @@ const tocHeadings = (headings || [])
 
   /* Architectural vertical spine guide */
   .toc-spine {
+    display: none;
     position: absolute;
     right: 14px;
     top: 0.75rem;
@@ -195,7 +191,7 @@ const tocHeadings = (headings || [])
   .toc-list {
     display: flex;
     flex-direction: column;
-    gap: 6px;
+    gap: 0;
     position: relative;
     z-index: 2;
     max-height: calc(75vh - 2rem);
@@ -218,9 +214,9 @@ const tocHeadings = (headings || [])
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    gap: var(--space-half, 0.65rem);
+    gap: 6px;
     text-decoration: none;
-    padding: 3px 0 3px 6px;
+    padding: 3px 0px 3px 6px;
     border-radius: var(--radius-sm, 4px);
     cursor: pointer;
     transition: background 0.15s ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stnd/ui",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "type": "module",
   "svelte": "./Combobox.svelte",
   "exports": {