UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 318 B
"use strict";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})`}};