@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 537 B
JavaScript
import{space as e}from"../../BrandCore/primitiveVariables.js";import{typographyVariantMap as i}from"../utils/typography.util.js";const t=t=>({"& .MuiSlider-valueLabel":{backgroundColor:t.custom.palette.purple[500],borderRadius:t.spacing(t.custom.radius.sm),padding:e[50],minWidth:e[400],"&.MuiSlider-valueLabelOpen":{top:"-9px"},"& .MuiSlider-valueLabelLabel":{padding:`0 ${t.spacing(t.custom.padding.xs)}`,fontSize:`${i.lg.body.sm}`,color:t.custom.palette.text.lockedWhite,fontWeight:500,lineHeight:"140%"}}});export{t as sliderValue};