@contentful/f36-typography 4.0.1 → 4.2.0

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.2.0](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.1.2...@contentful/f36-typography@4.2.0) (2022-02-22)
+
+
+### Features
+
+* new property to typography components ([#1891](https://github.com/contentful/forma-36/issues/1891)) ([ed309a6](https://github.com/contentful/forma-36/commit/ed309a69ec840b0c0b38150403d2839a2678ad9e))
+
+
+
+
+
+## [4.1.2](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.1.1...@contentful/f36-typography@4.1.2) (2022-02-17)
+
+**Note:** Version bump only for package @contentful/f36-typography
+
+
+
+
+
+## [4.1.1](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.1.0...@contentful/f36-typography@4.1.1) (2022-01-31)
+
+**Note:** Version bump only for package @contentful/f36-typography
+
+
+
+
+
+# [4.1.0](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.0.1...@contentful/f36-typography@4.1.0) (2022-01-31)
+
+
+### Features
+
+* implement props list redesign [BAU-535]  ([#1756](https://github.com/contentful/forma-36/issues/1756)) ([21c57e7](https://github.com/contentful/forma-36/commit/21c57e72008b75990d03af4e7500edc1c7f3d26d))
+
+
+
+
+
 ## [4.0.1](https://github.com/contentful/forma-36/compare/@contentful/f36-typography@4.0.0...@contentful/f36-typography@4.0.1) (2022-01-11)
 
 **Note:** Version bump only for package @contentful/f36-typography

package/dist/main.js

@@ -30,7 +30,13 @@ function $614d2e96c3b19fc3$var$truncatedStyle() {
         styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
     }));
 }
-function $614d2e96c3b19fc3$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontStack: fontStack = 'fontStackPrimary' , fontWeight: fontWeight = 'fontWeightNormal' , fontColor: fontColor = 'gray800' , lineHeight: lineHeight = 'lineHeightM' , children: children , isTruncated: isTruncated , as: as , className: className , margin: margin = 'none' , ...otherProps }, ref) {
+function $614d2e96c3b19fc3$var$wordBreakStyle() {
+    return(/*#__PURE__*/ $5fdCT$emotion.css({
+        name: "542wex",
+        styles: "word-break:break-word;"
+    }));
+}
+function $614d2e96c3b19fc3$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontStack: fontStack = 'fontStackPrimary' , fontWeight: fontWeight = 'fontWeightNormal' , fontColor: fontColor = 'gray800' , lineHeight: lineHeight = 'lineHeightM' , children: children , isTruncated: isTruncated , isWordBreak: isWordBreak , as: as , className: className , margin: margin = 'none' , ...otherProps }, ref) {
     const Element = as || $614d2e96c3b19fc3$var$TEXT_DEFAULT_TAG;
     return(/*#__PURE__*/ ($parcel$interopDefault($5fdCT$react)).createElement($5fdCT$contentfulf36core.Box, {
         ...otherProps,
@@ -42,7 +48,7 @@ function $614d2e96c3b19fc3$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontSt
             color: ($parcel$interopDefault($5fdCT$contentfulf36tokens))[fontColor],
             fontSize: ($parcel$interopDefault($5fdCT$contentfulf36tokens))[fontSize],
             lineHeight: ($parcel$interopDefault($5fdCT$contentfulf36tokens))[lineHeight]
-        }), isTruncated ? $614d2e96c3b19fc3$var$truncatedStyle() : null, className),
+        }), isTruncated ? $614d2e96c3b19fc3$var$truncatedStyle() : null, isWordBreak ? $614d2e96c3b19fc3$var$wordBreakStyle() : null, className),
         margin: margin,
         ref: ref
     }, children));

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 {\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}\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 {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  Box,\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}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\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    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        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 {\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}\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 {\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}\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 {\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}\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 {\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  };\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","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","_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 {\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 {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  Box,\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 {\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 {\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 {\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 {\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"}

package/dist/module.js

@@ -16,7 +16,13 @@ function $0274f3e162e60812$var$truncatedStyle() {
         styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
     }));
 }
-function $0274f3e162e60812$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontStack: fontStack = 'fontStackPrimary' , fontWeight: fontWeight = 'fontWeightNormal' , fontColor: fontColor = 'gray800' , lineHeight: lineHeight = 'lineHeightM' , children: children , isTruncated: isTruncated , as: as , className: className , margin: margin = 'none' , ...otherProps }, ref) {
+function $0274f3e162e60812$var$wordBreakStyle() {
+    return(/*#__PURE__*/ $4MbOE$css({
+        name: "542wex",
+        styles: "word-break:break-word;"
+    }));
+}
+function $0274f3e162e60812$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontStack: fontStack = 'fontStackPrimary' , fontWeight: fontWeight = 'fontWeightNormal' , fontColor: fontColor = 'gray800' , lineHeight: lineHeight = 'lineHeightM' , children: children , isTruncated: isTruncated , isWordBreak: isWordBreak , as: as , className: className , margin: margin = 'none' , ...otherProps }, ref) {
     const Element = as || $0274f3e162e60812$var$TEXT_DEFAULT_TAG;
     return(/*#__PURE__*/ $4MbOE$react.createElement($4MbOE$Box, {
         ...otherProps,
@@ -28,7 +34,7 @@ function $0274f3e162e60812$var$_Text({ fontSize: fontSize = 'fontSizeM' , fontSt
             color: $4MbOE$contentfulf36tokens[fontColor],
             fontSize: $4MbOE$contentfulf36tokens[fontSize],
             lineHeight: $4MbOE$contentfulf36tokens[lineHeight]
-        }), isTruncated ? $0274f3e162e60812$var$truncatedStyle() : null, className),
+        }), isTruncated ? $0274f3e162e60812$var$truncatedStyle() : null, isWordBreak ? $0274f3e162e60812$var$wordBreakStyle() : null, className),
         margin: margin,
         ref: ref
     }, children));

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AI4BA,KAAA,CAAMgD,sCAAgB,GAAG,CAAzB;SAESC,oCAAT,GAA0B,CAA1B;IACE,MAAA,CAAA,EAAO,AAAP,SAAO,AAAP,EAAO,CAAA,UAAP,CAAA,CAAA;QAAO,IAAA,EAAA,CAAA;QAAA,MAAA,EAAA,CAAA;IAAA,CAAA;AAKR,CAAA;SAMQC,2BAAK,CACZ,CADF,WAEIP,QAAQ,GAAG,CADb,wBAEEE,SAAS,GAAG,CAFd,gCAGEC,UAAU,GAAG,CAHf,+BAIEC,SAAS,GAAG,CAJd,uBAKEH,UAAU,GAAG,CALf,yBAMEpB,QANF,gBAOEE,WAPF,OAQEH,EARF,cASE4B,SATF,WAUEC,MAAM,GAAG,CAVX,WAWKrB,UAAH,CACU,CAbd,EAcEC,GAdF,EAeE,CAdA;IAeA,KAAA,CAAMqB,OAAO,GAAsB9B,EAAE,IAAIyB,sCAAzC;IAEA,MAAA,0CACG,UAAD;WACMjB,UAAJ;QACA,EAAA,EAAIsB,OAAD;QACH,SAAA,EAAW,SAAA,CAAA,EACT,AADS,SACT,AADS,EACT,CAAA,UAAA,CAAI,CALV;YAMQC,OAAO,EAAE,CADP;YAEFC,UAAU,EAAEpB,0BAAM,CAACU,SAAD;YAClBC,UAAU,EAAEX,0BAAM,CAACW,UAAD;YAClBU,KAAK,EAAErB,0BAAM,CAACY,SAAD;YACbJ,QAAQ,EAAER,0BAAM,CAACQ,QAAD;YAChBC,UAAU,EAAET,0BAAM,CAACS,UAAD;QANhB,CAAJ,GAQAlB,WAAW,GAAGuB,oCAAc,KAAK,IATxB,EAUTE,SAVS;QAYX,MAAA,EAAQC,MAAD;QACP,GAAA,EAAKpB,GAAD;OAEHR,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMX,yCAAI,iBAGbE,YAAK,CAACmB,UAAN,CAAiBgB,2BAAjB;;;;AF7EJ,KAAA,CAAM7B,yCAAmB,GAAG,CAA5B;SAcSQ,8BAAQ,CACf,CADF,WACIL,QAAF,WAAYM,MAAM,GAAG,CAArB,oBAAyCC,UAAH,CAA6B,CADrE,EAEEC,GAFF,EAGE,CAFA;IAGA,MAAA,0CACG,yCAAD;QACE,EAAA,EAAIX,yCAAD;QACH,MAAA,EAAQS,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;OAEHR,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMxB,yCAAO,iBAGhBe,YAAK,CAACmB,UAAN,CAAiBL,8BAAjB;;;;;;AIrCJ,KAAA,CAAM4B,4CAAsB,GAAG,CAA/B;SAWSE,iCAAW,CAGlB,CAHF,WAGInC,QAAF,WAAYM,MAAM,GAAG,CAArB,uBAA4CC,UAAH,CAAgC,CAH3E,EAIEC,GAJF,EAKE,CAFA;IAGA,MAAA,0CACG,yCAAD;QACE,EAAA,EAAIyB,4CAAD;QACH,MAAA,EAAQ3B,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;OAEHR,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMrB,yCAAU,iBAGnBY,YAAK,CAACmB,UAAN,CAAiByB,iCAAjB;;;;;SCvCYtD,yCAAT,CAAoBwD,KAApB,EAA4C,CAAnD;IACED,gBAAS,KAAO,CAAhBA;QACEE,OAAO,CAACC,IAAR,CACE,CADF;IAGD,CAJQ,EAIN,CAAA,CAJM;IAKT,MAAA,uEAAUF,KAAK,CAACrC,QAAP;AACV,CAAA;;;;;AEJD,KAAA,CAAMwC,8CAAwB,GAAG,CAAjC;SAYSG,kCAAY,CAGnB,CAHF,WAII3C,QADF,SAEE0C,IAAI,GAAG,CAFT,mBAGEpC,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,EAAIsB,IAAI,KAAK,CAAb,QAAsB,CAAtB;QACEvB,QAAQ,GAAG,CAAX;QACAC,UAAU,GAAG,CAAb;IACD,CAAA;IAED,MAAA,0CACG,yCAAD;QACE,EAAA,EAAIoB,8CAAD;QACH,MAAA,EAAQlC,MAAD;QACP,YAAA,EAAcoC,IAAI,KAAK,CAAT,WAAqB,CAArB,YAAkC,CAAnC;QACb,QAAA,EAAUvB,QAAD;QACT,UAAA,EAAYC,UAAD;QACX,SAAA,EAAU,CANZ;QAOE,UAAA,EAAW,CAPb;WAQMb,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHR,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMjB,yCAAW,iBAGpBQ,YAAK,CAACmB,UAAN,CAAiBiC,kCAAjB;;;;;;;;;AElDJ,KAAA,CAAMC,iDAA2B,GAAG,CAApC;SAWSE,qCAAe,CAGtB,CAHF,WAII9C,QADF,cAEE2B,SAFF,WAGErB,MAAM,GAAG,CAHX,4BAIKC,UAAH,CACoB,CARxB,EASEC,GATF,EAUE,CAPA;IAQA,MAAA,0CACG,yCAAD;QACE,EAAA,EAAIoC,iDAAD;QACH,MAAA,EAAQtC,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,UAAA,EAAW,CAJb;QAKE,SAAA,EAAU,CALZ;QAME,QAAA,EAAS,CANX;QAOE,UAAA,EAAW,CAPb;QAQE,SAAA,EAAW,SAAA,CAAA,EACT,AADS,SACT,AADS,EACT,CAAA,UAAA,CAAI,CAVV;YAWQyC,aAAa,EAAEpC,0BAAM,CAACqC,iBADpB;YAEFC,aAAa,EAAE,CAAfA;QAFE,CAAJ,GAIAtB,SALS;WAOPpB,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHR,QAAD;AAGL,CAAA;AAEM,KAAA,CAAMf,yCAAc,iBAGvBM,YAAK,CAACmB,UAAN,CAAiBoC,qCAAjB;;;;;;AE7CG,KAAA,CAAM3D,yCAAS,iBAAGI,YAAK,CAACmB,UAAU,EAGtC,CAHH,WAGKV,QAAF,WAAYM,MAAM,GAAG,CAArB,sBAA2CC,UAAH,CAAxC,CAAD,EAA0DC,GAA1D,GAAkE,CAAjE;IACD,MAAA,0CACG,yCAAD;QACE,EAAA,EAAG,CADL;QAEE,MAAA,EAAQF,MAAD;QACP,YAAA,EAAa,CAHf;QAIE,UAAA,EAAW,CAJb;WAKMC,UAAJ;QACA,GAAA,EAAKC,GAAD;OAEHR,QAAD;AAGL,CAhBwB;AAkBzBb,yCAAS,CAACkE,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 {\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}\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 {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  Box,\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}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n  return css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\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    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        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 {\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}\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 {\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}\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 {\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}\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 {\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  };\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","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","_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 {\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 {\n  PolymorphicComponent,\n  CommonProps,\n  MarginProps,\n  PolymorphicProps,\n  Box,\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 {\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 {\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 {\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 {\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"}

package/dist/types.d.ts

@@ -9,6 +9,7 @@ interface TextInternalProps extends CommonProps, MarginProps {
     fontWeight?: FontWeightTokens;
     fontColor?: ColorTokens;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 }
 declare const TEXT_DEFAULT_TAG = "span";
 export type TextProps<E extends React.ElementType = typeof TEXT_DEFAULT_TAG> = PolymorphicProps<TextInternalProps, E>;
@@ -19,6 +20,7 @@ interface HeadingInternalProps extends CommonProps, MarginProps {
     as?: HeadingElement;
     children?: React.ReactNode;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 }
 export type HeadingProps<E extends React.ElementType = typeof HEADING_DEFAULT_TAG> = PolymorphicProps<HeadingInternalProps, E>;
 export const Heading: PolymorphicComponent<ExpandProps<HeadingInternalProps>, typeof HEADING_DEFAULT_TAG>;
@@ -26,6 +28,7 @@ declare const SUBHEADING_DEFAULT_TAG = "h3";
 interface SubheadingInternalProps extends CommonProps, MarginProps {
     as?: HeadingElement;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 }
 export type SubheadingProps<E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG> = PolymorphicProps<SubheadingInternalProps, E>;
 export const Subheading: PolymorphicComponent<ExpandProps<SubheadingInternalProps>, typeof SUBHEADING_DEFAULT_TAG>;
@@ -41,6 +44,7 @@ interface DisplayTextInternalProps extends CommonProps, MarginProps {
     size?: 'default' | 'large';
     as?: HeadingElement;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 }
 export type DisplayTextProps<E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG> = PolymorphicProps<DisplayTextInternalProps, E>;
 export const DisplayText: PolymorphicComponent<ExpandProps<DisplayTextInternalProps>, typeof DISPLAY_TEXT_DEFAULT_TAG>;
@@ -48,279 +52,20 @@ declare const SECTION_HEADING_DEFAULT_TAG = "h2";
 interface SectionHeadingInternalProps extends CommonProps, MarginProps {
     as?: HeadingElement;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 }
 export type SectionHeadingProps<E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG> = PolymorphicProps<SectionHeadingInternalProps, E>;
 export const SectionHeading: PolymorphicComponent<ExpandProps<SectionHeadingInternalProps>, typeof SECTION_HEADING_DEFAULT_TAG>;
 type ParagraphInternalProps = CommonProps & MarginProps & {
     children: React.ReactNode;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 };
 export type ParagraphProps = PropsWithHTMLElement<ParagraphInternalProps, 'p'>;
-export const Paragraph: React.ForwardRefExoticComponent<{
-    hidden?: boolean;
-    color?: string;
-    translate?: "no" | "yes";
-    slot?: string;
-    title?: string;
-    id?: string;
-    lang?: string;
-    role?: string;
-    tabIndex?: number;
-    'aria-activedescendant'?: string;
-    'aria-atomic'?: boolean | "true" | "false";
-    'aria-autocomplete'?: "none" | "list" | "inline" | "both";
-    'aria-busy'?: boolean | "true" | "false";
-    'aria-checked'?: boolean | "true" | "false" | "mixed";
-    'aria-colcount'?: number;
-    'aria-colindex'?: number;
-    'aria-colspan'?: number;
-    'aria-controls'?: string;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
-    'aria-describedby'?: string;
-    'aria-details'?: string;
-    'aria-disabled'?: boolean | "true" | "false";
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
-    'aria-errormessage'?: string;
-    'aria-expanded'?: boolean | "true" | "false";
-    'aria-flowto'?: string;
-    'aria-grabbed'?: boolean | "true" | "false";
-    'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
-    'aria-hidden'?: boolean | "true" | "false";
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
-    'aria-keyshortcuts'?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-level'?: number;
-    'aria-live'?: "off" | "assertive" | "polite";
-    'aria-modal'?: boolean | "true" | "false";
-    'aria-multiline'?: boolean | "true" | "false";
-    'aria-multiselectable'?: boolean | "true" | "false";
-    'aria-orientation'?: "horizontal" | "vertical";
-    'aria-owns'?: string;
-    'aria-placeholder'?: string;
-    'aria-posinset'?: number;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed";
-    'aria-readonly'?: boolean | "true" | "false";
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-    'aria-required'?: boolean | "true" | "false";
-    'aria-roledescription'?: string;
-    'aria-rowcount'?: number;
-    'aria-rowindex'?: number;
-    'aria-rowspan'?: number;
-    'aria-selected'?: boolean | "true" | "false";
-    'aria-setsize'?: number;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other";
-    'aria-valuemax'?: number;
-    'aria-valuemin'?: number;
-    'aria-valuenow'?: number;
-    'aria-valuetext'?: string;
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    };
-    onCopy?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onCut?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onPaste?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
-    onFocus?: React.FocusEventHandler<HTMLParagraphElement>;
-    onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement>;
-    onBlur?: React.FocusEventHandler<HTMLParagraphElement>;
-    onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement>;
-    onChange?: React.FormEventHandler<HTMLParagraphElement>;
-    onChangeCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onBeforeInput?: React.FormEventHandler<HTMLParagraphElement>;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onInput?: React.FormEventHandler<HTMLParagraphElement>;
-    onInputCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onReset?: React.FormEventHandler<HTMLParagraphElement>;
-    onResetCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onSubmit?: React.FormEventHandler<HTMLParagraphElement>;
-    onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onInvalid?: React.FormEventHandler<HTMLParagraphElement>;
-    onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement>;
-    onLoad?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onError?: React.ReactEventHandler<HTMLParagraphElement>;
-    onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
-    onAbort?: React.ReactEventHandler<HTMLParagraphElement>;
-    onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onCanPlay?: React.ReactEventHandler<HTMLParagraphElement>;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement>;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onDurationChange?: React.ReactEventHandler<HTMLParagraphElement>;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEmptied?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEncrypted?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEnded?: React.ReactEventHandler<HTMLParagraphElement>;
-    onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadedData?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadStart?: React.ReactEventHandler<HTMLParagraphElement>;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPause?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPlay?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPlaying?: React.ReactEventHandler<HTMLParagraphElement>;
-    onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onProgress?: React.ReactEventHandler<HTMLParagraphElement>;
-    onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onRateChange?: React.ReactEventHandler<HTMLParagraphElement>;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSeeked?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSeeking?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onStalled?: React.ReactEventHandler<HTMLParagraphElement>;
-    onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSuspend?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement>;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement>;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onWaiting?: React.ReactEventHandler<HTMLParagraphElement>;
-    onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onAuxClick?: React.MouseEventHandler<HTMLParagraphElement>;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onClick?: React.MouseEventHandler<HTMLParagraphElement>;
-    onClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onContextMenu?: React.MouseEventHandler<HTMLParagraphElement>;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement>;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onDrag?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragEnd?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragEnter?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragExit?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragLeave?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragOver?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragStart?: React.DragEventHandler<HTMLParagraphElement>;
-    onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onDrop?: React.DragEventHandler<HTMLParagraphElement>;
-    onDropCapture?: React.DragEventHandler<HTMLParagraphElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseMove?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseUp?: React.MouseEventHandler<HTMLParagraphElement>;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement>;
-    onSelect?: React.ReactEventHandler<HTMLParagraphElement>;
-    onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement>;
-    onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchMove?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchStart?: React.TouchEventHandler<HTMLParagraphElement>;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement>;
-    onPointerDown?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerMove?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerUp?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerOver?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerOut?: React.PointerEventHandler<HTMLParagraphElement>;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement>;
-    onScroll?: React.UIEventHandler<HTMLParagraphElement>;
-    onScrollCapture?: React.UIEventHandler<HTMLParagraphElement>;
-    onWheel?: React.WheelEventHandler<HTMLParagraphElement>;
-    onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement>;
-    onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement>;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement>;
-    key?: React.Key;
-    defaultChecked?: boolean;
-    defaultValue?: string | number | readonly string[];
-    suppressContentEditableWarning?: boolean;
-    suppressHydrationWarning?: boolean;
-    accessKey?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
-    contextMenu?: string;
-    dir?: string;
-    draggable?: boolean | "true" | "false";
-    placeholder?: string;
-    spellCheck?: boolean | "true" | "false";
-    radioGroup?: string;
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    resource?: string;
-    typeof?: string;
-    vocab?: string;
-    autoCapitalize?: string;
-    autoCorrect?: string;
-    autoSave?: string;
-    itemProp?: string;
-    itemScope?: boolean;
-    itemType?: string;
-    itemID?: string;
-    itemRef?: string;
-    results?: number;
-    security?: string;
-    unselectable?: "on" | "off";
-    inputMode?: "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-    is?: string;
-    className?: string;
-    testId?: string;
-    style?: React.CSSProperties;
-    margin?: import("@contentful/f36-core").Spacing;
-    marginTop?: import("@contentful/f36-core").Spacing;
-    marginRight?: import("@contentful/f36-core").Spacing;
-    marginBottom?: import("@contentful/f36-core").Spacing;
-    marginLeft?: import("@contentful/f36-core").Spacing;
+export const Paragraph: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>>, never>, "children" | "isTruncated" | "isWordBreak" | keyof CommonProps | keyof MarginProps> & CommonProps & MarginProps & {
     children: React.ReactNode;
     isTruncated?: boolean;
+    isWordBreak?: boolean;
 } & React.RefAttributes<HTMLParagraphElement>>;
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AAkBA,2BAAmC,SAAQ,WAAW,EAAE,WAAW;IACjE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,yBAAyB,CAAC;AAUhC,sBACE,CAAC,SAAS,MAAM,WAAW,GAAG,uBAAuB,IACnD,iBAAiB,iBAAiB,EAAE,CAAC,CAAC,CAAC;AA4C3C,OAAO,MAAM,MAAM,qBACjB,YAAY,iBAAiB,CAAC,EAC9B,uBAAuB,CACE,CAAC;AE7E5B,QAAA,MAAM,0BAA0B,CAAC;AAEjC,6BAA6B,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,8BAAsC,SAAQ,WAAW,EAAE,WAAW;IACpE,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yBACE,CAAC,SAAS,MAAM,WAAW,GAAG,0BAA0B,IACtD,iBAAiB,oBAAoB,EAAE,CAAC,CAAC,CAAC;AAuB9C,OAAO,MAAM,SAAS,qBACpB,YAAY,oBAAoB,CAAC,EACjC,0BAA0B,CACE,CAAC;AErC/B,QAAA,MAAM,6BAA6B,CAAC;AAEpC,iCAAyC,SAAQ,WAAW,EAAE,WAAW;IACvE,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,4BACE,CAAC,SAAS,MAAM,WAAW,GAAG,6BAA6B,IACzD,iBAAiB,uBAAuB,EAAE,CAAC,CAAC,CAAC;AAyBjD,OAAO,MAAM,YAAY,qBACvB,YAAY,uBAAuB,CAAC,EACpC,6BAA6B,CACE,CAAC;AE9ClC;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,2BAA2B,KAAK,EAAE,eAAe,eAOhD;ACJD,QAAA,MAAM,+BAA+B,CAAC;AAEtC,kCAA0C,SAAQ,WAAW,EAAE,WAAW;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,6BACE,CAAC,SAAS,MAAM,WAAW,GAAG,+BAA+B,IAC3D,iBAAiB,wBAAwB,EAAE,CAAC,CAAC,CAAC;AAsClD,OAAO,MAAM,aAAa,qBACxB,YAAY,wBAAwB,CAAC,EACrC,+BAA+B,CACC,CAAC;AElDnC,QAAA,MAAM,kCAAkC,CAAC;AAEzC,qCAA6C,SAAQ,WAAW,EAAE,WAAW;IAC3E,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,gCACE,CAAC,SAAS,MAAM,WAAW,GAAG,kCAAkC,IAC9D,iBAAiB,2BAA2B,EAAE,CAAC,CAAC,CAAC;AAqCrD,OAAO,MAAM,gBAAgB,qBAC3B,YAAY,2BAA2B,CAAC,EACxC,kCAAkC,CACC,CAAC;AErDtC,8BAAqC,WAAW,GAC9C,WAAW,GAAG;IACZ,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,6BAA6B,qBAAqB,sBAAsB,EAAE,GAAG,CAAC,CAAC;AAE/E,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cANC,MAAM,SAAS;kBACX,OAAO;8CAqBvB,CAAC","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.0.1",
+  "version": "4.2.0",
   "description": "Forma 36: typography React Component",
   "license": "MIT",
   "files": [
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "^4.0.1",
+    "@contentful/f36-core": "^4.2.0",
     "@contentful/f36-tokens": "^4.0.0",
     "emotion": "^10.0.17"
   },
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0"
+  "gitHead": "0eda3e60f94b7c8751b8fae6fd7f3dd02365ede2"
 }