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