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