@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 813 B
JavaScript
import{space as r}from"../../BrandCore/primitiveVariables.js";const t=r=>Array.isArray(r),e=(e,i)=>({height:r[100],padding:`${r[100]}px 0`,"& .MuiSlider-rail":{width:`calc(100% + ${r[400]}px)`,left:`-${r[200]}px`,backgroundColor:e.custom.palette.icon.disabled,opacity:1},"& .MuiSlider-track":{position:"relative",border:"none",backgroundColor:e.custom.palette.purple[500],"&:before":{content:'""',position:"absolute",top:0,left:i&&t(i)?`-${r[100]+1}px`:`-${r[200]+1}px`,width:`calc(100% + ${r[200]}px)`,height:"100%",borderRadius:"inherit",backgroundColor:"inherit"}},"& .MuiSlider-mark":{height:r[50],width:r[50],borderRadius:e.custom.radius.round,backgroundColor:e.custom.palette.text.primaryInverted,"&.MuiSlider-markActive":{backgroundColor:e.custom.palette.text.primaryInverted}}});export{e as sliderTrack};