@signal9/era-ui 34.11.3 → 34.12.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [34.12.0](https://github.com/sig-nine/era-ui/compare/v34.11.3...v34.12.0) (2026-08-31)
+
+### Features
+
+* **timeline:** support completed activity icons ([b630d00](https://github.com/sig-nine/era-ui/commit/b630d00b8f5c001d010f782c399a58a0628bc1c6))
+
 ## [34.11.3](https://github.com/sig-nine/era-ui/compare/v34.11.2...v34.11.3) (2026-08-31)
 
 ### Bug Fixes

package/dist/ui/timeline/timeline-step.svelte

@@ -40,6 +40,7 @@
 </script>
 
 <script lang="ts">
+	import type { Snippet } from 'svelte';
 	import CircleCheck from '@lucide/svelte/icons/circle-check';
 	import Circle from '@lucide/svelte/icons/circle';
 	import CircleAlert from '@lucide/svelte/icons/circle-alert';
@@ -58,8 +59,14 @@
 	let {
 		step,
 		showClock = true,
+		activityCompletedIcon,
 		class: className
-	}: { step: AnyTimelineStep; showClock?: boolean; class?: string } = $props();
+	}: {
+		step: AnyTimelineStep;
+		showClock?: boolean;
+		activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
+		class?: string;
+	} = $props();
 
 	const data = getTimelineData();
 	const tone = $derived(
@@ -110,7 +117,17 @@
 		{:else if activityStep.state === 'awaiting'}
 			<CircleAlert class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
 		{:else if activityStep.state === 'done'}
-			<CircleCheck class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
+			{#if activityCompletedIcon}
+				<span
+					class="flex size-icon shrink-0 items-center justify-center {activityTone.icon}"
+					aria-hidden="true"
+					data-timeline-activity-icon="completed"
+				>
+					{@render activityCompletedIcon(activityStep)}
+				</span>
+			{:else}
+				<CircleCheck class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
+			{/if}
 		{:else if activityStep.state === 'failed'}
 			<CircleX class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
 		{:else if activityStep.state === 'cancelled'}

package/dist/ui/timeline/timeline-step.svelte.d.ts

@@ -1,9 +1,11 @@
 import type { ActivityTimelineState } from './context.svelte.js';
 export declare const ACTIVITY_STATE_LABEL: Record<ActivityTimelineState, string>;
-import { type AnyTimelineStep } from './context.svelte.js';
+import type { Snippet } from 'svelte';
+import { type ActivityTimelineStep, type AnyTimelineStep } from './context.svelte.js';
 type $$ComponentProps = {
     step: AnyTimelineStep;
     showClock?: boolean;
+    activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
     class?: string;
 };
 declare const TimelineStep: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/ui/timeline/timeline.svelte

@@ -26,6 +26,7 @@
 		reveal,
 		tick = 100,
 		showClock = true,
+		activityCompletedIcon,
 		children,
 		class: className
 	}: {
@@ -47,6 +48,9 @@
 		/** Live counter interval in ms. 0 stops the clock (the counter freezes). */
 		tick?: number;
 		showClock?: boolean;
+		/** Consumer-rendered identity for completed activity steps. Other states keep
+		 * Era's lifecycle glyphs so running, approval, failure, and cancellation remain explicit. */
+		activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
 		children?: Snippet;
 		class?: string;
 	} = $props();
@@ -153,7 +157,7 @@
 		{@render children()}
 	{:else}
 		{#each data.steps as step, i (step.id ?? i)}
-			<Step {step} {showClock} />
+			<Step {activityCompletedIcon} {step} {showClock} />
 		{/each}
 	{/if}
 </div>

package/dist/ui/timeline/timeline.svelte.d.ts

@@ -19,6 +19,9 @@ type $$ComponentProps = {
     /** Live counter interval in ms. 0 stops the clock (the counter freezes). */
     tick?: number;
     showClock?: boolean;
+    /** Consumer-rendered identity for completed activity steps. Other states keep
+     * Era's lifecycle glyphs so running, approval, failure, and cancellation remain explicit. */
+    activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
     children?: Snippet;
     class?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "34.11.3",
+	"version": "34.12.0",
 	"packageManager": "npm@11.19.0",
 	"engines": {
 		"node": ">=24 <27",

package/skills/era-ui/references/releases/34.md

@@ -1,5 +1,11 @@
 # Era UI v34 release history
 
+## [34.12.0](https://github.com/sig-nine/era-ui/compare/v34.11.3...v34.12.0) (2026-08-31)
+
+### Features
+
+* **timeline:** support completed activity icons ([b630d00](https://github.com/sig-nine/era-ui/commit/b630d00b8f5c001d010f782c399a58a0628bc1c6))
+
 ## [34.11.3](https://github.com/sig-nine/era-ui/compare/v34.11.2...v34.11.3) (2026-08-31)
 
 ### Bug Fixes

package/skills/era-ui/references/releases/index.md

@@ -5,7 +5,7 @@ Load only the major versions crossed by an upgrade; use the package-root `CHANGE
 
 | Major | Range | Releases | History |
 | ---: | --- | ---: | --- |
-| 34 | 34.0.0–34.11.3 | 37 | [Read](./34.md) |
+| 34 | 34.0.0–34.12.0 | 38 | [Read](./34.md) |
 | 33 | 33.0.0–33.0.1 | 2 | [Read](./33.md) |
 | 32 | 32.0.0–32.0.1 | 2 | [Read](./32.md) |
 | 31 | 31.0.0–31.0.0 | 1 | [Read](./31.md) |