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