@threadlabs/looma 0.29.0 → 0.29.1

package/components/ui-editor-code-language/ui-editor-code-language.html

@@ -10,7 +10,7 @@
     </event>
   </defs>
   <div>
-    <ui-combobox label="Code language" label-visibility="sr-only" size="sm" from:disclosure="true" filter="label" from:value="$value">
+    <ui-combobox label="Code language" label-visibility="sr-only" size="sm" disclosure filter="label" from:value="$value">
       <option $each="language of $languages" $key="$language.value" from:value="$language.value">{$language.label}</option>
     </ui-combobox>
   </div>

package/components/ui-editor-image-toolbar/ui-editor-image-toolbar.html

@@ -31,8 +31,7 @@
   </defs>
   <div>
     <ui-text as="div" font="sans">
-      <!-- from:floating="true": alpha.53's Vue output still writes a bare boolean as floating="" (HTML Next gap 2). -->
-      <ui-editor-toolbar from:floating="true" aria-label="Image actions">
+      <ui-editor-toolbar floating aria-label="Image actions">
         <ui-icon-button
           from:id="concat($base, '-block')"
           label="Image in line"

package/components/ui-editor-link-form/ui-editor-link-form.html

@@ -94,9 +94,8 @@
             from:data-link-id="$result.id"
           >
             <ui-icon slot="leading" name="file-text"></ui-icon>
-            <!-- from:truncate="true": alpha.53's Vue output still writes a bare boolean as truncate="" (HTML Next gap 2). -->
-            <ui-text slot="title" as="strong" size="sm" weight="medium" from:truncate="true" from:title="$result.label">{$result.label}</ui-text>
-            <ui-text $if="$result.detail" slot="meta" as="span" size="xs" tone="secondary" from:truncate="true" from:title="$result.detail"
+            <ui-text slot="title" as="strong" size="sm" weight="medium" truncate from:title="$result.label">{$result.label}</ui-text>
+            <ui-text $if="$result.detail" slot="meta" as="span" size="xs" tone="secondary" truncate from:title="$result.detail"
             >{$result.detail}</ui-text>
             <ui-icon $if="$result.id = $selected" slot="trailing" name="check"></ui-icon>
           </ui-search-result-row>

package/components/ui-tooltip/ui-tooltip.html

@@ -34,7 +34,7 @@
     </event>
   </defs>
   <span role="tooltip" from:hidden="not $internalOpen"><div class="surface">
-      <slot></slot>
+      <span class="label"><slot></slot></span>
       <span class="shortcut"><slot name="shortcut"></slot></span>
     </div></span>
   <style>
@@ -113,9 +113,13 @@
         overlay var(--ui-motion-fast) allow-discrete;
     }
 
+    /* The label and the shortcut sit side by side, a gap apart, with the label wrapping on its own. */
     .surface {
       --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
       position: relative;
+      display: flex;
+      align-items: baseline;
+      gap: var(--ui-space-2);
       box-sizing: border-box;
       max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
       border: var(--ui-border-width) solid var(--_tooltip-line);
@@ -134,7 +138,6 @@
     .shortcut {
       display: inline-flex;
       align-items: center;
-      margin-inline-start: var(--ui-space-2);
       padding-inline-start: var(--ui-space-2);
       border-inline-start: 1px solid color-mix(in oklab, currentColor 28%, transparent);
       color: color-mix(in oklab, currentColor 72%, transparent);