@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 474 B
JavaScript
import{getInteractionStateStyles as o}from"./interactionStates.js";const e=o=>({backgroundColor:o.custom.palette.blue[0],border:`1px solid ${o.custom.palette.blue[500]}`}),t=e=>({backgroundColor:o(e,"hover",e.custom.palette.blue[0]),border:`1px solid ${e.custom.palette.blue[500]}`}),l=e=>({backgroundColor:o(e,"active",e.custom.palette.blue[0]),border:`1px solid ${e.custom.palette.blue[500]}`});export{e as selectedState,l as selectedStateActive,t as selectedStateHover};