UNPKG

@useloops/design-system

Version:

The official React based Loops design system

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