@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 700 B
JavaScript
;var t=require("../styleblocks/interactionStates.js");exports.pillDefaultState=t=>({backgroundColor:t.custom.palette.neutral[0],border:`1px solid ${t.custom.palette.stroke.default}`}),exports.pillDefaultStateActive=e=>({backgroundColor:t.getInteractionStateStyles(e,"active",e.custom.palette.neutral[0]),border:`1px solid ${e.custom.palette.stroke.default}`}),exports.pillDefaultStateHover=e=>({backgroundColor:t.getInteractionStateStyles(e,"hover",e.custom.palette.neutral[0]),border:`1px solid ${e.custom.palette.stroke.default}`}),exports.pillDisabledState=t=>({backgroundColor:t.custom.palette.interaction.disabled,borderColor:t.custom.palette.stroke.disabled,pointerEvents:"none"});