Releases: lightsparkdev/origin
v0.14.0
v0.13.6
Origin v0.13.6
Bigger release — token cleanup, three new components, and a round of chart fixes. Consumers will need to migrate renamed tokens (see breaking changes below).
Token architecture (#112)
- 12 renames (e.g.,
--surface-elevated→--surface-panel,--border-tertiary→--border-primary, all*-inverted→*-inverse) - 8 unused tokens removed
- 4 new tokens:
--border-focus,--stroke-primary,--surface-panel,--text-link - New
stategroup for focus rings (--state-focus,--state-focus-critical) - Dark mode surface hierarchy recalibrated for better panel/background separation
New components (#113)
- Collapsible
- PreviewCard
- Drawer
Chart fixes (#116)
- Grid lines more visible (opacity 0.06 → 0.18)
- Axis labels space dynamically based on content — no more overlap or wasted space
- Y-axis tick count scales with chart height
- X-axis label thinning applied consistently across Line, Bar, StackedArea, and Composed
- Horizontal BarChart value axis uses canvas-measured label widths
- ComposedChart dual-axis right padding is now dynamic
- Uptime: always-visible
labelprop replaces pop-in tooltip, subtler height-based hover
Cleanup (#114)
- All ESLint warnings resolved
Breaking changes
- Token renames and removals — consumers need find-and-replace. See PR #112 for the full migration map.
--border-primaryvalue changed from solid (#1A1A1A) to alpha (rgba(38, 38, 35, 0.10)) — visual check recommended for focus outlines and chart strokes.Chart.Uptimetooltipprop removed, replaced bylabel(string | false) andlabelStatus. No Grid consumers yet.
Consumer migration
Bump Origin, find-and-replace old token names using the rename map in PR #112, audit --border-primary usage, test dark mode.
v0.13.2
v0.13.1
Storybook stories, Accordion fix, sharp icons, dependency updates.
- Storybook stories for all 6 missing components (39 stories total)
- Accordion trigger auto-renders chevron again (reverts 1a64f22)
- Sharp (radius-0) icons for pure directional arrows and chevrons
- Uptime tooltip layout jump fix + tooltip prop
- Popover story styling fix
- Fix hydration mismatch in demo data
- ESLint 9→10, Storybook 10.1→10.2, React 19.2.4, Next.js 16.1.6
- Playwright 1.58.2, Central Icons 1.1.137
v0.13.0
Chart component library — 13 chart types, Liveline-inspired visual polish.
New components:
- Chart.Line (area fill, reference lines, dashed/dotted series)
- Chart.Sparkline (line + bar variants)
- Chart.StackedArea (cumulative stacked bands)
- Chart.Bar (grouped, stacked, horizontal)
- Chart.Composed (bar + line, dual Y-axes)
- Chart.Pie (donut with legend)
- Chart.Live (real-time canvas, 60fps)
- Chart.LiveValue (animated counter)
- Chart.LiveDot (pulsing status dot)
- Chart.Gauge (threshold segments with marker)
- Chart.BarList (ranked horizontal bars)
- Chart.Uptime (status timeline)
- Chart.ActivityGrid (configurable heatmap)
Features:
- Shared scrub hook with keyboard navigation (arrow keys, Home/End/Escape)
- aria-live regions for screen reader tooltip announcements
- loading/empty state support via ChartWrapper
- yDomain for fixed axes, onClickDatum for drill-down
- CSS variable overrides for grid/cursor/label opacity
- Chart color conventions rule for shade ramps
v0.12.4
Fix Sidebar.GroupLabel padding to align with item icons
.groupLabel used padding-inline: 8px while item icons land at 16px from the sidebar edge, causing a visible leftward jump in sidebars with mixed labelled and unlabelled groups. Now defaults to 16px via var(--sidebar-group-label-padding-inline, var(--spacing-md)), overridable per-consumer.
v0.12.3
Fix dense button styles: corner radius and icon sizing
- Dense buttons now use
corner-radius-xs(4px) instead of inheritingcorner-radius-sm(6px) - Introduces
--button-icon-sizeCSS variable (16px default, 12px for dense) applied to SVGs in all icon slots — consumers no longer need to manually pass the right icon size per button size - Override per-instance with
style={{ '--button-icon-size': '14px' }}if needed
v0.12.2
Fix Table.Cell text truncation for raw string children
table-layout: fixed (v0.12.1) was necessary but not sufficient. The ellipsis CSS only lived on .cellLabelText inside CellContent, so raw string children passed directly to Table.Cell were hard-clipped rather than truncated. Adds white-space: nowrap and text-overflow: ellipsis to .cell directly, fixing truncation for all cell content regardless of whether CellContent is used.
v0.12.1
Fix Table ellipsis by adding table-layout: fixed to root
Without this, the browser sized columns to their content so text-overflow: ellipsis never fired. Fixed by setting table-layout: fixed on .root, which distributes available width proportionally and activates the existing overflow rules.