		@@ -1,2 +0,2 @@
		var e=f(require("@babel/runtime/helpers/extends")),{css:t,cx:n}=require("emotion"),i=require("react"),a=f(i),{useContext:r,createContext:o}=i,l=f(require("@contentful/f36-tokens")),{Box:c}=require("@contentful/f36-core");function s(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var g={};s(g,"Heading",(()=>p)),s(g,"Subheading",(()=>x)),s(g,"Typography",(()=>h)),s(g,"DisplayText",(()=>y)),s(g,"SectionHeading",(()=>b)),s(g,"Text",(()=>T));const d={displayText:"spacingL",displayTextLarge:"spacingXl",heading:"spacingM",sectionHeading:"spacingL",subheading:"spacingM",text:"spacingM"},u=o({});function h(t){return a.createElement(u.Provider,{value:d},a.createElement(c,e({testId:"cf-ui-text-container"},t)))}const m=({children:i,className:o,...s},f)=>{const g=r(u);return a.createElement(c,e({as:"h1",display:"block",margin:"none",marginBottom:g.heading,testId:"cf-ui-heading",className:n(t({fontFamily:l.fontStackPrimary,fontWeight:l.fontWeightDemiBold,color:l.colorTextDark,fontSize:l.fontSizeXl,lineHeight:l.lineHeightXl,textRendering:"optimizeLegibility"},""),o)},s,{ref:f}),i)},p=a.forwardRef(m),S=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h2",testId:"cf-ui-subheading",marginBottom:f.subheading,className:n(t({fontSize:l.fontSizeL,lineHeight:l.lineHeightL},""),o)},c,{ref:s}),i)},x=a.forwardRef(S),H=({children:i,className:o,size:c="default",...s},f)=>{const g=r(u);let d="";return d=t("huge"===c?{fontSize:l.fontSize4Xl,lineHeight:l.lineHeight4Xl}:"large"===c?{fontSize:l.fontSize3Xl,lineHeight:l.lineHeight3Xl}:{fontSize:l.fontSize2Xl,lineHeight:l.lineHeight2Xl},""),a.createElement(p,e({as:"h1",testId:"cf-ui-display-text",marginBottom:"default"===c?g.displayText:g.displayTextLarge,className:n(d,o)},s,{ref:f}),i)},y=a.forwardRef(H),z=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h3",testId:"cf-ui-section-heading",marginBottom:f.sectionHeading,className:n(t({fontSize:l.fontSizeS,lineHeight:l.lineHeightS,letterSpacing:l.letterSpacingWide,textTransform:"uppercase"},""),o)},c,{ref:s}),i)},b=a.forwardRef(z),N=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"p",testId:"cf-ui-text",marginBottom:f.text,className:n(t({fontWeight:l.fontWeightNormal,color:l.gray700,fontSize:l.fontSizeM,lineHeight:l.lineHeightM},""),o)},c,{ref:s}),i)},T=a.forwardRef(N);var X,E;X=module.exports,E=g,Object.keys(E).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(X,e,{enumerable:!0,get:function(){return E[e]}})}));
		var e=f(require("@babel/runtime/helpers/extends")),{cx:t,css:n}=require("emotion"),i=require("react"),a=f(i),{useContext:r,createContext:o}=i,l=f(require("@contentful/f36-tokens")),{Box:c}=require("@contentful/f36-core");function s(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var g={};s(g,"Heading",(()=>p)),s(g,"Subheading",(()=>x)),s(g,"Typography",(()=>h)),s(g,"DisplayText",(()=>y)),s(g,"SectionHeading",(()=>b)),s(g,"Text",(()=>T));const d={displayText:"spacingL",displayTextLarge:"spacingXl",heading:"spacingM",sectionHeading:"spacingL",subheading:"spacingM",text:"spacingM"},u=o({});function h(t){return a.createElement(u.Provider,{value:d},a.createElement(c,e({testId:"cf-ui-text-container"},t)))}const m=({children:i,className:o,...s},f)=>{const g=r(u);return a.createElement(c,e({as:"h1",display:"block",margin:"none",marginBottom:g.heading,testId:"cf-ui-heading",className:t(n({fontFamily:l.fontStackPrimary,fontWeight:l.fontWeightDemiBold,color:l.colorTextDark,fontSize:l.fontSizeXl,lineHeight:l.lineHeightXl,textRendering:"optimizeLegibility"},""),o)},s,{ref:f}),i)},p=a.forwardRef(m),S=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h2",testId:"cf-ui-subheading",marginBottom:f.subheading,className:t(n({fontSize:l.fontSizeL,lineHeight:l.lineHeightL},""),o)},c,{ref:s}),i)},x=a.forwardRef(S),H=({children:i,className:o,size:c="default",...s},f)=>{const g=r(u);let d="";return d=n("huge"===c?{fontSize:l.fontSize4Xl,lineHeight:l.lineHeight4Xl}:"large"===c?{fontSize:l.fontSize3Xl,lineHeight:l.lineHeight3Xl}:{fontSize:l.fontSize2Xl,lineHeight:l.lineHeight2Xl},""),a.createElement(p,e({as:"h1",testId:"cf-ui-display-text",marginBottom:"default"===c?g.displayText:g.displayTextLarge,className:t(d,o)},s,{ref:f}),i)},y=a.forwardRef(H),z=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h3",testId:"cf-ui-section-heading",marginBottom:f.sectionHeading,className:t(n({fontSize:l.fontSizeS,lineHeight:l.lineHeightS,letterSpacing:l.letterSpacingWide,textTransform:"uppercase"},""),o)},c,{ref:s}),i)},b=a.forwardRef(z),N=({children:i,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"p",testId:"cf-ui-text",marginBottom:f.text,className:t(n({fontWeight:l.fontWeightNormal,color:l.gray700,fontSize:l.fontSizeM,lineHeight:l.lineHeightM},""),o)},c,{ref:s}),i)},T=a.forwardRef(N);var X,E;X=module.exports,E=g,Object.keys(E).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(X,e,{enumerable:!0,get:function(){return E[e]}})}));
		//# sourceMappingURL=main.js.map

package.json

		{
		"name": "@contentful/f36-typography",
		"version": "4.0.1-next-v4-5670.2155+b44071c6",
		"version": "4.0.1-next-v4-5719.2157+cd8b7115",
		"description": "Forma 36: typography React Component",
		@@ -25,4 +25,4 @@ "license": "MIT",
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-core": "4.0.1-next-v4-5670.2155+b44071c6",
		"@contentful/f36-tokens": "4.0.1-next-v4-5670.2155+b44071c6",
		"@contentful/f36-core": "4.0.1-next-v4-5719.2157+cd8b7115",
		"@contentful/f36-tokens": "4.0.1-next-v4-5719.2157+cd8b7115",
		"emotion": "^10.0.17"
		@@ -36,3 +36,3 @@ },
		},
		"gitHead": "b44071c6a86eb5f2085c887bfc03ee0eb6fb0f95"
		"gitHead": "cd8b7115fba2be2e4f770c271952c91a75438465"
		}

@contentful/f36-typography - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes