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