@contentful/f36-typography 4.2.1 → 4.2.4

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.4](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.2.3...@contentful/f36-typography@4.2.4) (2022-03-14)
+
+**Note:** Version bump only for package @contentful/f36-typography
+
+
+
+
+
+## [4.2.3](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.2.2...@contentful/f36-typography@4.2.3) (2022-03-10)
+
+**Note:** Version bump only for package @contentful/f36-typography
+
+
+
+
+
+## [4.2.2](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.2.1...@contentful/f36-typography@4.2.2) (2022-03-09)
+
+**Note:** Version bump only for package @contentful/f36-typography
+
+
+
+
+
 ## [4.2.1](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.2.0...@contentful/f36-typography@4.2.1) (2022-03-03)
 
 

package/dist/main.js

@@ -53,6 +53,7 @@ function $614d2e96c3b19fc3$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontSt
         ref: ref
     }, children));
 }
+$614d2e96c3b19fc3$var$_Text.displayName = 'Text';
 const $614d2e96c3b19fc3$export$5f1af8db9871e1d6 = /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).forwardRef($614d2e96c3b19fc3$var$_Text);
 
 
@@ -71,6 +72,7 @@ function $aed473276ff40f9d$var$_Heading({ children: children , testId: testId =
         ref: ref
     }, children));
 }
+$aed473276ff40f9d$var$_Heading.displayName = 'Heading';
 const $aed473276ff40f9d$export$a8a3e93435678ff9 = /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).forwardRef($aed473276ff40f9d$var$_Heading);
 
 
@@ -91,6 +93,7 @@ function $c0b2d07258fbc250$var$_Subheading({ children: children , testId: testId
         ref: ref
     }, children));
 }
+$c0b2d07258fbc250$var$_Subheading.displayName = 'Subheading';
 const $c0b2d07258fbc250$export$5404b1d39162d870 = /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).forwardRef($c0b2d07258fbc250$var$_Subheading);
 
 
@@ -102,6 +105,7 @@ function $d22050ec5fdf0a29$export$1c6175f3aa4394b7(props) {
     }, []);
     return(/*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).createElement(($parcel$interopDefault($5fdCT$react)).Fragment, null, props.children));
 }
+$d22050ec5fdf0a29$export$1c6175f3aa4394b7.displayName = 'Typography';
 
 
 
@@ -126,6 +130,7 @@ function $59b96b1e38e96d26$var$_DisplayText({ children: children , size: size =
         ref: ref
     }, children));
 }
+$59b96b1e38e96d26$var$_DisplayText.displayName = 'DisplayText';
 const $59b96b1e38e96d26$export$60374ee25b7d5e87 = /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).forwardRef($59b96b1e38e96d26$var$_DisplayText);
 
 
@@ -153,6 +158,7 @@ function $3b7c6104984db66e$var$_SectionHeading({ children: children , className:
         ref: ref
     }, children));
 }
+$3b7c6104984db66e$var$_SectionHeading.displayName = 'SectionHeading';
 const $3b7c6104984db66e$export$72d7ca7a5d1d4807 = /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).forwardRef($3b7c6104984db66e$var$_SectionHeading);
 
 

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AI6BA,KAAA,CAAMiD,sCAAgB,GAAG,CAAzB;SAESC,oCAAT,GAA0B,CAA1B;IACE,MAAA,CAAA,EAAO,AAAP,SAAO,AAAP,EAAO,CAAA,kBAAP,CAAA,CAAA;QAAO,IAAA,EAAA,CAAA;QAAA,MAAA,EAAA,CAAA;IAAA,CAAA;AAKR,CAAA;SAEQC,oCAAT,GAA0B,CAA1B;IACE,MAAA,CAAA,EAAO,AAAP,SAAO,AAAP,EAAO,CAAA,kBAAP,CAAA,CAAA;QAAO,IAAA,EAAA,CAAA;QAAA,MAAA,EAAA,CAAA;IAAA,CAAA;AAGR,CAAA;SAMQC,2BAAK,CACZ,CADF,WAEIR,QAAQ,GAAG,CADb,wBAEEE,SAAS,GAAG,CAFd,gCAGEC,UAAU,GAAG,CAHf,+BAIEC,SAAS,GAAG,CAJd,uBAKEH,UAAU,GAAG,CALf,yBAMErB,QANF,gBAOEE,WAPF,gBAQEC,WARF,OASEJ,EATF,cAUE8B,SAVF,WAWEC,MAAM,GAAG,CAXX,WAYKtB,UAAH,CACU,CAdd,EAeEC,GAfF,EAgBE,CAfA;IAgBA,KAAA,CAAMsB,OAAO,GAAsBhC,EAAE,IAAI0B,sCAAzC;IAEA,MAAA,oEACG,4BAAD;WACMjB,UAAJ;QACA,EAAA,EAAIuB,OAAD;QACH,SAAA,EAAW,iBAAA,CAAA,EACT,AADS,SACT,AADS,EACT,CAAA,kBAAA,CAAI,CALV;YAMQC,OAAO,EAAE,CADP;YAEFC,UAAU,EAAErB,oDAAM,CAACU,SAAD;YAClBC,UAAU,EAAEX,oDAAM,CAACW,UAAD;YAClBW,KAAK,EAAEtB,oDAAM,CAACY,SAAD;YACbJ,QAAQ,EAAER,oDAAM,CAACQ,QAAD;YAChBC,UAAU,EAAET,oDAAM,CAACS,UAAD;QANhB,CAAJ,GAQAnB,WAAW,GAAGwB,oCAAc,KAAK,IATxB,EAUTvB,WAAW,GAAGwB,oCAAc,KAAK,IAVxB,EAWTE,SAXS;QAaX,MAAA,EAAQC,MAAD;QACP,GAAA,EAAKrB,GAAD;OAEHT,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMX,yCAAI,iBAGbE,sCAAK,CAACoB,UAAN,CAAiBiB,2BAAjB;;;;AFtFJ,KAAA,CAAM/B,yCAAmB,GAAG,CAA5B;SAeSS,8BAAQ,CACf,CADF,WACIN,QAAF,WAAYO,MAAM,GAAG,CAArB,oBAAyCC,UAAH,CAA6B,CADrE,EAEEC,GAFF,EAGE,CAFA;IAGA,MAAA,oEACG,yCAAD;QACE,EAAA,EAAIZ,yCAAD;QACH,MAAA,EAAQU,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,UAAA,EAAW,CAJb;QAKE,SAAA,EAAU,CALZ;QAME,QAAA,EAAS,CANX;QAOE,UAAA,EAAW,CAPb;WAQMC,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHT,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMxB,yCAAO,iBAGhBe,sCAAK,CAACoB,UAAN,CAAiBL,8BAAjB;;;;;;AItCJ,KAAA,CAAM6B,4CAAsB,GAAG,CAA/B;SAYSE,iCAAW,CAGlB,CAHF,WAGIrC,QAAF,WAAYO,MAAM,GAAG,CAArB,uBAA4CC,UAAH,CAAgC,CAH3E,EAIEC,GAJF,EAKE,CAFA;IAGA,MAAA,oEACG,yCAAD;QACE,EAAA,EAAI0B,4CAAD;QACH,MAAA,EAAQ5B,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,QAAA,EAAS,CAJX;QAKE,UAAA,EAAW,CALb;QAME,UAAA,EAAW,CANb;QAOE,SAAA,EAAU,CAPZ;WAQMC,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHT,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMrB,yCAAU,iBAGnBY,sCAAK,CAACoB,UAAN,CAAiB0B,iCAAjB;;;;;SCxCYxD,yCAAT,CAAoB0D,KAApB,EAA4C,CAAnD;IACED,sBAAS,KAAO,CAAhBA;QACEE,OAAO,CAACC,IAAR,CACE,CADF;IAGD,CAJQ,EAIN,CAAA,CAJM;IAKT,MAAA,2HAAUF,KAAK,CAACvC,QAAP;AACV,CAAA;;;;;AEJD,KAAA,CAAM0C,8CAAwB,GAAG,CAAjC;SAaSG,kCAAY,CAGnB,CAHF,WAII7C,QADF,SAEE4C,IAAI,GAAG,CAFT,mBAGErC,MAAM,GAAG,CAHX,yBAIKC,UAAH,CACiB,CARrB,EASEC,GATF,EAUE,CAPA;IAQA,GAAA,CAAIW,QAAQ,GAAmB,CAA/B;IACA,GAAA,CAAIC,UAAU,GAAqB,CAAnC;IAEA,EAAA,EAAIuB,IAAI,KAAK,CAAb,QAAsB,CAAtB;QACExB,QAAQ,GAAG,CAAX;QACAC,UAAU,GAAG,CAAb;IACD,CAAA;IAED,MAAA,oEACG,yCAAD;QACE,EAAA,EAAIqB,8CAAD;QACH,MAAA,EAAQnC,MAAD;QACP,YAAA,EAAcqC,IAAI,KAAK,CAAT,WAAqB,CAArB,YAAkC,CAAnC;QACb,QAAA,EAAUxB,QAAD;QACT,UAAA,EAAYC,UAAD;QACX,SAAA,EAAU,CANZ;QAOE,UAAA,EAAW,CAPb;WAQMb,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHT,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMjB,yCAAW,iBAGpBQ,sCAAK,CAACoB,UAAN,CAAiBkC,kCAAjB;;;;;;;;;AEnDJ,KAAA,CAAMC,iDAA2B,GAAG,CAApC;SAYSE,qCAAe,CAGtB,CAHF,WAIIhD,QADF,cAEE6B,SAFF,WAGEtB,MAAM,GAAG,CAHX,4BAIKC,UAAH,CACoB,CARxB,EASEC,GATF,EAUE,CAPA;IAQA,MAAA,oEACG,yCAAD;QACE,EAAA,EAAIqC,iDAAD;QACH,MAAA,EAAQvC,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,UAAA,EAAW,CAJb;QAKE,SAAA,EAAU,CALZ;QAME,QAAA,EAAS,CANX;QAOE,UAAA,EAAW,CAPb;QAQE,SAAA,EAAW,iBAAA,CAAA,EACT,AADS,SACT,AADS,EACT,CAAA,kBAAA,CAAI,CAVV;YAWQ0C,aAAa,EAAErC,oDAAM,CAACsC,iBADpB;YAEFC,aAAa,EAAE,CAAfA;QAFE,CAAJ,GAIAtB,SALS;WAOPrB,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHT,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMf,yCAAc,iBAGvBM,sCAAK,CAACoB,UAAN,CAAiBqC,qCAAjB;;;;;;AE7CG,KAAA,CAAM7D,yCAAS,iBAAGI,sCAAK,CAACoB,UAAU,EAGtC,CAHH,WAGKX,QAAF,WAAYO,MAAM,GAAG,CAArB,sBAA2CC,UAAH,CAAxC,CAAD,EAA0DC,GAA1D,GAAkE,CAAjE;IACD,MAAA,oEACG,yCAAD;QACE,EAAA,EAAG,CADL;QAEE,MAAA,EAAQF,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,UAAA,EAAW,CAJb;WAKMC,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHT,QAAD;AAGL,CAhBwB;AAkBzBb,yCAAS,CAACoE,WAAV,GAAwB,CAAxB;;;","sources":["packages/components/typography/src/index.ts","packages/components/typography/src/Heading/index.ts","packages/components/typography/src/Heading/Heading.tsx","packages/components/typography/src/Text/index.ts","packages/components/typography/src/Text/Text.tsx","packages/components/typography/src/Subheading/index.ts","packages/components/typography/src/Subheading/Subheading.tsx","packages/components/typography/src/Typography.tsx","packages/components/typography/src/DisplayText/index.ts","packages/components/typography/src/DisplayText/DisplayText.tsx","packages/components/typography/src/SectionHeading/index.ts","packages/components/typography/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/Paragraph/index.ts","packages/components/typography/src/Paragraph/Paragraph.tsx"],"sourcesContent":["export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n","export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  children?: React.ReactNode;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type HeadingProps<\n  E extends React.ElementType = typeof HEADING_DEFAULT_TAG\n> = PolymorphicProps<HeadingInternalProps, E>;\n\nfunction _Heading<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n  { children, testId = 'cf-ui-heading', ...otherProps }: HeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeXl\"\n      lineHeight=\"lineHeightXl\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const Heading: PolymorphicComponent<\n  ExpandProps<HeadingInternalProps>,\n  typeof HEADING_DEFAULT_TAG\n> = React.forwardRef(_Heading);\n","export { Text } from './Text';\nexport type { TextProps } from './Text';\n","import React from 'react';\nimport tokens, {\n  FontSizeTokens,\n  LineHeightTokens,\n  FontWeightTokens,\n  FontStackTokens,\n  ColorTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport { Box } from '@contentful/f36-core';\nimport type {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n  children?: React.ReactNode;\n  fontSize?: FontSizeTokens;\n  lineHeight?: LineHeightTokens;\n  fontStack?: FontStackTokens;\n  fontWeight?: FontWeightTokens;\n  fontColor?: ColorTokens;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  });\n}\n\nfunction wordBreakStyle() {\n  return css({\n    wordBreak: 'break-word',\n  });\n}\n\nexport type TextProps<\n  E extends React.ElementType = typeof TEXT_DEFAULT_TAG\n> = PolymorphicProps<TextInternalProps, E>;\n\nfunction _Text<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n  {\n    fontSize = 'fontSizeM',\n    fontStack = 'fontStackPrimary',\n    fontWeight = 'fontWeightNormal',\n    fontColor = 'gray800',\n    lineHeight = 'lineHeightM',\n    children,\n    isTruncated,\n    isWordBreak,\n    as,\n    className,\n    margin = 'none',\n    ...otherProps\n  }: TextProps<E>,\n  ref: React.Ref<any>,\n) {\n  const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n  return (\n    <Box\n      {...otherProps}\n      as={Element}\n      className={cx(\n        css({\n          padding: 0,\n          fontFamily: tokens[fontStack],\n          fontWeight: tokens[fontWeight],\n          color: tokens[fontColor],\n          fontSize: tokens[fontSize],\n          lineHeight: tokens[lineHeight],\n        }),\n        isTruncated ? truncatedStyle() : null,\n        isWordBreak ? wordBreakStyle() : null,\n        className,\n      )}\n      margin={margin}\n      ref={ref}\n    >\n      {children}\n    </Box>\n  );\n}\n\nexport const Text: PolymorphicComponent<\n  ExpandProps<TextInternalProps>,\n  typeof TEXT_DEFAULT_TAG\n> = React.forwardRef(_Text);\n","export { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SubheadingProps<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n> = PolymorphicProps<SubheadingInternalProps, E>;\n\nfunction _Subheading<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n>(\n  { children, testId = 'cf-ui-subheading', ...otherProps }: SubheadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SUBHEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontSize=\"fontSizeL\"\n      lineHeight=\"lineHeightL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const Subheading: PolymorphicComponent<\n  ExpandProps<SubheadingInternalProps>,\n  typeof SUBHEADING_DEFAULT_TAG\n> = React.forwardRef(_Subheading);\n","import React, { useEffect } from 'react';\n\nexport interface TypographyProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated\n */\nexport function Typography(props: TypographyProps) {\n  useEffect(() => {\n    console.warn(\n      'Forma 36: Typography component is deprecated. You can safely remove it from your components.',\n    );\n  }, []);\n  return <>{props.children}</>;\n}\n","export { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends CommonProps, MarginProps {\n  size?: 'default' | 'large';\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type DisplayTextProps<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n> = PolymorphicProps<DisplayTextInternalProps, E>;\n\nfunction _DisplayText<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n>(\n  {\n    children,\n    size = 'default',\n    testId = 'cf-ui-display-text',\n    ...otherProps\n  }: DisplayTextProps<E>,\n  ref: React.Ref<any>,\n) {\n  let fontSize: FontSizeTokens = 'fontSize2Xl';\n  let lineHeight: LineHeightTokens = 'lineHeight2Xl';\n\n  if (size === 'large') {\n    fontSize = 'fontSize3Xl';\n    lineHeight = 'lineHeight3Xl';\n  }\n\n  return (\n    <Text\n      as={DISPLAY_TEXT_DEFAULT_TAG}\n      testId={testId}\n      marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n      fontSize={fontSize}\n      lineHeight={lineHeight}\n      fontColor=\"gray900\"\n      fontWeight=\"fontWeightDemiBold\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const DisplayText: PolymorphicComponent<\n  ExpandProps<DisplayTextInternalProps>,\n  typeof DISPLAY_TEXT_DEFAULT_TAG\n> = React.forwardRef(_DisplayText);\n","export { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SectionHeadingProps<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n> = PolymorphicProps<SectionHeadingInternalProps, E>;\n\nfunction _SectionHeading<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n>(\n  {\n    children,\n    className,\n    testId = 'cf-ui-section-heading',\n    ...otherProps\n  }: SectionHeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SECTION_HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeS\"\n      lineHeight=\"lineHeightS\"\n      className={cx(\n        css({\n          letterSpacing: tokens.letterSpacingWide,\n          textTransform: 'uppercase',\n        }),\n        className,\n      )}\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const SectionHeading: PolymorphicComponent<\n  ExpandProps<SectionHeadingInternalProps>,\n  typeof SECTION_HEADING_DEFAULT_TAG\n> = React.forwardRef(_SectionHeading);\n","export { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\n","import React from 'react';\nimport type {\n  PropsWithHTMLElement,\n  CommonProps,\n  MarginProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nexport type ParagraphInternalProps = CommonProps &\n  MarginProps & {\n    children: React.ReactNode;\n    isTruncated?: boolean;\n    isWordBreak?: boolean;\n  };\n\nexport type ParagraphProps = PropsWithHTMLElement<ParagraphInternalProps, 'p'>;\n\nexport const Paragraph = React.forwardRef<\n  HTMLParagraphElement,\n  ExpandProps<ParagraphProps>\n>(({ children, testId = 'cf-ui-paragraph', ...otherProps }, ref) => {\n  return (\n    <Text\n      as=\"p\"\n      testId={testId}\n      marginBottom=\"spacingM\"\n      lineHeight=\"lineHeightM\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n\nParagraph.displayName = 'Paragraph';\n"],"names":["Heading","HeadingProps","HeadingElement","Subheading","SubheadingProps","Typography","TypographyProps","DisplayText","DisplayTextProps","SectionHeading","SectionHeadingProps","Paragraph","ParagraphProps","Text","TextProps","React","CommonProps","MarginProps","PolymorphicComponent","PolymorphicProps","ExpandProps","HEADING_DEFAULT_TAG","HeadingInternalProps","as","children","ReactNode","isTruncated","isWordBreak","ElementType","E","_Heading","testId","otherProps","ref","Ref","forwardRef","tokens","FontSizeTokens","LineHeightTokens","FontWeightTokens","FontStackTokens","ColorTokens","Box","TextInternalProps","fontSize","lineHeight","fontStack","fontWeight","fontColor","TEXT_DEFAULT_TAG","truncatedStyle","wordBreakStyle","_Text","className","margin","Element","padding","fontFamily","color","SUBHEADING_DEFAULT_TAG","SubheadingInternalProps","_Subheading","useEffect","props","console","warn","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextInternalProps","size","_DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingInternalProps","_SectionHeading","letterSpacing","letterSpacingWide","textTransform","PropsWithHTMLElement","ParagraphInternalProps","HTMLParagraphElement","displayName"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/components/typography/src/index.ts","packages/components/typography/src/Heading/index.ts","packages/components/typography/src/Heading/Heading.tsx","packages/components/typography/src/Text/index.ts","packages/components/typography/src/Text/Text.tsx","packages/components/typography/src/Subheading/index.ts","packages/components/typography/src/Subheading/Subheading.tsx","packages/components/typography/src/Typography.tsx","packages/components/typography/src/DisplayText/index.ts","packages/components/typography/src/DisplayText/DisplayText.tsx","packages/components/typography/src/SectionHeading/index.ts","packages/components/typography/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/Paragraph/index.ts","packages/components/typography/src/Paragraph/Paragraph.tsx"],"sourcesContent":["export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n","export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  children?: React.ReactNode;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type HeadingProps<\n  E extends React.ElementType = typeof HEADING_DEFAULT_TAG\n> = PolymorphicProps<HeadingInternalProps, E>;\n\nfunction _Heading<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n  { children, testId = 'cf-ui-heading', ...otherProps }: HeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeXl\"\n      lineHeight=\"lineHeightXl\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_Heading.displayName = 'Heading';\n\nexport const Heading: PolymorphicComponent<\n  ExpandProps<HeadingInternalProps>,\n  typeof HEADING_DEFAULT_TAG\n> = React.forwardRef(_Heading);\n","export { Text } from './Text';\nexport type { TextProps } from './Text';\n","import React from 'react';\nimport tokens, {\n  FontSizeTokens,\n  LineHeightTokens,\n  FontWeightTokens,\n  FontStackTokens,\n  ColorTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport { Box } from '@contentful/f36-core';\nimport type {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n  children?: React.ReactNode;\n  fontSize?: FontSizeTokens;\n  lineHeight?: LineHeightTokens;\n  fontStack?: FontStackTokens;\n  fontWeight?: FontWeightTokens;\n  fontColor?: ColorTokens;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  });\n}\n\nfunction wordBreakStyle() {\n  return css({\n    wordBreak: 'break-word',\n  });\n}\n\nexport type TextProps<\n  E extends React.ElementType = typeof TEXT_DEFAULT_TAG\n> = PolymorphicProps<TextInternalProps, E>;\n\nfunction _Text<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n  {\n    fontSize = 'fontSizeM',\n    fontStack = 'fontStackPrimary',\n    fontWeight = 'fontWeightNormal',\n    fontColor = 'gray800',\n    lineHeight = 'lineHeightM',\n    children,\n    isTruncated,\n    isWordBreak,\n    as,\n    className,\n    margin = 'none',\n    ...otherProps\n  }: TextProps<E>,\n  ref: React.Ref<any>,\n) {\n  const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n  return (\n    <Box\n      {...otherProps}\n      as={Element}\n      className={cx(\n        css({\n          padding: 0,\n          fontFamily: tokens[fontStack],\n          fontWeight: tokens[fontWeight],\n          color: tokens[fontColor],\n          fontSize: tokens[fontSize],\n          lineHeight: tokens[lineHeight],\n        }),\n        isTruncated ? truncatedStyle() : null,\n        isWordBreak ? wordBreakStyle() : null,\n        className,\n      )}\n      margin={margin}\n      ref={ref}\n    >\n      {children}\n    </Box>\n  );\n}\n\n_Text.displayName = 'Text';\n\nexport const Text: PolymorphicComponent<\n  ExpandProps<TextInternalProps>,\n  typeof TEXT_DEFAULT_TAG\n> = React.forwardRef(_Text);\n","export { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SubheadingProps<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n> = PolymorphicProps<SubheadingInternalProps, E>;\n\nfunction _Subheading<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n>(\n  { children, testId = 'cf-ui-subheading', ...otherProps }: SubheadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SUBHEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontSize=\"fontSizeL\"\n      lineHeight=\"lineHeightL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_Subheading.displayName = 'Subheading';\n\nexport const Subheading: PolymorphicComponent<\n  ExpandProps<SubheadingInternalProps>,\n  typeof SUBHEADING_DEFAULT_TAG\n> = React.forwardRef(_Subheading);\n","import React, { useEffect } from 'react';\n\nexport interface TypographyProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated\n */\nexport function Typography(props: TypographyProps) {\n  useEffect(() => {\n    console.warn(\n      'Forma 36: Typography component is deprecated. You can safely remove it from your components.',\n    );\n  }, []);\n  return <>{props.children}</>;\n}\n\nTypography.displayName = 'Typography';\n","export { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends CommonProps, MarginProps {\n  size?: 'default' | 'large';\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type DisplayTextProps<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n> = PolymorphicProps<DisplayTextInternalProps, E>;\n\nfunction _DisplayText<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n>(\n  {\n    children,\n    size = 'default',\n    testId = 'cf-ui-display-text',\n    ...otherProps\n  }: DisplayTextProps<E>,\n  ref: React.Ref<any>,\n) {\n  let fontSize: FontSizeTokens = 'fontSize2Xl';\n  let lineHeight: LineHeightTokens = 'lineHeight2Xl';\n\n  if (size === 'large') {\n    fontSize = 'fontSize3Xl';\n    lineHeight = 'lineHeight3Xl';\n  }\n\n  return (\n    <Text\n      as={DISPLAY_TEXT_DEFAULT_TAG}\n      testId={testId}\n      marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n      fontSize={fontSize}\n      lineHeight={lineHeight}\n      fontColor=\"gray900\"\n      fontWeight=\"fontWeightDemiBold\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_DisplayText.displayName = 'DisplayText';\n\nexport const DisplayText: PolymorphicComponent<\n  ExpandProps<DisplayTextInternalProps>,\n  typeof DISPLAY_TEXT_DEFAULT_TAG\n> = React.forwardRef(_DisplayText);\n","export { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SectionHeadingProps<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n> = PolymorphicProps<SectionHeadingInternalProps, E>;\n\nfunction _SectionHeading<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n>(\n  {\n    children,\n    className,\n    testId = 'cf-ui-section-heading',\n    ...otherProps\n  }: SectionHeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SECTION_HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeS\"\n      lineHeight=\"lineHeightS\"\n      className={cx(\n        css({\n          letterSpacing: tokens.letterSpacingWide,\n          textTransform: 'uppercase',\n        }),\n        className,\n      )}\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_SectionHeading.displayName = 'SectionHeading';\n\nexport const SectionHeading: PolymorphicComponent<\n  ExpandProps<SectionHeadingInternalProps>,\n  typeof SECTION_HEADING_DEFAULT_TAG\n> = React.forwardRef(_SectionHeading);\n","export { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\n","import React from 'react';\nimport type {\n  PropsWithHTMLElement,\n  CommonProps,\n  MarginProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nexport type ParagraphInternalProps = CommonProps &\n  MarginProps & {\n    children: React.ReactNode;\n    isTruncated?: boolean;\n    isWordBreak?: boolean;\n  };\n\nexport type ParagraphProps = PropsWithHTMLElement<ParagraphInternalProps, 'p'>;\n\nexport const Paragraph = React.forwardRef<\n  HTMLParagraphElement,\n  ExpandProps<ParagraphProps>\n>(({ children, testId = 'cf-ui-paragraph', ...otherProps }, ref) => {\n  return (\n    <Text\n      as=\"p\"\n      testId={testId}\n      marginBottom=\"spacingM\"\n      lineHeight=\"lineHeightM\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n\nParagraph.displayName = 'Paragraph';\n"],"names":["Heading","HeadingProps","HeadingElement","Subheading","SubheadingProps","Typography","TypographyProps","DisplayText","DisplayTextProps","SectionHeading","SectionHeadingProps","Paragraph","ParagraphProps","Text","TextProps","React","CommonProps","MarginProps","PolymorphicComponent","PolymorphicProps","ExpandProps","HEADING_DEFAULT_TAG","HeadingInternalProps","as","children","ReactNode","isTruncated","isWordBreak","ElementType","E","_Heading","testId","otherProps","ref","Ref","displayName","forwardRef","tokens","FontSizeTokens","LineHeightTokens","FontWeightTokens","FontStackTokens","ColorTokens","Box","TextInternalProps","fontSize","lineHeight","fontStack","fontWeight","fontColor","TEXT_DEFAULT_TAG","truncatedStyle","wordBreakStyle","_Text","className","margin","Element","padding","fontFamily","color","SUBHEADING_DEFAULT_TAG","SubheadingInternalProps","_Subheading","useEffect","props","console","warn","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextInternalProps","size","_DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingInternalProps","_SectionHeading","letterSpacing","letterSpacingWide","textTransform","PropsWithHTMLElement","ParagraphInternalProps","HTMLParagraphElement"],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -39,6 +39,7 @@ function $0274f3e162e60812$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontSt
         ref: ref
     }, children));
 }
+$0274f3e162e60812$var$_Text.displayName = 'Text';
 const $0274f3e162e60812$export$5f1af8db9871e1d6 = /*#__PURE__*/ $4MbOE$react.forwardRef($0274f3e162e60812$var$_Text);
 
 
@@ -57,6 +58,7 @@ function $d9b0347e4d91b20c$var$_Heading({ children: children , testId: testId =
         ref: ref
     }, children));
 }
+$d9b0347e4d91b20c$var$_Heading.displayName = 'Heading';
 const $d9b0347e4d91b20c$export$a8a3e93435678ff9 = /*#__PURE__*/ $4MbOE$react.forwardRef($d9b0347e4d91b20c$var$_Heading);
 
 
@@ -77,6 +79,7 @@ function $b9992727336642f5$var$_Subheading({ children: children , testId: testId
         ref: ref
     }, children));
 }
+$b9992727336642f5$var$_Subheading.displayName = 'Subheading';
 const $b9992727336642f5$export$5404b1d39162d870 = /*#__PURE__*/ $4MbOE$react.forwardRef($b9992727336642f5$var$_Subheading);
 
 
@@ -88,6 +91,7 @@ function $3e422817efdc58c6$export$1c6175f3aa4394b7(props) {
     }, []);
     return(/*#__PURE__*/ $4MbOE$react.createElement($4MbOE$react.Fragment, null, props.children));
 }
+$3e422817efdc58c6$export$1c6175f3aa4394b7.displayName = 'Typography';
 
 
 
@@ -112,6 +116,7 @@ function $4a7279c3586ec1fe$var$_DisplayText({ children: children , size: size =
         ref: ref
     }, children));
 }
+$4a7279c3586ec1fe$var$_DisplayText.displayName = 'DisplayText';
 const $4a7279c3586ec1fe$export$60374ee25b7d5e87 = /*#__PURE__*/ $4MbOE$react.forwardRef($4a7279c3586ec1fe$var$_DisplayText);
 
 
@@ -139,6 +144,7 @@ function $8b8cd8bdbd04e543$var$_SectionHeading({ children: children , className:
         ref: ref
     }, children));
 }
+$8b8cd8bdbd04e543$var$_SectionHeading.displayName = 'SectionHeading';
 const $8b8cd8bdbd04e543$export$72d7ca7a5d1d4807 = /*#__PURE__*/ $4MbOE$react.forwardRef($8b8cd8bdbd04e543$var$_SectionHeading);
 
 

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/components/typography/src/index.ts","packages/components/typography/src/Heading/index.ts","packages/components/typography/src/Heading/Heading.tsx","packages/components/typography/src/Text/index.ts","packages/components/typography/src/Text/Text.tsx","packages/components/typography/src/Subheading/index.ts","packages/components/typography/src/Subheading/Subheading.tsx","packages/components/typography/src/Typography.tsx","packages/components/typography/src/DisplayText/index.ts","packages/components/typography/src/DisplayText/DisplayText.tsx","packages/components/typography/src/SectionHeading/index.ts","packages/components/typography/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/Paragraph/index.ts","packages/components/typography/src/Paragraph/Paragraph.tsx"],"sourcesContent":["export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n","export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  children?: React.ReactNode;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type HeadingProps<\n  E extends React.ElementType = typeof HEADING_DEFAULT_TAG\n> = PolymorphicProps<HeadingInternalProps, E>;\n\nfunction _Heading<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n  { children, testId = 'cf-ui-heading', ...otherProps }: HeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeXl\"\n      lineHeight=\"lineHeightXl\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const Heading: PolymorphicComponent<\n  ExpandProps<HeadingInternalProps>,\n  typeof HEADING_DEFAULT_TAG\n> = React.forwardRef(_Heading);\n","export { Text } from './Text';\nexport type { TextProps } from './Text';\n","import React from 'react';\nimport tokens, {\n  FontSizeTokens,\n  LineHeightTokens,\n  FontWeightTokens,\n  FontStackTokens,\n  ColorTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport { Box } from '@contentful/f36-core';\nimport type {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n  children?: React.ReactNode;\n  fontSize?: FontSizeTokens;\n  lineHeight?: LineHeightTokens;\n  fontStack?: FontStackTokens;\n  fontWeight?: FontWeightTokens;\n  fontColor?: ColorTokens;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  });\n}\n\nfunction wordBreakStyle() {\n  return css({\n    wordBreak: 'break-word',\n  });\n}\n\nexport type TextProps<\n  E extends React.ElementType = typeof TEXT_DEFAULT_TAG\n> = PolymorphicProps<TextInternalProps, E>;\n\nfunction _Text<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n  {\n    fontSize = 'fontSizeM',\n    fontStack = 'fontStackPrimary',\n    fontWeight = 'fontWeightNormal',\n    fontColor = 'gray800',\n    lineHeight = 'lineHeightM',\n    children,\n    isTruncated,\n    isWordBreak,\n    as,\n    className,\n    margin = 'none',\n    ...otherProps\n  }: TextProps<E>,\n  ref: React.Ref<any>,\n) {\n  const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n  return (\n    <Box\n      {...otherProps}\n      as={Element}\n      className={cx(\n        css({\n          padding: 0,\n          fontFamily: tokens[fontStack],\n          fontWeight: tokens[fontWeight],\n          color: tokens[fontColor],\n          fontSize: tokens[fontSize],\n          lineHeight: tokens[lineHeight],\n        }),\n        isTruncated ? truncatedStyle() : null,\n        isWordBreak ? wordBreakStyle() : null,\n        className,\n      )}\n      margin={margin}\n      ref={ref}\n    >\n      {children}\n    </Box>\n  );\n}\n\nexport const Text: PolymorphicComponent<\n  ExpandProps<TextInternalProps>,\n  typeof TEXT_DEFAULT_TAG\n> = React.forwardRef(_Text);\n","export { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SubheadingProps<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n> = PolymorphicProps<SubheadingInternalProps, E>;\n\nfunction _Subheading<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n>(\n  { children, testId = 'cf-ui-subheading', ...otherProps }: SubheadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SUBHEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontSize=\"fontSizeL\"\n      lineHeight=\"lineHeightL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const Subheading: PolymorphicComponent<\n  ExpandProps<SubheadingInternalProps>,\n  typeof SUBHEADING_DEFAULT_TAG\n> = React.forwardRef(_Subheading);\n","import React, { useEffect } from 'react';\n\nexport interface TypographyProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated\n */\nexport function Typography(props: TypographyProps) {\n  useEffect(() => {\n    console.warn(\n      'Forma 36: Typography component is deprecated. You can safely remove it from your components.',\n    );\n  }, []);\n  return <>{props.children}</>;\n}\n","export { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends CommonProps, MarginProps {\n  size?: 'default' | 'large';\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type DisplayTextProps<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n> = PolymorphicProps<DisplayTextInternalProps, E>;\n\nfunction _DisplayText<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n>(\n  {\n    children,\n    size = 'default',\n    testId = 'cf-ui-display-text',\n    ...otherProps\n  }: DisplayTextProps<E>,\n  ref: React.Ref<any>,\n) {\n  let fontSize: FontSizeTokens = 'fontSize2Xl';\n  let lineHeight: LineHeightTokens = 'lineHeight2Xl';\n\n  if (size === 'large') {\n    fontSize = 'fontSize3Xl';\n    lineHeight = 'lineHeight3Xl';\n  }\n\n  return (\n    <Text\n      as={DISPLAY_TEXT_DEFAULT_TAG}\n      testId={testId}\n      marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n      fontSize={fontSize}\n      lineHeight={lineHeight}\n      fontColor=\"gray900\"\n      fontWeight=\"fontWeightDemiBold\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const DisplayText: PolymorphicComponent<\n  ExpandProps<DisplayTextInternalProps>,\n  typeof DISPLAY_TEXT_DEFAULT_TAG\n> = React.forwardRef(_DisplayText);\n","export { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SectionHeadingProps<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n> = PolymorphicProps<SectionHeadingInternalProps, E>;\n\nfunction _SectionHeading<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n>(\n  {\n    children,\n    className,\n    testId = 'cf-ui-section-heading',\n    ...otherProps\n  }: SectionHeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SECTION_HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeS\"\n      lineHeight=\"lineHeightS\"\n      className={cx(\n        css({\n          letterSpacing: tokens.letterSpacingWide,\n          textTransform: 'uppercase',\n        }),\n        className,\n      )}\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const SectionHeading: PolymorphicComponent<\n  ExpandProps<SectionHeadingInternalProps>,\n  typeof SECTION_HEADING_DEFAULT_TAG\n> = React.forwardRef(_SectionHeading);\n","export { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\n","import React from 'react';\nimport type {\n  PropsWithHTMLElement,\n  CommonProps,\n  MarginProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nexport type ParagraphInternalProps = CommonProps &\n  MarginProps & {\n    children: React.ReactNode;\n    isTruncated?: boolean;\n    isWordBreak?: boolean;\n  };\n\nexport type ParagraphProps = PropsWithHTMLElement<ParagraphInternalProps, 'p'>;\n\nexport const Paragraph = React.forwardRef<\n  HTMLParagraphElement,\n  ExpandProps<ParagraphProps>\n>(({ children, testId = 'cf-ui-paragraph', ...otherProps }, ref) => {\n  return (\n    <Text\n      as=\"p\"\n      testId={testId}\n      marginBottom=\"spacingM\"\n      lineHeight=\"lineHeightM\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n\nParagraph.displayName = 'Paragraph';\n"],"names":["Heading","HeadingProps","HeadingElement","Subheading","SubheadingProps","Typography","TypographyProps","DisplayText","DisplayTextProps","SectionHeading","SectionHeadingProps","Paragraph","ParagraphProps","Text","TextProps","React","CommonProps","MarginProps","PolymorphicComponent","PolymorphicProps","ExpandProps","HEADING_DEFAULT_TAG","HeadingInternalProps","as","children","ReactNode","isTruncated","isWordBreak","ElementType","E","_Heading","testId","otherProps","ref","Ref","forwardRef","tokens","FontSizeTokens","LineHeightTokens","FontWeightTokens","FontStackTokens","ColorTokens","Box","TextInternalProps","fontSize","lineHeight","fontStack","fontWeight","fontColor","TEXT_DEFAULT_TAG","truncatedStyle","wordBreakStyle","_Text","className","margin","Element","padding","fontFamily","color","SUBHEADING_DEFAULT_TAG","SubheadingInternalProps","_Subheading","useEffect","props","console","warn","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextInternalProps","size","_DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingInternalProps","_SectionHeading","letterSpacing","letterSpacingWide","textTransform","PropsWithHTMLElement","ParagraphInternalProps","HTMLParagraphElement","displayName"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/components/typography/src/index.ts","packages/components/typography/src/Heading/index.ts","packages/components/typography/src/Heading/Heading.tsx","packages/components/typography/src/Text/index.ts","packages/components/typography/src/Text/Text.tsx","packages/components/typography/src/Subheading/index.ts","packages/components/typography/src/Subheading/Subheading.tsx","packages/components/typography/src/Typography.tsx","packages/components/typography/src/DisplayText/index.ts","packages/components/typography/src/DisplayText/DisplayText.tsx","packages/components/typography/src/SectionHeading/index.ts","packages/components/typography/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/Paragraph/index.ts","packages/components/typography/src/Paragraph/Paragraph.tsx"],"sourcesContent":["export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n","export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  children?: React.ReactNode;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type HeadingProps<\n  E extends React.ElementType = typeof HEADING_DEFAULT_TAG\n> = PolymorphicProps<HeadingInternalProps, E>;\n\nfunction _Heading<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n  { children, testId = 'cf-ui-heading', ...otherProps }: HeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeXl\"\n      lineHeight=\"lineHeightXl\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_Heading.displayName = 'Heading';\n\nexport const Heading: PolymorphicComponent<\n  ExpandProps<HeadingInternalProps>,\n  typeof HEADING_DEFAULT_TAG\n> = React.forwardRef(_Heading);\n","export { Text } from './Text';\nexport type { TextProps } from './Text';\n","import React from 'react';\nimport tokens, {\n  FontSizeTokens,\n  LineHeightTokens,\n  FontWeightTokens,\n  FontStackTokens,\n  ColorTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport { Box } from '@contentful/f36-core';\nimport type {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n  children?: React.ReactNode;\n  fontSize?: FontSizeTokens;\n  lineHeight?: LineHeightTokens;\n  fontStack?: FontStackTokens;\n  fontWeight?: FontWeightTokens;\n  fontColor?: ColorTokens;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  });\n}\n\nfunction wordBreakStyle() {\n  return css({\n    wordBreak: 'break-word',\n  });\n}\n\nexport type TextProps<\n  E extends React.ElementType = typeof TEXT_DEFAULT_TAG\n> = PolymorphicProps<TextInternalProps, E>;\n\nfunction _Text<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n  {\n    fontSize = 'fontSizeM',\n    fontStack = 'fontStackPrimary',\n    fontWeight = 'fontWeightNormal',\n    fontColor = 'gray800',\n    lineHeight = 'lineHeightM',\n    children,\n    isTruncated,\n    isWordBreak,\n    as,\n    className,\n    margin = 'none',\n    ...otherProps\n  }: TextProps<E>,\n  ref: React.Ref<any>,\n) {\n  const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n  return (\n    <Box\n      {...otherProps}\n      as={Element}\n      className={cx(\n        css({\n          padding: 0,\n          fontFamily: tokens[fontStack],\n          fontWeight: tokens[fontWeight],\n          color: tokens[fontColor],\n          fontSize: tokens[fontSize],\n          lineHeight: tokens[lineHeight],\n        }),\n        isTruncated ? truncatedStyle() : null,\n        isWordBreak ? wordBreakStyle() : null,\n        className,\n      )}\n      margin={margin}\n      ref={ref}\n    >\n      {children}\n    </Box>\n  );\n}\n\n_Text.displayName = 'Text';\n\nexport const Text: PolymorphicComponent<\n  ExpandProps<TextInternalProps>,\n  typeof TEXT_DEFAULT_TAG\n> = React.forwardRef(_Text);\n","export { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\n","import React from 'react';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SubheadingProps<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n> = PolymorphicProps<SubheadingInternalProps, E>;\n\nfunction _Subheading<\n  E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG\n>(\n  { children, testId = 'cf-ui-subheading', ...otherProps }: SubheadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SUBHEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingM\"\n      fontSize=\"fontSizeL\"\n      lineHeight=\"lineHeightL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_Subheading.displayName = 'Subheading';\n\nexport const Subheading: PolymorphicComponent<\n  ExpandProps<SubheadingInternalProps>,\n  typeof SUBHEADING_DEFAULT_TAG\n> = React.forwardRef(_Subheading);\n","import React, { useEffect } from 'react';\n\nexport interface TypographyProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated\n */\nexport function Typography(props: TypographyProps) {\n  useEffect(() => {\n    console.warn(\n      'Forma 36: Typography component is deprecated. You can safely remove it from your components.',\n    );\n  }, []);\n  return <>{props.children}</>;\n}\n\nTypography.displayName = 'Typography';\n","export { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends CommonProps, MarginProps {\n  size?: 'default' | 'large';\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type DisplayTextProps<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n> = PolymorphicProps<DisplayTextInternalProps, E>;\n\nfunction _DisplayText<\n  E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG\n>(\n  {\n    children,\n    size = 'default',\n    testId = 'cf-ui-display-text',\n    ...otherProps\n  }: DisplayTextProps<E>,\n  ref: React.Ref<any>,\n) {\n  let fontSize: FontSizeTokens = 'fontSize2Xl';\n  let lineHeight: LineHeightTokens = 'lineHeight2Xl';\n\n  if (size === 'large') {\n    fontSize = 'fontSize3Xl';\n    lineHeight = 'lineHeight3Xl';\n  }\n\n  return (\n    <Text\n      as={DISPLAY_TEXT_DEFAULT_TAG}\n      testId={testId}\n      marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n      fontSize={fontSize}\n      lineHeight={lineHeight}\n      fontColor=\"gray900\"\n      fontWeight=\"fontWeightDemiBold\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_DisplayText.displayName = 'DisplayText';\n\nexport const DisplayText: PolymorphicComponent<\n  ExpandProps<DisplayTextInternalProps>,\n  typeof DISPLAY_TEXT_DEFAULT_TAG\n> = React.forwardRef(_DisplayText);\n","export { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from 'emotion';\nimport type {\n  CommonProps,\n  MarginProps,\n  PolymorphicComponent,\n  PolymorphicProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text } from '../Text';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends CommonProps, MarginProps {\n  as?: HeadingElement;\n  isTruncated?: boolean;\n  isWordBreak?: boolean;\n}\n\nexport type SectionHeadingProps<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n> = PolymorphicProps<SectionHeadingInternalProps, E>;\n\nfunction _SectionHeading<\n  E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG\n>(\n  {\n    children,\n    className,\n    testId = 'cf-ui-section-heading',\n    ...otherProps\n  }: SectionHeadingProps<E>,\n  ref: React.Ref<any>,\n) {\n  return (\n    <Text\n      as={SECTION_HEADING_DEFAULT_TAG}\n      testId={testId}\n      marginBottom=\"spacingL\"\n      fontWeight=\"fontWeightDemiBold\"\n      fontColor=\"gray900\"\n      fontSize=\"fontSizeS\"\n      lineHeight=\"lineHeightS\"\n      className={cx(\n        css({\n          letterSpacing: tokens.letterSpacingWide,\n          textTransform: 'uppercase',\n        }),\n        className,\n      )}\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n}\n\n_SectionHeading.displayName = 'SectionHeading';\n\nexport const SectionHeading: PolymorphicComponent<\n  ExpandProps<SectionHeadingInternalProps>,\n  typeof SECTION_HEADING_DEFAULT_TAG\n> = React.forwardRef(_SectionHeading);\n","export { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\n","import React from 'react';\nimport type {\n  PropsWithHTMLElement,\n  CommonProps,\n  MarginProps,\n  ExpandProps,\n} from '@contentful/f36-core';\nimport { Text } from '../Text';\n\nexport type ParagraphInternalProps = CommonProps &\n  MarginProps & {\n    children: React.ReactNode;\n    isTruncated?: boolean;\n    isWordBreak?: boolean;\n  };\n\nexport type ParagraphProps = PropsWithHTMLElement<ParagraphInternalProps, 'p'>;\n\nexport const Paragraph = React.forwardRef<\n  HTMLParagraphElement,\n  ExpandProps<ParagraphProps>\n>(({ children, testId = 'cf-ui-paragraph', ...otherProps }, ref) => {\n  return (\n    <Text\n      as=\"p\"\n      testId={testId}\n      marginBottom=\"spacingM\"\n      lineHeight=\"lineHeightM\"\n      {...otherProps}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n\nParagraph.displayName = 'Paragraph';\n"],"names":["Heading","HeadingProps","HeadingElement","Subheading","SubheadingProps","Typography","TypographyProps","DisplayText","DisplayTextProps","SectionHeading","SectionHeadingProps","Paragraph","ParagraphProps","Text","TextProps","React","CommonProps","MarginProps","PolymorphicComponent","PolymorphicProps","ExpandProps","HEADING_DEFAULT_TAG","HeadingInternalProps","as","children","ReactNode","isTruncated","isWordBreak","ElementType","E","_Heading","testId","otherProps","ref","Ref","displayName","forwardRef","tokens","FontSizeTokens","LineHeightTokens","FontWeightTokens","FontStackTokens","ColorTokens","Box","TextInternalProps","fontSize","lineHeight","fontStack","fontWeight","fontColor","TEXT_DEFAULT_TAG","truncatedStyle","wordBreakStyle","_Text","className","margin","Element","padding","fontFamily","color","SUBHEADING_DEFAULT_TAG","SubheadingInternalProps","_Subheading","useEffect","props","console","warn","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextInternalProps","size","_DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingInternalProps","_SectionHeading","letterSpacing","letterSpacingWide","textTransform","PropsWithHTMLElement","ParagraphInternalProps","HTMLParagraphElement"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -32,13 +32,6 @@ interface SubheadingInternalProps extends CommonProps, MarginProps {
 }
 export type SubheadingProps<E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG> = PolymorphicProps<SubheadingInternalProps, E>;
 export const Subheading: PolymorphicComponent<ExpandProps<SubheadingInternalProps>, typeof SUBHEADING_DEFAULT_TAG>;
-export interface TypographyProps {
-    children?: React.ReactNode;
-}
-/**
- * @deprecated
- */
-export function Typography(props: TypographyProps): JSX.Element;
 declare const DISPLAY_TEXT_DEFAULT_TAG = "h2";
 interface DisplayTextInternalProps extends CommonProps, MarginProps {
     size?: 'default' | 'large';

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/components/typography/src/src/Text/Text.tsx","packages/components/typography/src/src/Text/index.ts","packages/components/typography/src/src/Heading/Heading.tsx","packages/components/typography/src/src/Heading/index.ts","packages/components/typography/src/src/Subheading/Subheading.tsx","packages/components/typography/src/src/Subheading/index.ts","packages/components/typography/src/src/Typography.tsx","packages/components/typography/src/src/DisplayText/DisplayText.tsx","packages/components/typography/src/src/DisplayText/index.ts","packages/components/typography/src/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/src/SectionHeading/index.ts","packages/components/typography/src/src/Paragraph/Paragraph.tsx","packages/components/typography/src/src/Paragraph/index.ts","packages/components/typography/src/src/index.ts","packages/components/typography/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,"export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"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","sources":["packages/components/typography/src/src/Text/Text.tsx","packages/components/typography/src/src/Text/index.ts","packages/components/typography/src/src/Heading/Heading.tsx","packages/components/typography/src/src/Heading/index.ts","packages/components/typography/src/src/Subheading/Subheading.tsx","packages/components/typography/src/src/Subheading/index.ts","packages/components/typography/src/src/Typography.tsx","packages/components/typography/src/src/DisplayText/DisplayText.tsx","packages/components/typography/src/src/DisplayText/index.ts","packages/components/typography/src/src/SectionHeading/SectionHeading.tsx","packages/components/typography/src/src/SectionHeading/index.ts","packages/components/typography/src/src/Paragraph/Paragraph.tsx","packages/components/typography/src/src/Paragraph/index.ts","packages/components/typography/src/src/index.ts","packages/components/typography/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,"export { Heading } from './Heading';\nexport type { HeadingProps, HeadingElement } from './Heading';\nexport { Subheading } from './Subheading';\nexport type { SubheadingProps } from './Subheading';\nexport { Typography } from './Typography';\nexport type { TypographyProps } from './Typography';\nexport { DisplayText } from './DisplayText';\nexport type { DisplayTextProps } from './DisplayText';\nexport { SectionHeading } from './SectionHeading';\nexport type { SectionHeadingProps } from './SectionHeading';\nexport { Paragraph } from './Paragraph';\nexport type { ParagraphProps } from './Paragraph';\nexport { Text } from './Text';\nexport type { TextProps } from './Text';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/f36-typography",
-  "version": "4.2.1",
+  "version": "4.2.4",
   "description": "Forma 36: typography React Component",
   "license": "MIT",
   "files": [
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "^4.2.1",
+    "@contentful/f36-core": "^4.3.0",
     "@contentful/f36-tokens": "^4.0.1",
     "emotion": "^10.0.17"
   },
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e3e979f182b1386de7209705403030cdbb92d71b"
+  "gitHead": "a5e41bc0a1c0259bd2ab2e55c80c6ae0e33ec254"
 }