@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 768 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),a=require("../../BrandCore/types.js");const i=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,n=o.forwardRef(({component:o,weight:a="default",variation:n,clamp:s=0,type:l="default",disabled:u,monospaced:c,secondary:d,textColor:m,...p},x)=>{const b=t.useTheme();return e.jsx(t.Typography,{ref:x,variant:n,fontWeight:i(a),component:o,...p,sx:r.mergeSx(p.sx,!!s&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:s},"button"===l&&{lineHeight:1.2},c&&{fontVariantNumeric:"tabular-nums"},d&&{color:b.custom.palette.text.secondary},u&&{color:b.custom.palette.text.disabled},Boolean(m)&&{color:m})})});module.exports=n;