		@@ -1,2 +0,2 @@
		var e=f(require("@babel/runtime/helpers/extends")),{css:t,cx:i}=require("emotion"),n=require("react"),a=f(n),{useContext:r,createContext:o}=n,l=f(require("@contentful/f36-tokens")),{Box:c}=require("@contentful/f36-core");function s(e,t,i,n){Object.defineProperty(e,t,{get:i,set:n,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var g={};s(g,"Heading",(()=>p)),s(g,"Subheading",(()=>S)),s(g,"Typography",(()=>h)),s(g,"DisplayText",(()=>z)),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:n,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:i(t({fontFamily:l.fontStackPrimary,fontWeight:l.fontWeightDemiBold,color:l.colorTextDark,fontSize:l.fontSizeXl,lineHeight:l.lineHeightXl,textRendering:"optimizeLegibility"},""),o)},s,{ref:f}),n)},p=a.forwardRef(m),x=({children:n,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h2",testId:"cf-ui-subheading",marginBottom:f.subheading,className:i(t({fontSize:l.fontSizeL,lineHeight:l.lineHeightL},""),o)},c,{ref:s}),n)},S=a.forwardRef(x),H=({children:n,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:i(d,o)},s,{ref:f}),n)},z=a.forwardRef(H),y=({children:n,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h3",testId:"cf-ui-section-heading",marginBottom:f.sectionHeading,className:i(t({fontSize:l.fontSizeS,lineHeight:l.lineHeightS,letterSpacing:l.letterSpacingWide,textTransform:"uppercase"},""),o)},c,{ref:s}),n)},b=a.forwardRef(y),N=({children:n,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"p",testId:"cf-ui-text",marginBottom:f.text,className:i(t({fontWeight:l.fontWeightNormal,color:l.colorTextMid,fontSize:l.fontSizeM,lineHeight:l.lineHeightM},""),o)},c,{ref:s}),n)},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:i}=require("emotion"),n=require("react"),a=f(n),{useContext:r,createContext:o}=n,l=f(require("@contentful/f36-tokens")),{Box:c}=require("@contentful/f36-core");function s(e,t,i,n){Object.defineProperty(e,t,{get:i,set:n,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var g={};s(g,"Heading",(()=>p)),s(g,"Subheading",(()=>S)),s(g,"Typography",(()=>h)),s(g,"DisplayText",(()=>z)),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:n,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(i({fontFamily:l.fontStackPrimary,fontWeight:l.fontWeightDemiBold,color:l.colorTextDark,fontSize:l.fontSizeXl,lineHeight:l.lineHeightXl,textRendering:"optimizeLegibility"},""),o)},s,{ref:f}),n)},p=a.forwardRef(m),x=({children:n,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"h2",testId:"cf-ui-subheading",marginBottom:f.subheading,className:t(i({fontSize:l.fontSizeL,lineHeight:l.lineHeightL},""),o)},c,{ref:s}),n)},S=a.forwardRef(x),H=({children:n,className:o,size:c="default",...s},f)=>{const g=r(u);let d="";return d=i("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}),n)},z=a.forwardRef(H),y=({children:n,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(i({fontSize:l.fontSizeS,lineHeight:l.lineHeightS,letterSpacing:l.letterSpacingWide,textTransform:"uppercase"},""),o)},c,{ref:s}),n)},b=a.forwardRef(y),N=({children:n,className:o,...c},s)=>{const f=r(u);return a.createElement(p,e({as:"p",testId:"cf-ui-text",marginBottom:f.text,className:t(i({fontWeight:l.fontWeightNormal,color:l.colorTextMid,fontSize:l.fontSizeM,lineHeight:l.lineHeightM},""),o)},c,{ref:s}),n)},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-5419.2131+712a0da4",
		"version": "4.0.1-next-v4-5428.2132+e64f4408",
		"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-5419.2131+712a0da4",
		"@contentful/f36-tokens": "4.0.1-next-v4-5419.2131+712a0da4",
		"@contentful/f36-core": "4.0.1-next-v4-5428.2132+e64f4408",
		"@contentful/f36-tokens": "4.0.1-next-v4-5428.2132+e64f4408",
		"emotion": "^10.0.17"
		@@ -36,3 +36,3 @@ },
		},
		"gitHead": "712a0da43c4aa881d8375537c7c18ac983edb065"
		"gitHead": "e64f4408c58acf242c92e1e50ede4e381c0b17a2"
		}

@contentful/f36-typography - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes