@guruhotel/aura-ui/esm/text/text.js

⚛️ React UI library by GuruHotel

import{styled as e}from"../theme";import{color as i,fontSize as t,fontWeight as l}from"../common-variants";export const StyledText=e("p",{margin:"0",lineHeight:"$base",whiteSpace:"normal",fontVariantNumeric:"tabular-nums",variants:{color:i,fontSize:t,fontWeight:l,uppercase:{true:{textTransform:"uppercase"}},isTruncated:{true:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},noOfLines:{1:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":1},2:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2},3:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":3},4:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":4},5:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":5},6:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":6},7:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":7},8:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":8},9:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":9},10:{display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":10}}}});export default StyledText;