monday-ui-react-core/dist/esm/src/components/Typography/Typography.js

Official monday.com UI resources for application development in React.js

import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{TypographyColor as p,TypographyAlign as n}from"./TypographyConstants.js";import{useEllipsisClass as d,useTooltipProps as c}from"./TypographyHooks.js";import f from"../Tooltip/Tooltip.js";import{TypographyContext as T}from"./utils/TypographyContext.js";import y from"./Typography.module.scss.js";var j=s((function(s,j){var v=s.className,g=s.id,h=s.children,u=s.tooltipProps,x=s["data-testid"],R=void 0===x?a(m.TEXT,g):x,b=s.element,w=void 0===b?"span":b,E=s.color,N=void 0===E?p.PRIMARY:E,P=s.align,k=void 0===P?n.START:P,A=s.ellipsis,C=void 0===A||A,I=s.maxLines,L=void 0===I?1:I,M=s.withoutTooltip,O=void 0!==M&&M,_=s.role,H=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),S=e(T).overflowTolerance,X=r(null),Y=l(j,X),q=1===L,z=d(C,L),B=z.class,D=z.style,F=c(X,O,C,u,h,q,S);return t.createElement(f,Object.assign({},F),t.createElement(w,Object.assign({id:g,style:D,"data-testid":R,className:i(y.typography,y[N],y[k],B,v),ref:Y,role:_},H),h))}));export{j as default};
//# sourceMappingURL=Typography.js.map