Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-typography
Advanced tools
@contentful/f36-typography - npm Package Compare versions
Comparing version 4.0.1-next-v4-8125.2340 to 4.0.1-next-v4-8206.2342
@@ -1,2 +0,2 @@ | ||
| import e from"@babel/runtime/helpers/esm/extends";import t,{useEffect as n}from"react";import{css as i,cx as o}from"emotion";import a from"@contentful/f36-tokens";import{Box as r}from"@contentful/f36-core";function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var l={};f(l,"Heading",(()=>h)),f(l,"Subheading",(()=>d)),f(l,"Typography",(()=>p)),f(l,"DisplayText",(()=>S)),f(l,"SectionHeading",(()=>H)),f(l,"Paragraph",(()=>z)),f(l,"Text",(()=>g));function s({fontSize:n="fontSizeM",fontStack:f="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:s="gray800",lineHeight:g="lineHeightM",children:c,isTruncated:h,as:m,className:d,margin:p="none",...u},S){const y=m||"span";return t.createElement(r,e({},u,{as:y,className:o(i({padding:0,fontFamily:a[f],fontWeight:a[l],color:a[s],fontSize:a[n],lineHeight:a[g]},""),h?i({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,d),margin:p,ref:S}),c)}const g=t.forwardRef(s);function c({children:n,testId:i="cf-ui-heading",...o},a){return t.createElement(g,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n)}const h=t.forwardRef(c);function m({children:n,testId:i="cf-ui-subheading",...o},a){return t.createElement(g,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o,{ref:a}),n)}const d=t.forwardRef(m);function p(e){return n((()=>{console.warn("Forma 36: Typography component is deprecated. You can safely remove it from your components.")}),[]),t.createElement(t.Fragment,null,e.children)}function u({children:n,size:i="default",testId:o="cf-ui-display-text",as:a,...r},f){let l="fontSize2Xl",s="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",s="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",s="lineHeight3Xl"),t.createElement(g,e({as:"h1",testId:o,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:s,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},r,{ref:f}),n)}const S=t.forwardRef(u);function y({children:n,className:r,testId:f="cf-ui-section-heading",...l},s){return t.createElement(g,e({as:"h3",testId:f,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:o(i({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),r)},l,{ref:s}),n)}const H=t.forwardRef(y),z=t.forwardRef((({children:n,testId:i="cf-ui-paragraph",...o},a)=>t.createElement(g,e({as:"p",testId:i,marginBottom:"spacingM",lineHeight:"lineHeightM"},o,{ref:a}),n)));z.displayName="Paragraph";export{h as Heading,d as Subheading,p as Typography,S as DisplayText,H as SectionHeading,z as Paragraph,g as Text}; | ||
| import e from"@babel/runtime/helpers/esm/extends";import t,{useEffect as n}from"react";import{cx as i,css as o}from"emotion";import a from"@contentful/f36-tokens";import{Box as r}from"@contentful/f36-core";function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var l={};f(l,"Heading",(()=>h)),f(l,"Subheading",(()=>d)),f(l,"Typography",(()=>p)),f(l,"DisplayText",(()=>S)),f(l,"SectionHeading",(()=>H)),f(l,"Paragraph",(()=>z)),f(l,"Text",(()=>g));function s({fontSize:n="fontSizeM",fontStack:f="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:s="gray800",lineHeight:g="lineHeightM",children:c,isTruncated:h,as:m,className:d,margin:p="none",...u},S){const y=m||"span";return t.createElement(r,e({},u,{as:y,className:i(o({padding:0,fontFamily:a[f],fontWeight:a[l],color:a[s],fontSize:a[n],lineHeight:a[g]},""),h?o({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,d),margin:p,ref:S}),c)}const g=t.forwardRef(s);function c({children:n,testId:i="cf-ui-heading",...o},a){return t.createElement(g,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n)}const h=t.forwardRef(c);function m({children:n,testId:i="cf-ui-subheading",...o},a){return t.createElement(g,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o,{ref:a}),n)}const d=t.forwardRef(m);function p(e){return n((()=>{console.warn("Forma 36: Typography component is deprecated. You can safely remove it from your components.")}),[]),t.createElement(t.Fragment,null,e.children)}function u({children:n,size:i="default",testId:o="cf-ui-display-text",as:a,...r},f){let l="fontSize2Xl",s="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",s="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",s="lineHeight3Xl"),t.createElement(g,e({as:"h1",testId:o,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:s,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},r,{ref:f}),n)}const S=t.forwardRef(u);function y({children:n,className:r,testId:f="cf-ui-section-heading",...l},s){return t.createElement(g,e({as:"h3",testId:f,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:i(o({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),r)},l,{ref:s}),n)}const H=t.forwardRef(y),z=t.forwardRef((({children:n,testId:i="cf-ui-paragraph",...o},a)=>t.createElement(g,e({as:"p",testId:i,marginBottom:"spacingM",lineHeight:"lineHeightM"},o,{ref:a}),n)));z.displayName="Paragraph";export{h as Heading,d as Subheading,p as Typography,S as DisplayText,H as SectionHeading,z as Paragraph,g as Text}; | ||
| //# sourceMappingURL=module.js.map |
| { | ||
| "name": "@contentful/f36-typography", | ||
| "version": "4.0.1-next-v4-8125.2340+450dfb35", | ||
| "version": "4.0.1-next-v4-8206.2342+e2bcb083", | ||
| "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-8125.2340+450dfb35", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-8125.2340+450dfb35", | ||
| "@contentful/f36-core": "4.0.1-next-v4-8206.2342+e2bcb083", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-8206.2342+e2bcb083", | ||
| "emotion": "^10.0.17" | ||
@@ -36,3 +36,3 @@ }, | ||
| }, | ||
| "gitHead": "450dfb35cbbe21cd28e4d11d4206aa2c2deb31c8" | ||
| "gitHead": "e2bcb083a02466b2403ecf87303a5a3fb4df0ac6" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No metric changes