@saasflare/ui@3.3.1
Patch Changes
-
340ddfa: Fix invisible/broken default colors across the effects & motion components. Their
defaults wrapped design tokens inhsl(...)(e.g.hsl(var(--primary))), but the
Saasflare token system is OKLCH —--primary,--chart-1..4,--ring,--border
all resolve to fulloklch(...)colors, sohsl(oklch(...))was invalid CSS and
rendered asnone(transparent). Most visibly,GradientTextproduced invisible
text by default.Affected components now reference the tokens directly (
var(--primary)) and use
color-mix()for alpha:GradientText,Confetti,MouseGradientBlob,
ShimmerButton,SpotlightCard,TracingBeam,BorderBeam,GlowingEffect,
MovingBorder,AuroraBackground,ParticlesBackground,Hotspot,RetroGrid,
Input/Textareafocus ring, and the animatedbeam/shiny-text/cursor
variants. No API changes — defaults and JSDoc examples are corrected in place.