@contentful/f36-typography 6.7.3 → 6.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/index.js +1 -1
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +2 -2
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import A from'react';import d from'@contentful/f36-tokens';import {cx,css}from'@emotion/css';import {Box}from'@contentful/f36-core';import {useDensity}from'@contentful/f36-utils';var J=Object.defineProperty,K=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var H=(e,t,o)=>t in e?J(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,p=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&H(e,o,t[o]);if(h)for(var o of h(t))u.call(t,o)&&H(e,o,t[o]);return e},a=(e,t)=>K(e,Q(t));var s=(e,t)=>{var o={};for(var n in e)S.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&h)for(var n of h(e))t.indexOf(n)<0&&u.call(e,n)&&(o[n]=e[n]);return o};var $="span";function ee(){return css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function te(){return css({wordBreak:"break-word"})}function D(e,t){let E=e,{fontSize:o="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:c="gray800",lineHeight:f="lineHeightM",letterSpacing:T="letterSpacingDefault",children:r,isTruncated:i,isWordBreak:g,as:y,className:X,margin:O="none",testId:Y="cf-ui-text",textWrap:v="wrap"}=E,j=s(E,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap"]),q=y||$;return A.createElement(Box,a(p({},j),{as:q,testId:Y,className:cx(css({padding:0,fontFamily:d[n],fontWeight:d[l],color:d[c],fontSize:d[o],lineHeight:d[f],letterSpacing:d[T],textWrap:v}),i?ee():null,g?te():null,X),margin:O,ref:t}),r)}D.displayName="Text";var m=A.forwardRef(D);var ne="span";function I(T,f){var r=T,{children:e,fontWeight:t="fontWeightNormal",testId:o="cf-ui-caption",as:n,fontColor:l="gray900"}=r,c=s(r,["children","fontWeight","testId","as","fontColor"]);let i=useDensity();return A.createElement(m,a(p({as:n||ne,testId:o,fontSize:i==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:i==="high"?"lineHeightSHigh":"lineHeightS",fontColor:l,fontWeight:t},c),{ref:f}),e)}I.displayName="Caption";var R=A.forwardRef(I);var ie="h1";function C(T,f){var r=T,{children:e,testId:t="cf-ui-heading",as:o,fontColor:n="gray900",marginBottom:l="spacingM"}=r,c=s(r,["children","testId","as","fontColor","marginBottom"]);let i=useDensity();return A.createElement(m,a(p({as:o||ie,testId:t,marginBottom:l,fontWeight:"fontWeightDemiBold",fontColor:n,fontSize:i==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:i==="high"?"lineHeightXlHigh":"lineHeightXl"},c),{ref:f}),e)}C.displayName="Heading";var N=A.forwardRef(C);var ae="h3";function G(f,c){var T=f,{children:e,testId:t="cf-ui-subheading",as:o,fontColor:n="gray900"}=T,l=s(T,["children","testId","as","fontColor"]);let r=useDensity();return A.createElement(m,a(p({as:o||ae,testId:t,marginBottom:"spacingM",fontSize:r==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:r==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:n},l),{ref:c}),e)}G.displayName="Subheading";var F=A.forwardRef(G);var se="h2";function b(T,f){var r=T,{children:e,size:t="default",testId:o="cf-ui-display-text",as:n,fontColor:l="gray900"}=r,c=s(r,["children","size","testId","as","fontColor"]);let i="fontSize2Xl",g="lineHeightXl";return t==="large"&&(i="fontSize3Xl",g="lineHeight3Xl"),A.createElement(m,a(p({as:n||se,testId:o,marginBottom:t==="default"?"spacingL":"spacingXl",fontSize:i,lineHeight:g,fontColor:l,fontWeight:"fontWeightDemiBold"},c),{ref:f}),e)}b.displayName="DisplayText";var B=A.forwardRef(b);var Te="h2";function z(r,T){var i=r,{children:e,className:t,testId:o="cf-ui-section-heading",as:n,fontColor:l="gray600",marginBottom:c="spacingL"}=i,f=s(i,["children","className","testId","as","fontColor","marginBottom"]);let g=useDensity();return A.createElement(m,a(p({as:n||Te,testId:o,marginBottom:c,fontWeight:"fontWeightMedium",fontColor:l,fontSize:g==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:g==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:d.letterSpacingDefault}),t)},f),{ref:T}),e)}z.displayName="SectionHeading";var M=A.forwardRef(z);var P=A.forwardRef((c,l)=>{var f=c,{children:e,testId:t="cf-ui-paragraph",marginBottom:o="spacingM"}=f,n=s(f,["children","testId","marginBottom"]);let T=useDensity();return A.createElement(m,a(p({as:"p",testId:t,fontSize:T==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:T==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:o},n),{ref:l}),e)});P.displayName="Paragraph";export{R as Caption,B as DisplayText,N as Heading,P as Paragraph,M as SectionHeading,F as Subheading,m as Text};//# sourceMappingURL=index.js.map
1
+ import A from'react';import d from'@contentful/f36-tokens';import {cx,css}from'@emotion/css';import {Box}from'@contentful/f36-core';import {useDensity}from'@contentful/f36-utils';var J=Object.defineProperty,K=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var H=(e,t,o)=>t in e?J(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,p=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&H(e,o,t[o]);if(h)for(var o of h(t))u.call(t,o)&&H(e,o,t[o]);return e},a=(e,t)=>K(e,Q(t));var s=(e,t)=>{var o={};for(var n in e)S.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&h)for(var n of h(e))t.indexOf(n)<0&&u.call(e,n)&&(o[n]=e[n]);return o};var $="span";function ee(){return css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function te(){return css({wordBreak:"break-word"})}function D(e,t){let E=e,{fontSize:o="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:c="gray800",lineHeight:f="lineHeightM",letterSpacing:T="letterSpacingDefault",children:r,isTruncated:i,isWordBreak:g,as:y,className:w,margin:O="none",testId:Y="cf-ui-text",textWrap:v}=E,j=s(E,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap"]),q=y||$;return A.createElement(Box,a(p({},j),{as:q,testId:Y,className:cx(css({padding:0,fontFamily:d[n],fontWeight:d[l],color:d[c],fontSize:d[o],lineHeight:d[f],letterSpacing:d[T],textWrap:v}),i?ee():null,g?te():null,w),margin:O,ref:t}),r)}D.displayName="Text";var m=A.forwardRef(D);var ne="span";function I(T,f){var r=T,{children:e,fontWeight:t="fontWeightNormal",testId:o="cf-ui-caption",as:n,fontColor:l="gray900"}=r,c=s(r,["children","fontWeight","testId","as","fontColor"]);let i=useDensity();return A.createElement(m,a(p({as:n||ne,testId:o,fontSize:i==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:i==="high"?"lineHeightSHigh":"lineHeightS",fontColor:l,fontWeight:t},c),{ref:f}),e)}I.displayName="Caption";var R=A.forwardRef(I);var ie="h1";function C(T,f){var r=T,{children:e,testId:t="cf-ui-heading",as:o,fontColor:n="gray900",marginBottom:l="spacingM"}=r,c=s(r,["children","testId","as","fontColor","marginBottom"]);let i=useDensity();return A.createElement(m,a(p({as:o||ie,testId:t,marginBottom:l,fontWeight:"fontWeightDemiBold",fontColor:n,fontSize:i==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:i==="high"?"lineHeightXlHigh":"lineHeightXl"},c),{ref:f}),e)}C.displayName="Heading";var N=A.forwardRef(C);var ae="h3";function G(f,c){var T=f,{children:e,testId:t="cf-ui-subheading",as:o,fontColor:n="gray900"}=T,l=s(T,["children","testId","as","fontColor"]);let r=useDensity();return A.createElement(m,a(p({as:o||ae,testId:t,marginBottom:"spacingM",fontSize:r==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:r==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:n},l),{ref:c}),e)}G.displayName="Subheading";var F=A.forwardRef(G);var se="h2";function b(T,f){var r=T,{children:e,size:t="default",testId:o="cf-ui-display-text",as:n,fontColor:l="gray900"}=r,c=s(r,["children","size","testId","as","fontColor"]);let i="fontSize2Xl",g="lineHeightXl";return t==="large"&&(i="fontSize3Xl",g="lineHeight3Xl"),A.createElement(m,a(p({as:n||se,testId:o,marginBottom:t==="default"?"spacingL":"spacingXl",fontSize:i,lineHeight:g,fontColor:l,fontWeight:"fontWeightDemiBold"},c),{ref:f}),e)}b.displayName="DisplayText";var B=A.forwardRef(b);var Te="h2";function z(r,T){var i=r,{children:e,className:t,testId:o="cf-ui-section-heading",as:n,fontColor:l="gray600",marginBottom:c="spacingL"}=i,f=s(i,["children","className","testId","as","fontColor","marginBottom"]);let g=useDensity();return A.createElement(m,a(p({as:n||Te,testId:o,marginBottom:c,fontWeight:"fontWeightMedium",fontColor:l,fontSize:g==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:g==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:d.letterSpacingDefault}),t)},f),{ref:T}),e)}z.displayName="SectionHeading";var M=A.forwardRef(z);var P=A.forwardRef((c,l)=>{var f=c,{children:e,testId:t="cf-ui-paragraph",marginBottom:o="spacingM"}=f,n=s(f,["children","testId","marginBottom"]);let T=useDensity();return A.createElement(m,a(p({as:"p",testId:t,fontSize:T==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:T==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:o},n),{ref:l}),e)});P.displayName="Paragraph";export{R as Caption,B as DisplayText,N as Heading,P as Paragraph,M as SectionHeading,F as Subheading,m as Text};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Caption/Caption.tsx","../../src/Text/Text.tsx","../../src/Heading/Heading.tsx","../../src/Subheading/Subheading.tsx","../../src/DisplayText/DisplayText.tsx","../../src/SectionHeading/SectionHeading.tsx","../../src/Paragraph/Paragraph.tsx"],"names":["TEXT_DEFAULT_TAG","truncatedStyle","css","wordBreakStyle","TextBase","props","ref","_a","fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap","otherProps","__objRest","Element","React","Box","__spreadProps","__spreadValues","cx","tokens","Text","CAPTION_DEFAULT_TAG","CaptionBase","_b","density","useDensity","Caption","HEADING_DEFAULT_TAG","HeadingBase","marginBottom","Heading","SUBHEADING_DEFAULT_TAG","SubheadingBase","Subheading","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextBase","size","DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingBase","SectionHeading","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { FontWeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst CAPTION_DEFAULT_TAG = 'span';\n\nexport interface CaptionInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\n fontWeight?: Extract<\n FontWeightTokens,\n 'fontWeightNormal' | 'fontWeightMedium'\n >;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n}\n\nexport type CaptionProps<\n E extends React.ElementType = typeof CAPTION_DEFAULT_TAG,\n> = PolymorphicProps<CaptionInternalProps, E>;\n\nfunction CaptionBase<E extends React.ElementType = typeof CAPTION_DEFAULT_TAG>(\n {\n children,\n fontWeight = 'fontWeightNormal',\n testId = 'cf-ui-caption',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: CaptionProps<E>,\n ref: React.Ref<HTMLElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || CAPTION_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n fontColor={fontColor}\n fontWeight={fontWeight}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nCaptionBase.displayName = 'Caption';\n\nexport const Caption = React.forwardRef(CaptionBase) as PolymorphicComponent<\n ExpandProps<CaptionInternalProps>,\n typeof CAPTION_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens, {\n FontSizeTokens,\n LineHeightTokens,\n FontWeightTokens,\n FontStackTokens,\n ColorTokens,\n LetterSpacingTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type * as CSS from 'csstype';\nimport {\n Box,\n type PolymorphicComponent,\n type CommonProps,\n type MarginProps,\n type PolymorphicProps,\n type ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n children?: React.ReactNode;\n fontSize?: FontSizeTokens;\n lineHeight?: LineHeightTokens;\n letterSpacing?: LetterSpacingTokens;\n fontStack?: FontStackTokens;\n fontWeight?: FontWeightTokens;\n fontColor?: ColorTokens;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n textWrap?: Extract<\n CSS.Property.TextWrap,\n 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable'\n >;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n return css({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '100%',\n });\n}\n\nfunction wordBreakStyle() {\n return css({\n wordBreak: 'break-word',\n });\n}\n\nexport type TextProps<E extends React.ElementType = typeof TEXT_DEFAULT_TAG> =\n PolymorphicProps<TextInternalProps, E, 'color'>;\n\nfunction TextBase<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n props: TextProps<E>,\n // as this is a polymorphic base component we can not narrow down the type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: React.Ref<any>,\n) {\n const {\n fontSize = 'fontSizeM',\n fontStack = 'fontStackPrimary',\n fontWeight = 'fontWeightNormal',\n fontColor = 'gray800',\n lineHeight = 'lineHeightM',\n letterSpacing = 'letterSpacingDefault',\n children,\n isTruncated,\n isWordBreak,\n as,\n className,\n margin = 'none',\n testId = 'cf-ui-text',\n textWrap = 'wrap',\n ...otherProps\n } = props;\n const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n return (\n <Box\n {...otherProps}\n as={Element}\n testId={testId}\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 letterSpacing: tokens[letterSpacing],\n textWrap,\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\nTextBase.displayName = 'Text';\n\nexport const Text = React.forwardRef(TextBase) as PolymorphicComponent<\n ExpandProps<TextInternalProps>,\n typeof TEXT_DEFAULT_TAG,\n 'color'\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends Omit<TextProps, 'as'> {\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 HeadingBase<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n {\n children,\n testId = 'cf-ui-heading',\n as,\n fontColor = 'gray900',\n marginBottom = 'spacingM',\n ...otherProps\n }: HeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeXlHigh' : 'fontSizeXl'}\n lineHeight={density === 'high' ? 'lineHeightXlHigh' : 'lineHeightXl'}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nHeadingBase.displayName = 'Heading';\n\nexport const Heading = React.forwardRef(HeadingBase) as PolymorphicComponent<\n ExpandProps<HeadingInternalProps>,\n typeof HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SubheadingBase<\n E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG,\n>(\n {\n children,\n testId = 'cf-ui-subheading',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: SubheadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SUBHEADING_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom=\"spacingM\"\n fontSize={density === 'high' ? 'fontSizeLHigh' : 'fontSizeL'}\n lineHeight={density === 'high' ? 'lineHeightLHigh' : 'lineHeightL'}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSubheadingBase.displayName = 'Subheading';\n\nexport const Subheading = React.forwardRef(\n SubheadingBase,\n) as PolymorphicComponent<\n ExpandProps<SubheadingInternalProps>,\n typeof SUBHEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 DisplayTextBase<\n E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG,\n>(\n {\n children,\n size = 'default',\n testId = 'cf-ui-display-text',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: DisplayTextProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n let fontSize: FontSizeTokens = 'fontSize2Xl';\n let lineHeight: LineHeightTokens = 'lineHeightXl';\n\n if (size === 'large') {\n fontSize = 'fontSize3Xl';\n lineHeight = 'lineHeight3Xl';\n }\n const Element: React.ElementType = as || DISPLAY_TEXT_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n fontSize={fontSize}\n lineHeight={lineHeight}\n fontColor={fontColor}\n fontWeight=\"fontWeightDemiBold\"\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nDisplayTextBase.displayName = 'DisplayText';\n\nexport const DisplayText = React.forwardRef(\n DisplayTextBase,\n) as PolymorphicComponent<\n ExpandProps<DisplayTextInternalProps>,\n typeof DISPLAY_TEXT_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SectionHeadingBase<\n E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG,\n>(\n {\n children,\n className,\n testId = 'cf-ui-section-heading',\n as,\n fontColor = 'gray600',\n marginBottom = 'spacingL',\n ...otherProps\n }: SectionHeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SECTION_HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightMedium\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n className={cx(\n css({\n letterSpacing: tokens.letterSpacingDefault,\n }),\n className,\n )}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSectionHeadingBase.displayName = 'SectionHeading';\n\nexport const SectionHeading = React.forwardRef(\n SectionHeadingBase,\n) as PolymorphicComponent<\n ExpandProps<SectionHeadingInternalProps>,\n typeof SECTION_HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type { PropsWithHTMLElement, ExpandProps } from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nexport type ParagraphInternalProps = TextProps & {\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>(\n (\n {\n children,\n testId = 'cf-ui-paragraph',\n marginBottom = 'spacingM',\n ...otherProps\n },\n ref,\n ) => {\n const density = useDensity();\n\n return (\n <Text\n as=\"p\"\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeMHigh' : 'fontSizeM'}\n lineHeight={density === 'high' ? 'lineHeightMHigh' : 'lineHeightM'}\n marginBottom={marginBottom}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n"]}
1
+ {"version":3,"sources":["../../src/Caption/Caption.tsx","../../src/Text/Text.tsx","../../src/Heading/Heading.tsx","../../src/Subheading/Subheading.tsx","../../src/DisplayText/DisplayText.tsx","../../src/SectionHeading/SectionHeading.tsx","../../src/Paragraph/Paragraph.tsx"],"names":["TEXT_DEFAULT_TAG","truncatedStyle","css","wordBreakStyle","TextBase","props","ref","_a","fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap","otherProps","__objRest","Element","React","Box","__spreadProps","__spreadValues","cx","tokens","Text","CAPTION_DEFAULT_TAG","CaptionBase","_b","density","useDensity","Caption","HEADING_DEFAULT_TAG","HeadingBase","marginBottom","Heading","SUBHEADING_DEFAULT_TAG","SubheadingBase","Subheading","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextBase","size","DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingBase","SectionHeading","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { FontWeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst CAPTION_DEFAULT_TAG = 'span';\n\nexport interface CaptionInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\n fontWeight?: Extract<\n FontWeightTokens,\n 'fontWeightNormal' | 'fontWeightMedium'\n >;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n}\n\nexport type CaptionProps<\n E extends React.ElementType = typeof CAPTION_DEFAULT_TAG,\n> = PolymorphicProps<CaptionInternalProps, E>;\n\nfunction CaptionBase<E extends React.ElementType = typeof CAPTION_DEFAULT_TAG>(\n {\n children,\n fontWeight = 'fontWeightNormal',\n testId = 'cf-ui-caption',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: CaptionProps<E>,\n ref: React.Ref<HTMLElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || CAPTION_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n fontColor={fontColor}\n fontWeight={fontWeight}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nCaptionBase.displayName = 'Caption';\n\nexport const Caption = React.forwardRef(CaptionBase) as PolymorphicComponent<\n ExpandProps<CaptionInternalProps>,\n typeof CAPTION_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens, {\n FontSizeTokens,\n LineHeightTokens,\n FontWeightTokens,\n FontStackTokens,\n ColorTokens,\n LetterSpacingTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type * as CSS from 'csstype';\nimport {\n Box,\n type PolymorphicComponent,\n type CommonProps,\n type MarginProps,\n type PolymorphicProps,\n type ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n children?: React.ReactNode;\n fontSize?: FontSizeTokens;\n lineHeight?: LineHeightTokens;\n letterSpacing?: LetterSpacingTokens;\n fontStack?: FontStackTokens;\n fontWeight?: FontWeightTokens;\n fontColor?: ColorTokens;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n textWrap?: Extract<\n CSS.Property.TextWrap,\n 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable'\n >;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n return css({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '100%',\n });\n}\n\nfunction wordBreakStyle() {\n return css({\n wordBreak: 'break-word',\n });\n}\n\nexport type TextProps<E extends React.ElementType = typeof TEXT_DEFAULT_TAG> =\n PolymorphicProps<TextInternalProps, E, 'color'>;\n\nfunction TextBase<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n props: TextProps<E>,\n // as this is a polymorphic base component we can not narrow down the type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: React.Ref<any>,\n) {\n const {\n fontSize = 'fontSizeM',\n fontStack = 'fontStackPrimary',\n fontWeight = 'fontWeightNormal',\n fontColor = 'gray800',\n lineHeight = 'lineHeightM',\n letterSpacing = 'letterSpacingDefault',\n children,\n isTruncated,\n isWordBreak,\n as,\n className,\n margin = 'none',\n testId = 'cf-ui-text',\n textWrap,\n ...otherProps\n } = props;\n const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n return (\n <Box\n {...otherProps}\n as={Element}\n testId={testId}\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 letterSpacing: tokens[letterSpacing],\n textWrap,\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\nTextBase.displayName = 'Text';\n\nexport const Text = React.forwardRef(TextBase) as PolymorphicComponent<\n ExpandProps<TextInternalProps>,\n typeof TEXT_DEFAULT_TAG,\n 'color'\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends Omit<TextProps, 'as'> {\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 HeadingBase<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n {\n children,\n testId = 'cf-ui-heading',\n as,\n fontColor = 'gray900',\n marginBottom = 'spacingM',\n ...otherProps\n }: HeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeXlHigh' : 'fontSizeXl'}\n lineHeight={density === 'high' ? 'lineHeightXlHigh' : 'lineHeightXl'}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nHeadingBase.displayName = 'Heading';\n\nexport const Heading = React.forwardRef(HeadingBase) as PolymorphicComponent<\n ExpandProps<HeadingInternalProps>,\n typeof HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SubheadingBase<\n E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG,\n>(\n {\n children,\n testId = 'cf-ui-subheading',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: SubheadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SUBHEADING_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom=\"spacingM\"\n fontSize={density === 'high' ? 'fontSizeLHigh' : 'fontSizeL'}\n lineHeight={density === 'high' ? 'lineHeightLHigh' : 'lineHeightL'}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSubheadingBase.displayName = 'Subheading';\n\nexport const Subheading = React.forwardRef(\n SubheadingBase,\n) as PolymorphicComponent<\n ExpandProps<SubheadingInternalProps>,\n typeof SUBHEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 DisplayTextBase<\n E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG,\n>(\n {\n children,\n size = 'default',\n testId = 'cf-ui-display-text',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: DisplayTextProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n let fontSize: FontSizeTokens = 'fontSize2Xl';\n let lineHeight: LineHeightTokens = 'lineHeightXl';\n\n if (size === 'large') {\n fontSize = 'fontSize3Xl';\n lineHeight = 'lineHeight3Xl';\n }\n const Element: React.ElementType = as || DISPLAY_TEXT_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n fontSize={fontSize}\n lineHeight={lineHeight}\n fontColor={fontColor}\n fontWeight=\"fontWeightDemiBold\"\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nDisplayTextBase.displayName = 'DisplayText';\n\nexport const DisplayText = React.forwardRef(\n DisplayTextBase,\n) as PolymorphicComponent<\n ExpandProps<DisplayTextInternalProps>,\n typeof DISPLAY_TEXT_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SectionHeadingBase<\n E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG,\n>(\n {\n children,\n className,\n testId = 'cf-ui-section-heading',\n as,\n fontColor = 'gray600',\n marginBottom = 'spacingL',\n ...otherProps\n }: SectionHeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SECTION_HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightMedium\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n className={cx(\n css({\n letterSpacing: tokens.letterSpacingDefault,\n }),\n className,\n )}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSectionHeadingBase.displayName = 'SectionHeading';\n\nexport const SectionHeading = React.forwardRef(\n SectionHeadingBase,\n) as PolymorphicComponent<\n ExpandProps<SectionHeadingInternalProps>,\n typeof SECTION_HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type { PropsWithHTMLElement, ExpandProps } from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nexport type ParagraphInternalProps = TextProps & {\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>(\n (\n {\n children,\n testId = 'cf-ui-paragraph',\n marginBottom = 'spacingM',\n ...otherProps\n },\n ref,\n ) => {\n const density = useDensity();\n\n return (\n <Text\n as=\"p\"\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeMHigh' : 'fontSizeM'}\n lineHeight={density === 'high' ? 'lineHeightMHigh' : 'lineHeightM'}\n marginBottom={marginBottom}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n"]}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var A=require('react'),d=require('@contentful/f36-tokens'),css=require('@emotion/css'),f36Core=require('@contentful/f36-core'),f36Utils=require('@contentful/f36-utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var A__default=/*#__PURE__*/_interopDefault(A);var d__default=/*#__PURE__*/_interopDefault(d);var J=Object.defineProperty,K=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var H=(e,t,o)=>t in e?J(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,p=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&H(e,o,t[o]);if(h)for(var o of h(t))u.call(t,o)&&H(e,o,t[o]);return e},a=(e,t)=>K(e,Q(t));var s=(e,t)=>{var o={};for(var n in e)S.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&h)for(var n of h(e))t.indexOf(n)<0&&u.call(e,n)&&(o[n]=e[n]);return o};var $="span";function ee(){return css.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function te(){return css.css({wordBreak:"break-word"})}function D(e,t){let E=e,{fontSize:o="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:c="gray800",lineHeight:f="lineHeightM",letterSpacing:T="letterSpacingDefault",children:r,isTruncated:i,isWordBreak:g,as:y,className:X,margin:O="none",testId:Y="cf-ui-text",textWrap:v="wrap"}=E,j=s(E,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap"]),q=y||$;return A__default.default.createElement(f36Core.Box,a(p({},j),{as:q,testId:Y,className:css.cx(css.css({padding:0,fontFamily:d__default.default[n],fontWeight:d__default.default[l],color:d__default.default[c],fontSize:d__default.default[o],lineHeight:d__default.default[f],letterSpacing:d__default.default[T],textWrap:v}),i?ee():null,g?te():null,X),margin:O,ref:t}),r)}D.displayName="Text";var m=A__default.default.forwardRef(D);var ne="span";function I(T,f){var r=T,{children:e,fontWeight:t="fontWeightNormal",testId:o="cf-ui-caption",as:n,fontColor:l="gray900"}=r,c=s(r,["children","fontWeight","testId","as","fontColor"]);let i=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:n||ne,testId:o,fontSize:i==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:i==="high"?"lineHeightSHigh":"lineHeightS",fontColor:l,fontWeight:t},c),{ref:f}),e)}I.displayName="Caption";var R=A__default.default.forwardRef(I);var ie="h1";function C(T,f){var r=T,{children:e,testId:t="cf-ui-heading",as:o,fontColor:n="gray900",marginBottom:l="spacingM"}=r,c=s(r,["children","testId","as","fontColor","marginBottom"]);let i=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:o||ie,testId:t,marginBottom:l,fontWeight:"fontWeightDemiBold",fontColor:n,fontSize:i==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:i==="high"?"lineHeightXlHigh":"lineHeightXl"},c),{ref:f}),e)}C.displayName="Heading";var N=A__default.default.forwardRef(C);var ae="h3";function G(f,c){var T=f,{children:e,testId:t="cf-ui-subheading",as:o,fontColor:n="gray900"}=T,l=s(T,["children","testId","as","fontColor"]);let r=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:o||ae,testId:t,marginBottom:"spacingM",fontSize:r==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:r==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:n},l),{ref:c}),e)}G.displayName="Subheading";var F=A__default.default.forwardRef(G);var se="h2";function b(T,f){var r=T,{children:e,size:t="default",testId:o="cf-ui-display-text",as:n,fontColor:l="gray900"}=r,c=s(r,["children","size","testId","as","fontColor"]);let i="fontSize2Xl",g="lineHeightXl";return t==="large"&&(i="fontSize3Xl",g="lineHeight3Xl"),A__default.default.createElement(m,a(p({as:n||se,testId:o,marginBottom:t==="default"?"spacingL":"spacingXl",fontSize:i,lineHeight:g,fontColor:l,fontWeight:"fontWeightDemiBold"},c),{ref:f}),e)}b.displayName="DisplayText";var B=A__default.default.forwardRef(b);var Te="h2";function z(r,T){var i=r,{children:e,className:t,testId:o="cf-ui-section-heading",as:n,fontColor:l="gray600",marginBottom:c="spacingL"}=i,f=s(i,["children","className","testId","as","fontColor","marginBottom"]);let g=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:n||Te,testId:o,marginBottom:c,fontWeight:"fontWeightMedium",fontColor:l,fontSize:g==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:g==="high"?"lineHeightSHigh":"lineHeightS",className:css.cx(css.css({letterSpacing:d__default.default.letterSpacingDefault}),t)},f),{ref:T}),e)}z.displayName="SectionHeading";var M=A__default.default.forwardRef(z);var P=A__default.default.forwardRef((c,l)=>{var f=c,{children:e,testId:t="cf-ui-paragraph",marginBottom:o="spacingM"}=f,n=s(f,["children","testId","marginBottom"]);let T=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:"p",testId:t,fontSize:T==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:T==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:o},n),{ref:l}),e)});P.displayName="Paragraph";exports.Caption=R;exports.DisplayText=B;exports.Heading=N;exports.Paragraph=P;exports.SectionHeading=M;exports.Subheading=F;exports.Text=m;//# sourceMappingURL=index.js.map
1
+ 'use strict';var A=require('react'),d=require('@contentful/f36-tokens'),css=require('@emotion/css'),f36Core=require('@contentful/f36-core'),f36Utils=require('@contentful/f36-utils');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var A__default=/*#__PURE__*/_interopDefault(A);var d__default=/*#__PURE__*/_interopDefault(d);var J=Object.defineProperty,K=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var H=(e,t,o)=>t in e?J(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,p=(e,t)=>{for(var o in t||(t={}))S.call(t,o)&&H(e,o,t[o]);if(h)for(var o of h(t))u.call(t,o)&&H(e,o,t[o]);return e},a=(e,t)=>K(e,Q(t));var s=(e,t)=>{var o={};for(var n in e)S.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&h)for(var n of h(e))t.indexOf(n)<0&&u.call(e,n)&&(o[n]=e[n]);return o};var $="span";function ee(){return css.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function te(){return css.css({wordBreak:"break-word"})}function D(e,t){let E=e,{fontSize:o="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:c="gray800",lineHeight:f="lineHeightM",letterSpacing:T="letterSpacingDefault",children:r,isTruncated:i,isWordBreak:g,as:y,className:w,margin:O="none",testId:Y="cf-ui-text",textWrap:v}=E,j=s(E,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap"]),q=y||$;return A__default.default.createElement(f36Core.Box,a(p({},j),{as:q,testId:Y,className:css.cx(css.css({padding:0,fontFamily:d__default.default[n],fontWeight:d__default.default[l],color:d__default.default[c],fontSize:d__default.default[o],lineHeight:d__default.default[f],letterSpacing:d__default.default[T],textWrap:v}),i?ee():null,g?te():null,w),margin:O,ref:t}),r)}D.displayName="Text";var m=A__default.default.forwardRef(D);var ne="span";function I(T,f){var r=T,{children:e,fontWeight:t="fontWeightNormal",testId:o="cf-ui-caption",as:n,fontColor:l="gray900"}=r,c=s(r,["children","fontWeight","testId","as","fontColor"]);let i=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:n||ne,testId:o,fontSize:i==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:i==="high"?"lineHeightSHigh":"lineHeightS",fontColor:l,fontWeight:t},c),{ref:f}),e)}I.displayName="Caption";var R=A__default.default.forwardRef(I);var ie="h1";function C(T,f){var r=T,{children:e,testId:t="cf-ui-heading",as:o,fontColor:n="gray900",marginBottom:l="spacingM"}=r,c=s(r,["children","testId","as","fontColor","marginBottom"]);let i=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:o||ie,testId:t,marginBottom:l,fontWeight:"fontWeightDemiBold",fontColor:n,fontSize:i==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:i==="high"?"lineHeightXlHigh":"lineHeightXl"},c),{ref:f}),e)}C.displayName="Heading";var N=A__default.default.forwardRef(C);var ae="h3";function G(f,c){var T=f,{children:e,testId:t="cf-ui-subheading",as:o,fontColor:n="gray900"}=T,l=s(T,["children","testId","as","fontColor"]);let r=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:o||ae,testId:t,marginBottom:"spacingM",fontSize:r==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:r==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:n},l),{ref:c}),e)}G.displayName="Subheading";var F=A__default.default.forwardRef(G);var se="h2";function b(T,f){var r=T,{children:e,size:t="default",testId:o="cf-ui-display-text",as:n,fontColor:l="gray900"}=r,c=s(r,["children","size","testId","as","fontColor"]);let i="fontSize2Xl",g="lineHeightXl";return t==="large"&&(i="fontSize3Xl",g="lineHeight3Xl"),A__default.default.createElement(m,a(p({as:n||se,testId:o,marginBottom:t==="default"?"spacingL":"spacingXl",fontSize:i,lineHeight:g,fontColor:l,fontWeight:"fontWeightDemiBold"},c),{ref:f}),e)}b.displayName="DisplayText";var B=A__default.default.forwardRef(b);var Te="h2";function z(r,T){var i=r,{children:e,className:t,testId:o="cf-ui-section-heading",as:n,fontColor:l="gray600",marginBottom:c="spacingL"}=i,f=s(i,["children","className","testId","as","fontColor","marginBottom"]);let g=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:n||Te,testId:o,marginBottom:c,fontWeight:"fontWeightMedium",fontColor:l,fontSize:g==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:g==="high"?"lineHeightSHigh":"lineHeightS",className:css.cx(css.css({letterSpacing:d__default.default.letterSpacingDefault}),t)},f),{ref:T}),e)}z.displayName="SectionHeading";var M=A__default.default.forwardRef(z);var P=A__default.default.forwardRef((c,l)=>{var f=c,{children:e,testId:t="cf-ui-paragraph",marginBottom:o="spacingM"}=f,n=s(f,["children","testId","marginBottom"]);let T=f36Utils.useDensity();return A__default.default.createElement(m,a(p({as:"p",testId:t,fontSize:T==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:T==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:o},n),{ref:l}),e)});P.displayName="Paragraph";exports.Caption=R;exports.DisplayText=B;exports.Heading=N;exports.Paragraph=P;exports.SectionHeading=M;exports.Subheading=F;exports.Text=m;//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Caption/Caption.tsx","../src/Text/Text.tsx","../src/Heading/Heading.tsx","../src/Subheading/Subheading.tsx","../src/DisplayText/DisplayText.tsx","../src/SectionHeading/SectionHeading.tsx","../src/Paragraph/Paragraph.tsx"],"names":["TEXT_DEFAULT_TAG","truncatedStyle","css","wordBreakStyle","TextBase","props","ref","_a","fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap","otherProps","__objRest","Element","React","Box","__spreadProps","__spreadValues","cx","tokens","Text","CAPTION_DEFAULT_TAG","CaptionBase","_b","density","useDensity","Caption","HEADING_DEFAULT_TAG","HeadingBase","marginBottom","Heading","SUBHEADING_DEFAULT_TAG","SubheadingBase","Subheading","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextBase","size","DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingBase","SectionHeading","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { FontWeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst CAPTION_DEFAULT_TAG = 'span';\n\nexport interface CaptionInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\n fontWeight?: Extract<\n FontWeightTokens,\n 'fontWeightNormal' | 'fontWeightMedium'\n >;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n}\n\nexport type CaptionProps<\n E extends React.ElementType = typeof CAPTION_DEFAULT_TAG,\n> = PolymorphicProps<CaptionInternalProps, E>;\n\nfunction CaptionBase<E extends React.ElementType = typeof CAPTION_DEFAULT_TAG>(\n {\n children,\n fontWeight = 'fontWeightNormal',\n testId = 'cf-ui-caption',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: CaptionProps<E>,\n ref: React.Ref<HTMLElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || CAPTION_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n fontColor={fontColor}\n fontWeight={fontWeight}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nCaptionBase.displayName = 'Caption';\n\nexport const Caption = React.forwardRef(CaptionBase) as PolymorphicComponent<\n ExpandProps<CaptionInternalProps>,\n typeof CAPTION_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens, {\n FontSizeTokens,\n LineHeightTokens,\n FontWeightTokens,\n FontStackTokens,\n ColorTokens,\n LetterSpacingTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type * as CSS from 'csstype';\nimport {\n Box,\n type PolymorphicComponent,\n type CommonProps,\n type MarginProps,\n type PolymorphicProps,\n type ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n children?: React.ReactNode;\n fontSize?: FontSizeTokens;\n lineHeight?: LineHeightTokens;\n letterSpacing?: LetterSpacingTokens;\n fontStack?: FontStackTokens;\n fontWeight?: FontWeightTokens;\n fontColor?: ColorTokens;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n textWrap?: Extract<\n CSS.Property.TextWrap,\n 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable'\n >;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n return css({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '100%',\n });\n}\n\nfunction wordBreakStyle() {\n return css({\n wordBreak: 'break-word',\n });\n}\n\nexport type TextProps<E extends React.ElementType = typeof TEXT_DEFAULT_TAG> =\n PolymorphicProps<TextInternalProps, E, 'color'>;\n\nfunction TextBase<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n props: TextProps<E>,\n // as this is a polymorphic base component we can not narrow down the type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: React.Ref<any>,\n) {\n const {\n fontSize = 'fontSizeM',\n fontStack = 'fontStackPrimary',\n fontWeight = 'fontWeightNormal',\n fontColor = 'gray800',\n lineHeight = 'lineHeightM',\n letterSpacing = 'letterSpacingDefault',\n children,\n isTruncated,\n isWordBreak,\n as,\n className,\n margin = 'none',\n testId = 'cf-ui-text',\n textWrap = 'wrap',\n ...otherProps\n } = props;\n const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n return (\n <Box\n {...otherProps}\n as={Element}\n testId={testId}\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 letterSpacing: tokens[letterSpacing],\n textWrap,\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\nTextBase.displayName = 'Text';\n\nexport const Text = React.forwardRef(TextBase) as PolymorphicComponent<\n ExpandProps<TextInternalProps>,\n typeof TEXT_DEFAULT_TAG,\n 'color'\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends Omit<TextProps, 'as'> {\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 HeadingBase<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n {\n children,\n testId = 'cf-ui-heading',\n as,\n fontColor = 'gray900',\n marginBottom = 'spacingM',\n ...otherProps\n }: HeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeXlHigh' : 'fontSizeXl'}\n lineHeight={density === 'high' ? 'lineHeightXlHigh' : 'lineHeightXl'}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nHeadingBase.displayName = 'Heading';\n\nexport const Heading = React.forwardRef(HeadingBase) as PolymorphicComponent<\n ExpandProps<HeadingInternalProps>,\n typeof HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SubheadingBase<\n E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG,\n>(\n {\n children,\n testId = 'cf-ui-subheading',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: SubheadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SUBHEADING_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom=\"spacingM\"\n fontSize={density === 'high' ? 'fontSizeLHigh' : 'fontSizeL'}\n lineHeight={density === 'high' ? 'lineHeightLHigh' : 'lineHeightL'}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSubheadingBase.displayName = 'Subheading';\n\nexport const Subheading = React.forwardRef(\n SubheadingBase,\n) as PolymorphicComponent<\n ExpandProps<SubheadingInternalProps>,\n typeof SUBHEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 DisplayTextBase<\n E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG,\n>(\n {\n children,\n size = 'default',\n testId = 'cf-ui-display-text',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: DisplayTextProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n let fontSize: FontSizeTokens = 'fontSize2Xl';\n let lineHeight: LineHeightTokens = 'lineHeightXl';\n\n if (size === 'large') {\n fontSize = 'fontSize3Xl';\n lineHeight = 'lineHeight3Xl';\n }\n const Element: React.ElementType = as || DISPLAY_TEXT_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n fontSize={fontSize}\n lineHeight={lineHeight}\n fontColor={fontColor}\n fontWeight=\"fontWeightDemiBold\"\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nDisplayTextBase.displayName = 'DisplayText';\n\nexport const DisplayText = React.forwardRef(\n DisplayTextBase,\n) as PolymorphicComponent<\n ExpandProps<DisplayTextInternalProps>,\n typeof DISPLAY_TEXT_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SectionHeadingBase<\n E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG,\n>(\n {\n children,\n className,\n testId = 'cf-ui-section-heading',\n as,\n fontColor = 'gray600',\n marginBottom = 'spacingL',\n ...otherProps\n }: SectionHeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SECTION_HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightMedium\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n className={cx(\n css({\n letterSpacing: tokens.letterSpacingDefault,\n }),\n className,\n )}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSectionHeadingBase.displayName = 'SectionHeading';\n\nexport const SectionHeading = React.forwardRef(\n SectionHeadingBase,\n) as PolymorphicComponent<\n ExpandProps<SectionHeadingInternalProps>,\n typeof SECTION_HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type { PropsWithHTMLElement, ExpandProps } from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nexport type ParagraphInternalProps = TextProps & {\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>(\n (\n {\n children,\n testId = 'cf-ui-paragraph',\n marginBottom = 'spacingM',\n ...otherProps\n },\n ref,\n ) => {\n const density = useDensity();\n\n return (\n <Text\n as=\"p\"\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeMHigh' : 'fontSizeM'}\n lineHeight={density === 'high' ? 'lineHeightMHigh' : 'lineHeightM'}\n marginBottom={marginBottom}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n"]}
1
+ {"version":3,"sources":["../src/Caption/Caption.tsx","../src/Text/Text.tsx","../src/Heading/Heading.tsx","../src/Subheading/Subheading.tsx","../src/DisplayText/DisplayText.tsx","../src/SectionHeading/SectionHeading.tsx","../src/Paragraph/Paragraph.tsx"],"names":["TEXT_DEFAULT_TAG","truncatedStyle","css","wordBreakStyle","TextBase","props","ref","_a","fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin","testId","textWrap","otherProps","__objRest","Element","React","Box","__spreadProps","__spreadValues","cx","tokens","Text","CAPTION_DEFAULT_TAG","CaptionBase","_b","density","useDensity","Caption","HEADING_DEFAULT_TAG","HeadingBase","marginBottom","Heading","SUBHEADING_DEFAULT_TAG","SubheadingBase","Subheading","DISPLAY_TEXT_DEFAULT_TAG","DisplayTextBase","size","DisplayText","SECTION_HEADING_DEFAULT_TAG","SectionHeadingBase","SectionHeading","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { FontWeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst CAPTION_DEFAULT_TAG = 'span';\n\nexport interface CaptionInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\n fontWeight?: Extract<\n FontWeightTokens,\n 'fontWeightNormal' | 'fontWeightMedium'\n >;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n}\n\nexport type CaptionProps<\n E extends React.ElementType = typeof CAPTION_DEFAULT_TAG,\n> = PolymorphicProps<CaptionInternalProps, E>;\n\nfunction CaptionBase<E extends React.ElementType = typeof CAPTION_DEFAULT_TAG>(\n {\n children,\n fontWeight = 'fontWeightNormal',\n testId = 'cf-ui-caption',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: CaptionProps<E>,\n ref: React.Ref<HTMLElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || CAPTION_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n fontColor={fontColor}\n fontWeight={fontWeight}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nCaptionBase.displayName = 'Caption';\n\nexport const Caption = React.forwardRef(CaptionBase) as PolymorphicComponent<\n ExpandProps<CaptionInternalProps>,\n typeof CAPTION_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens, {\n FontSizeTokens,\n LineHeightTokens,\n FontWeightTokens,\n FontStackTokens,\n ColorTokens,\n LetterSpacingTokens,\n} from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type * as CSS from 'csstype';\nimport {\n Box,\n type PolymorphicComponent,\n type CommonProps,\n type MarginProps,\n type PolymorphicProps,\n type ExpandProps,\n} from '@contentful/f36-core';\n\nexport interface TextInternalProps extends CommonProps, MarginProps {\n children?: React.ReactNode;\n fontSize?: FontSizeTokens;\n lineHeight?: LineHeightTokens;\n letterSpacing?: LetterSpacingTokens;\n fontStack?: FontStackTokens;\n fontWeight?: FontWeightTokens;\n fontColor?: ColorTokens;\n isTruncated?: boolean;\n isWordBreak?: boolean;\n textWrap?: Extract<\n CSS.Property.TextWrap,\n 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable'\n >;\n}\n\nconst TEXT_DEFAULT_TAG = 'span';\n\nfunction truncatedStyle() {\n return css({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '100%',\n });\n}\n\nfunction wordBreakStyle() {\n return css({\n wordBreak: 'break-word',\n });\n}\n\nexport type TextProps<E extends React.ElementType = typeof TEXT_DEFAULT_TAG> =\n PolymorphicProps<TextInternalProps, E, 'color'>;\n\nfunction TextBase<E extends React.ElementType = typeof TEXT_DEFAULT_TAG>(\n props: TextProps<E>,\n // as this is a polymorphic base component we can not narrow down the type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: React.Ref<any>,\n) {\n const {\n fontSize = 'fontSizeM',\n fontStack = 'fontStackPrimary',\n fontWeight = 'fontWeightNormal',\n fontColor = 'gray800',\n lineHeight = 'lineHeightM',\n letterSpacing = 'letterSpacingDefault',\n children,\n isTruncated,\n isWordBreak,\n as,\n className,\n margin = 'none',\n testId = 'cf-ui-text',\n textWrap,\n ...otherProps\n } = props;\n const Element: React.ElementType = as || TEXT_DEFAULT_TAG;\n\n return (\n <Box\n {...otherProps}\n as={Element}\n testId={testId}\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 letterSpacing: tokens[letterSpacing],\n textWrap,\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\nTextBase.displayName = 'Text';\n\nexport const Text = React.forwardRef(TextBase) as PolymorphicComponent<\n ExpandProps<TextInternalProps>,\n typeof TEXT_DEFAULT_TAG,\n 'color'\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst HEADING_DEFAULT_TAG = 'h1';\n\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HeadingInternalProps extends Omit<TextProps, 'as'> {\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 HeadingBase<E extends React.ElementType = typeof HEADING_DEFAULT_TAG>(\n {\n children,\n testId = 'cf-ui-heading',\n as,\n fontColor = 'gray900',\n marginBottom = 'spacingM',\n ...otherProps\n }: HeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeXlHigh' : 'fontSizeXl'}\n lineHeight={density === 'high' ? 'lineHeightXlHigh' : 'lineHeightXl'}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nHeadingBase.displayName = 'Heading';\n\nexport const Heading = React.forwardRef(HeadingBase) as PolymorphicComponent<\n ExpandProps<HeadingInternalProps>,\n typeof HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SUBHEADING_DEFAULT_TAG = 'h3';\n\nexport interface SubheadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SubheadingBase<\n E extends React.ElementType = typeof SUBHEADING_DEFAULT_TAG,\n>(\n {\n children,\n testId = 'cf-ui-subheading',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: SubheadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SUBHEADING_DEFAULT_TAG;\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom=\"spacingM\"\n fontSize={density === 'high' ? 'fontSizeLHigh' : 'fontSizeL'}\n lineHeight={density === 'high' ? 'lineHeightLHigh' : 'lineHeightL'}\n fontWeight=\"fontWeightDemiBold\"\n fontColor={fontColor}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSubheadingBase.displayName = 'Subheading';\n\nexport const Subheading = React.forwardRef(\n SubheadingBase,\n) as PolymorphicComponent<\n ExpandProps<SubheadingInternalProps>,\n typeof SUBHEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport { FontSizeTokens, LineHeightTokens } from '@contentful/f36-tokens';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport type { HeadingElement } from '../Heading';\n\nconst DISPLAY_TEXT_DEFAULT_TAG = 'h2';\n\nexport interface DisplayTextInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 DisplayTextBase<\n E extends React.ElementType = typeof DISPLAY_TEXT_DEFAULT_TAG,\n>(\n {\n children,\n size = 'default',\n testId = 'cf-ui-display-text',\n as,\n fontColor = 'gray900',\n ...otherProps\n }: DisplayTextProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n let fontSize: FontSizeTokens = 'fontSize2Xl';\n let lineHeight: LineHeightTokens = 'lineHeightXl';\n\n if (size === 'large') {\n fontSize = 'fontSize3Xl';\n lineHeight = 'lineHeight3Xl';\n }\n const Element: React.ElementType = as || DISPLAY_TEXT_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={size === 'default' ? 'spacingL' : 'spacingXl'}\n fontSize={fontSize}\n lineHeight={lineHeight}\n fontColor={fontColor}\n fontWeight=\"fontWeightDemiBold\"\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nDisplayTextBase.displayName = 'DisplayText';\n\nexport const DisplayText = React.forwardRef(\n DisplayTextBase,\n) as PolymorphicComponent<\n ExpandProps<DisplayTextInternalProps>,\n typeof DISPLAY_TEXT_DEFAULT_TAG\n>;\n","import React from 'react';\nimport tokens from '@contentful/f36-tokens';\nimport { css, cx } from '@emotion/css';\nimport type {\n PolymorphicComponent,\n PolymorphicProps,\n ExpandProps,\n} from '@contentful/f36-core';\nimport type { HeadingElement } from '../Heading';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nconst SECTION_HEADING_DEFAULT_TAG = 'h2';\n\nexport interface SectionHeadingInternalProps extends Omit<TextProps, 'as'> {\n children?: React.ReactNode;\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 SectionHeadingBase<\n E extends React.ElementType = typeof SECTION_HEADING_DEFAULT_TAG,\n>(\n {\n children,\n className,\n testId = 'cf-ui-section-heading',\n as,\n fontColor = 'gray600',\n marginBottom = 'spacingL',\n ...otherProps\n }: SectionHeadingProps<E>,\n ref: React.Ref<HTMLHeadingElement>,\n) {\n const density = useDensity();\n const Element: React.ElementType = as || SECTION_HEADING_DEFAULT_TAG;\n\n return (\n <Text\n as={Element}\n testId={testId}\n marginBottom={marginBottom}\n fontWeight=\"fontWeightMedium\"\n fontColor={fontColor}\n fontSize={density === 'high' ? 'fontSizeSHigh' : 'fontSizeS'}\n lineHeight={density === 'high' ? 'lineHeightSHigh' : 'lineHeightS'}\n className={cx(\n css({\n letterSpacing: tokens.letterSpacingDefault,\n }),\n className,\n )}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n}\n\nSectionHeadingBase.displayName = 'SectionHeading';\n\nexport const SectionHeading = React.forwardRef(\n SectionHeadingBase,\n) as PolymorphicComponent<\n ExpandProps<SectionHeadingInternalProps>,\n typeof SECTION_HEADING_DEFAULT_TAG\n>;\n","import React from 'react';\nimport type { PropsWithHTMLElement, ExpandProps } from '@contentful/f36-core';\nimport { Text, type TextProps } from '../Text';\nimport { useDensity } from '@contentful/f36-utils';\n\nexport type ParagraphInternalProps = TextProps & {\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>(\n (\n {\n children,\n testId = 'cf-ui-paragraph',\n marginBottom = 'spacingM',\n ...otherProps\n },\n ref,\n ) => {\n const density = useDensity();\n\n return (\n <Text\n as=\"p\"\n testId={testId}\n fontSize={density === 'high' ? 'fontSizeMHigh' : 'fontSizeM'}\n lineHeight={density === 'high' ? 'lineHeightMHigh' : 'lineHeightM'}\n marginBottom={marginBottom}\n {...otherProps}\n ref={ref}\n >\n {children}\n </Text>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/f36-typography",
3
- "version": "6.7.3",
3
+ "version": "6.7.4",
4
4
  "description": "Forma 36: typography React Component",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -20,7 +20,7 @@
20
20
  "build": "tsup"
21
21
  },
22
22
  "dependencies": {
23
- "@contentful/f36-core": "^6.7.3",
23
+ "@contentful/f36-core": "^6.7.4",
24
24
  "@contentful/f36-tokens": "^6.1.0",
25
25
  "@contentful/f36-utils": "^6.1.0",
26
26
  "@emotion/css": "^11.13.5"