Skip to content

Releases: quitequinn/glyphrow

v2.6.3 — Transparent image corners

Choose a tag to compare

@quitequinn quitequinn released this 18 Jun 00:25

README capture images now have transparent corners (Playwright omitBackground + transparent page) so the rounded cards don't show white corner artifacts on dark pages. Cache-busted the image URLs.

v2.6.2 — Targeted README images

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 20:19

Adds per-feature README images (cornu-spline style), generated by a reproducible Playwright capture script (npm run capturescripts/capture.mjs):

  • bar — the control bar beneath a Fraunces specimen (hero)
  • axes — weight x optical-size variation
  • features — lining vs oldstyle figures + fractions
  • colour — the Nabla colour font in two custom palettes

Images live in assets/ and are referenced via absolute raw URLs (so they render on GitHub and npm).

v2.6.1 — Demo colour pickers + README screenshot

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 19:58
  • Demo: separate Text / Background / Controls colour pickers (each maps to --fp-* CSS variables).
  • Docs: control-bar hero screenshot added to the README (now reflected on the npm package page).

v2.6.0 — Variable axes + colour fonts

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 08:31

Generalises beyond wght to any font type:

  • Variable axes: configure any axis (opsz, slnt, wdth, ital, custom GRAD/SOFT/WONK…) in variable; enable sliders with controls.axes. All compose into one font-variation-settings. opsz also sets font-optical-sizing: none.
  • Colour fonts (COLR/CPAL): controls.palette renders a font-palette selector (normal/light/dark or custom --name).
  • Honest proofing: synthesis: falsefont-synthesis: none (no faux bold/italic).
  • Demo: Fraunces optical-size axis + a switcher to Nabla (variable colour font) with Depth/Highlight axes and palettes.
  • New types AxisConfig; data-palette/data-synthesis for the declarative API.

v2.5.0 — Deep-review fixes

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 08:06

Resolves a panel-review pass (#40#45):

  • Dedupe font loading so it no longer fires on every slider tick.
  • Stop flooding the live region with per-tick slider announcements.
  • Strip quotes from fontFamily before use.
  • Parse data-show-values; doc fixes (host class, marker).
  • Reveal animation no longer snaps when the bar wraps.

v2.4.0 — Font loading + demo polish

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 07:52
  • Font loading: the matching face (family/weight/style) is requested via the Font Loading API as you change controls, so toggling italic/weight renders real glyphs instead of a heavier-looking fallback.
  • Stage now clips overflow (overflow: hidden).
  • Demo: dark/light theming for the page and the specimen + bar, formatted code blocks, removed card margin + rounded corners, looser line-height.

v2.3.0 — Refined bar: borderless, titles-only, blended titles

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 07:32
  • Borderless, half-height control bar.
  • Each segment shows only its title by default; new showValues option appends the value inline (Size: 96px).
  • Titles overlay above the slider (never hidden) and difference-blend against the bar so they stay legible over the fills.
  • Difference blend moved from the type sample to the bar titles.
  • Demo now uses an expressive variable font (Fraunces).

v2.2.0 — Focus-reveal bar + monochrome + blend

Choose a tag to compare

@quitequinn quitequinn released this 17 Jun 04:13
  • Control bar now reveals only when the tester is focused (:focus-within) and collapses on blur.
  • Black & white default palette.
  • New fp--blend preset: mix-blend-mode: difference on the type so it auto-inverts over its backdrop.
  • fp--tdf green-on-black preset retained. Demo gains a blend toggle.

v2.1.0 — Signature control bar restored

Choose a tag to compare

@quitequinn quitequinn released this 16 Jun 23:05

Brings back the v1 bottom toolbar as a modern, accessible feature.

  • A single segmented control bar under the sample: slim at rest (showing each slider's fill), expanding on hover and keyboard focus (:focus-within) to reveal labels and values.
  • Built as CSS over the existing native controls, so it keeps full keyboard + screen-reader support (the v1 custom controls had none).
  • Per-slider --fp-fill track variable paints the filled portion.
  • Themeable via CSS variables (neutral default); faithful TDF green-on-black ships as the .fp--tdf preset.
  • Demo gains a theme toggle. New test for the fill variable (38 tests).

v2.0.1 — Lean package + live demo

Choose a tag to compare

@quitequinn quitequinn released this 16 Jun 08:17

Packaging-only release.

  • npm tarball excludes source maps (62 kB -> 21 kB).
  • Added a live demo (GitHub Pages) and a prepublishOnly build guard.

No API or behaviour changes from v2.0.0.