@contentful/f36-typography 4.8.0 → 4.8.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Change Log
 
+## 4.8.1
+
+### Patch Changes
+
+- [#2048](https://github.com/contentful/forma-36/pull/2048) [`7afca5e6`](https://github.com/contentful/forma-36/commit/7afca5e6f9d89b1f187fc48ab8e8fd39366f110b) Thanks [@andipaetzold](https://github.com/andipaetzold)! - Fix issue with types being generated wrongly
+
+- Updated dependencies []:
+  - @contentful/f36-core@4.8.1
+
 ## 4.8.0
 
 ### Patch Changes

package/dist/main.js

@@ -99,12 +99,12 @@ const $c0b2d07258fbc250$export$5404b1d39162d870 = /*#__PURE__*/ ($parcel$interop
 
 
 
-function $d22050ec5fdf0a29$export$1c6175f3aa4394b7(props) {
+const $d22050ec5fdf0a29$export$1c6175f3aa4394b7 = (props)=>{
     $5fdCT$react.useEffect(()=>{
         console.warn('Forma 36: Typography component is deprecated. You can safely remove it from your components.');
     }, []);
     return /*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).createElement(($parcel$interopDefault($5fdCT$react)).Fragment, null, props.children);
-}
+};
 $d22050ec5fdf0a29$export$1c6175f3aa4394b7.displayName = 'Typography';
 
 

package/dist/main.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\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"}
+{"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 const 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

@@ -85,12 +85,12 @@ const $b9992727336642f5$export$5404b1d39162d870 = /*#__PURE__*/ $4MbOE$react.for
 
 
 
-function $3e422817efdc58c6$export$1c6175f3aa4394b7(props) {
+const $3e422817efdc58c6$export$1c6175f3aa4394b7 = (props)=>{
     $4MbOE$useEffect(()=>{
         console.warn('Forma 36: Typography component is deprecated. You can safely remove it from your components.');
     }, []);
     return /*#__PURE__*/ $4MbOE$react.createElement($4MbOE$react.Fragment, null, props.children);
-}
+};
 $3e422817efdc58c6$export$1c6175f3aa4394b7.displayName = 'Typography';
 
 

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\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"}
+{"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 const 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,16 @@ 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>;
-declare 
+export interface TypographyProps {
+    children?: React.ReactNode;
+}
 /**
  * @deprecated
  */
-export namespace Typography {
-    var displayName: string;
-}
+export const Typography: {
+    (props: TypographyProps): JSX.Element;
+    displayName: string;
+};
 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.8.0",
+  "version": "4.8.1",
   "description": "Forma 36: typography React Component",
   "license": "MIT",
   "files": [
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "^4.8.0",
+    "@contentful/f36-core": "^4.8.1",
     "@contentful/f36-tokens": "^4.0.1",
     "emotion": "^10.0.17"
   },