Skip to content

AuraGlass 3.4.0 — SOTA Liquid Glass

Choose a tag to compare

View all tags
@gchahal1982 gchahal1982 released this 10 Jun 08:51
· 8 commits to main since this release
v3.4.0
9aa6a9a

Highlights

AuraGlass 3.4.0 is a visual overhaul of the entire glass system plus a library-wide audit pass.

Changed

  • Luminous white-frost surfaces: the canonical AURA_GLASS tokens were redesigned across all 6 intents × 5 elevation levels — low-alpha white gradients over a faint smoke scrim replace the old dark-slate panels, so surfaces take on the backdrop's color like real frosted glass.
  • Deeper blur scale: elevation blur raised from 8–24px to 16/24/32/40/48px; depth now comes from blur and sheen, not surface darkness.
  • Hairline borders everywhere: 2–3px high-elevation borders replaced with 1px white/tint hairlines; intent tints softened so colored surfaces read as tinted glass.
  • One backdrop filter: unified saturate(1.8) brightness(1.05) contrast(1.05) across TS utilities, generated CSS, the .glass foundation, and the dark theme (previously three layers shipped three different filters).
  • Rendered polish tokens: highlightOpacity and innerGlow now render as an inset top-edge highlight + inner glow on every token-driven surface; radius scale enlarged (sm 10 / md 16 / lg 24 / xl 32).
  • Parametric CSS generator: glass.generated.css now derives all 30 surfaces from one scale mirroring AURA_GLASS — no more divergent hand-maintained token copy.

Fixed

  • 71 invisible backgrounds from a botched codemod that left literal '/* Use createGlassStyle(...) */' strings as CSS values (toast progress bars, skeletons, slider tracks, and more).
  • 107 dead glass-glass-* double-prefixed utility classes across 63 files.
  • Removed !important dark-pill style injections from the liquid navigation components, LiquidGlassCommandSurface, and CollaborativeGlassWorkspace; tokenized LiquidGlassSearchField and GlassIntelligentSearch.
  • App-shell, workspace, AR, and error-state chrome converted from opaque dark panels to white-frost surfaces.
  • contrastGuard blur adjustments now write to the correct --glass-adaptive-blur-multiplier custom property.

Verification

typecheck · token lint · style lint · glass pipeline 31/31 · WCAG AA contrast 90/90 · jest 432 suites / 2373 tests / 339 snapshots — all green.

🤖 Generated with Claude Code

Assets 2
Loading