@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.53 kB
JavaScript
;var e=require("@mui/lab"),t=require("@mui/material"),o=require("../../WebCore/Link/Link.js"),r=require("../../WebCore/Typography/Typography.js"),i=require("../../WebCore/utils/typography.util.js");const s=t.styled(e.TimelineDot)(({theme:e,completed:t})=>({width:"24px",height:"24px",backgroundColor:e.custom.palette.surface.raised,boxShadow:"none",border:"none",padding:0,margin:"4px 0",...!t&&{border:`2px dashed ${e.custom.palette.icon.disabled}`}})),n=t.styled(t.Box)(({theme:e})=>({display:"flex",flexDirection:"column",padding:`0 0 ${e.spacing(e.custom.padding.md)} ${e.spacing(e.custom.padding.sm)}`})),a=e=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:e.spacing(e.custom.padding.sm),marginTop:e.spacing(e.custom.margin.xs)}),p=t.styled(o)(({theme:e})=>({[`&.${t.linkClasses.root}`]:{...a(e),"& .MuiSvgIcon-root":{color:e.custom.palette.icon.link},"> .MuiTypography-root":{textAlign:"start"},"&:hover":{"> .MuiTypography-root:first-child":{textDecoration:"underline"},"& .MuiSvgIcon-root":{color:e.custom.palette.icon.linkHover}}}})),l=t.styled(t.Box)(({theme:e})=>({[`&.${t.boxClasses.root}`]:{...a(e),"& .MuiTypography-root":{color:"inherit"}}})),c=t.styled(r)(()=>({color:"inherit",fontWeight:500,fontSize:i.fontSizemap.lg})),d=t.styled(r)(({theme:e})=>({fontWeight:400,textDecoration:"none",color:e.custom.palette.text.secondary,flexBasis:"100%"}));exports.DescriptionText=d,exports.ItemContainer=n,exports.StyledBoxWrapper=l,exports.StyledDot=s,exports.StyledLinkWrapper=p,exports.TitleText=c;