@signal9/era-ui 3.13.0 → 3.13.1

package/dist/apps/notes/note-editor.svelte

@@ -457,7 +457,17 @@
 	.era-notes-prose :global(.tiptap .column-resize-handle) {
 		background-color: var(--color-primary);
 	}
-	.era-notes-prose :global(.tiptap ::selection) {
-		background: var(--color-4);
-	}
+	/* NO ::selection rule here, deliberately.
+	 *
+	 * era owns text selection as a surface token contract — --era-selection-bg /
+	 * -fg / -shadow (surfaces/base.css), which is how flat gets inverse video,
+	 * glass a glowing wash, and bevel an opaque accent bar. This file used to
+	 * override it with `background: var(--color-4)` and no `color`, which threw
+	 * all of that away AND left body text on a mid-scale grey: the band barely
+	 * separated from the page and the glyphs sat on top of it at whatever
+	 * contrast happened to fall out. Dropping the override restores both the
+	 * contrast (bright fill, --color-1 glyphs) and the per-surface treatment.
+	 *
+	 * The ProseMirror overrides above are still needed — those replace hardcoded
+	 * library chrome that no era token would otherwise reach. */
 </style>

package/dist/apps/notes/notes.svelte

@@ -223,7 +223,7 @@
 									{#if note.icon}
 										{note.icon}
 									{:else}
-										<FileText class="size-xs text-muted" />
+										<FileText class="size-(--era-icon-xxs) text-muted" />
 									{/if}
 								</span>
 
@@ -232,7 +232,9 @@
 								<!-- One cell, three occupants: the age at rest, the actions on
 								     hover. Swapping them in place keeps the row from reflowing. -->
 								<span class="shrink-0 text-muted group-hover:hidden">
-									{#if note.pinned}<Pin class="size-xs" />{:else}{formatAge(note.updatedAt)}{/if}
+									{#if note.pinned}<Pin class="size-(--era-icon-xxs)" />{:else}{formatAge(
+											note.updatedAt
+										)}{/if}
 								</span>
 								<span class="hidden shrink-0 items-center gap-(--era-xs-inset-md) group-hover:flex">
 									<Button
@@ -276,9 +278,15 @@
 	<!-- Document pane -->
 	<div class="flex min-w-0 flex-1 flex-col">
 		{#if selected}
-			<Bar class="shrink-0 rounded-none border-b border-divider-faded">
+			<!-- md and xxs-padded, exactly like the sidebar's filter bar: the two
+			     headers sit side by side across the top of the app, so an lg bar
+			     here left the document header 8px taller than the list header. -->
+			<Bar
+				size="md"
+				class="shrink-0 gap-(--era-xxs-inset-md) rounded-none border-b border-divider-faded px-(--era-xxs-inset-md)"
+			>
 				<Popover.Root bind:open={iconPickerOpen}>
-					<Popover.Trigger icon aria-label="Change icon" title="Change icon">
+					<Popover.Trigger icon size="xxs" aria-label="Change icon" title="Change icon">
 						{#if selected.icon}
 							<span aria-hidden="true">{selected.icon}</span>
 						{:else}
@@ -321,8 +329,11 @@
 					</Popover.Content>
 				</Popover.Root>
 
+				<!-- Chromeless, like the filter input: an h-md Input inside an h-md bar
+				     fills it edge to edge, so the well would draw a box with no room
+				     around it. The bar is the container. -->
 				<Input
-					class="min-w-0 flex-1 bg-transparent shadow-none"
+					class="h-full min-w-0 flex-1 bg-transparent px-0 shadow-none"
 					aria-label="Note title"
 					placeholder="Untitled"
 					value={selected.title}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "3.13.0",
+	"version": "3.13.1",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",