Skip to content

Releases: lightsparkdev/origin

v0.14.0

05 Mar 07:05
9b9f07c

Choose a tag to compare

  • Added new chart components to the design system
  • Added new Drawer component
  • Introduced new design tokens
  • Added Skeleton component for loading states

v0.13.6

27 Feb 20:36
255bfd8

Choose a tag to compare

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 state group 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 label prop 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-primary value changed from solid (#1A1A1A) to alpha (rgba(38, 38, 35, 0.10)) — visual check recommended for focus outlines and chart strokes.
  • Chart.Uptime tooltip prop removed, replaced by label (string | false) and labelStatus. 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

19 Feb 17:07
7a27d18

Choose a tag to compare

Central Icons updated to 1.1.139 across all three packages.

v0.13.1

19 Feb 09:24
273bebb

Choose a tag to compare

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

19 Feb 08:11
63f95c4

Choose a tag to compare

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

18 Feb 02:51
8cc82d6

Choose a tag to compare

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

17 Feb 23:28
ef3155d

Choose a tag to compare

Fix dense button styles: corner radius and icon sizing

  • Dense buttons now use corner-radius-xs (4px) instead of inheriting corner-radius-sm (6px)
  • Introduces --button-icon-size CSS 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

17 Feb 22:02
977dbb6

Choose a tag to compare

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

17 Feb 21:37
f7206fc

Choose a tag to compare

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.

v0.12.0

16 Feb 07:03
d915849

Choose a tag to compare

New

  • Chart component (Line variant) — Pure SVG line chart with sparkline and multi-series modes. Supports configurable grid lines, interactive tooltips, and fade-left gradient. No external charting library required.