@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 318 B
JavaScript
const r=(r,t,e,i)=>{const c=r.custom.palette.text.primary,o="ltr"===r.direction?"4%":"96%",n="ltr"===r.direction?"8%":"92%";switch(t){case"initial":return e;case"hover":return`color-mix(in srgb, ${e}, ${c} ${i??o})`;case"active":return`color-mix(in srgb, ${e}, ${c} ${i??n})`}};export{r as getInteractionStateStyles};