{"version":3,"sources":["../../src/Typography/Typography.tsx"],"names":["classNames","vars","forwardRef","jsx","_Typography","as","semanticToken","variant","className","colorToken","children","whiteSpace","numOfLine","sx","textAlign","native","ref","__spreadProps","__spreadValues","Typography"],"mappings":";6aAEA,OAAS,cAAAA,EAAY,QAAAC,MAAY,sBAEjC,OAAS,cAAAC,MAAkB,QA0BvB,cAAAC,MAAA,6BAnBJ,IAAMC,EAAc,CAClB,CACE,GAAAC,EACA,cAAAC,EACA,QAAAC,EAAU,cACV,UAAAC,EAAY,GACZ,WAAAC,EAAa,OACb,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAAC,EACA,UAAAC,EACA,OAAAC,CACF,EACAC,IAKEb,EAHcE,GAAM,IAGnBY,EAAAC,EAAA,CACC,UAAW,GAAGlB,EAAW,WAAWM,GAAiBC,CAAO,CAAC,IAAIC,CAAS,GAC1E,IAAKQ,EACL,IAAKE,EAAAD,EAAAC,EAAA,CACH,MAAOjB,EAAK,SAAS,MAAMQ,CAAU,GACjCG,GAAa,CACf,QAAS,cACT,SAAU,SACV,aAAc,WACd,gBAAiB,WACjB,gBAAiBA,CACnB,GARG,CASH,WAAAD,EACA,UAAAG,IACGD,IAEDE,GAhBL,CAkBE,SAAAL,GACH,EAISS,EAAajB,EAAWE,CAAW,EAEhDe,EAAW,YAAc","sourcesContent":["/** @jsxImportSource @emotion/react */\n\nimport { classNames, vars } from \"@imwebme/clay-token\";\nimport type { ElementType, Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { TypographyProps } from \"./Typography.types\";\n\n/**\n * token은 두 가지 방법으로 넣어줄 수 있습니다. semanticToken, variant\n * 값은 body-medium이 default 입니다.\n */\nconst _Typography = <Element extends ElementType>(\n  {\n    as,\n    semanticToken,\n    variant = \"body-medium\",\n    className = \"\",\n    colorToken = \"text\",\n    children,\n    whiteSpace,\n    numOfLine,\n    sx,\n    textAlign,\n    native,\n  }: TypographyProps<Element>,\n  ref: Ref<HTMLElement>,\n) => {\n  const Element = as || \"p\";\n\n  return (\n    <Element\n      className={`${classNames.typography[semanticToken || variant]} ${className}`}\n      ref={ref as any}\n      css={{\n        color: vars.semantic.color[colorToken],\n        ...(numOfLine && {\n          display: \"-webkit-box\",\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: numOfLine,\n        }),\n        whiteSpace,\n        textAlign,\n        ...sx,\n      }}\n      {...native}\n    >\n      {children}\n    </Element>\n  );\n};\n\nexport const Typography = forwardRef(_Typography);\n\nTypography.displayName = \"Typography\";\n"]}