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-9168.2413 to 4.0.1-next-v4-9200.2414
@@ -1,2 +0,2 @@ | ||
| var e=c(require("@babel/runtime/helpers/extends")),t=require("react"),n=c(t),{useEffect:i}=t,{cx:r,css:o}=require("emotion"),a=c(require("@contentful/f36-tokens")),{Box:l}=require("@contentful/f36-core");function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function c(e){return e&&e.__esModule?e.default:e}var s={};f(s,"Heading",(()=>u)),f(s,"Subheading",(()=>p)),f(s,"Typography",(()=>S)),f(s,"DisplayText",(()=>H)),f(s,"SectionHeading",(()=>W)),f(s,"Paragraph",(()=>w)),f(s,"Text",(()=>d));function g({fontSize:t="fontSizeM",fontStack:i="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:c="gray800",lineHeight:s="lineHeightM",children:g,isTruncated:d,as:h,className:u,margin:m="none",...p},S){const y=h||"span";return n.createElement(l,e({},p,{as:y,className:r(o({padding:0,fontFamily:a[i],fontWeight:a[f],color:a[c],fontSize:a[t],lineHeight:a[s]},""),d?o({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,u),margin:m,ref:S}),g)}const d=n.forwardRef(g);function h({children:t,testId:i="cf-ui-heading",...r},o){return n.createElement(d,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},r,{ref:o}),t)}const u=n.forwardRef(h);function m({children:t,testId:i="cf-ui-subheading",...r},o){return n.createElement(d,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},r,{ref:o}),t)}const p=n.forwardRef(m);function S(e){return i((()=>{console.warn("Forma 36: Typography component is deprecated. You can safely remove it from your components.")}),[]),n.createElement(n.Fragment,null,e.children)}function y({children:t,size:i="default",testId:r="cf-ui-display-text",as:o,...a},l){let f="fontSize2Xl",c="lineHeight2Xl";return"huge"===i?(f="fontSize4Xl",c="lineHeight4Xl"):"large"===i&&(f="fontSize3Xl",c="lineHeight3Xl"),n.createElement(d,e({as:"h1",testId:r,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:f,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},a,{ref:l}),t)}const H=n.forwardRef(y);function z({children:t,className:i,testId:l="cf-ui-section-heading",...f},c){return n.createElement(d,e({as:"h3",testId:l,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:r(o({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),i)},f,{ref:c}),t)}const W=n.forwardRef(z),w=n.forwardRef((({children:t,testId:i="cf-ui-paragraph",...r},o)=>n.createElement(d,e({as:"p",testId:i,marginBottom:"spacingM",lineHeight:"lineHeightM"},r,{ref:o}),t)));var b,B;w.displayName="Paragraph",b=module.exports,B=s,Object.keys(B).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(b,e,{enumerable:!0,get:function(){return B[e]}})})); | ||
| var e=c(require("@babel/runtime/helpers/extends")),t=require("react"),n=c(t),{useEffect:i}=t,{css:r,cx:o}=require("emotion"),a=c(require("@contentful/f36-tokens")),{Box:l}=require("@contentful/f36-core");function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function c(e){return e&&e.__esModule?e.default:e}var s={};f(s,"Heading",(()=>u)),f(s,"Subheading",(()=>p)),f(s,"Typography",(()=>S)),f(s,"DisplayText",(()=>H)),f(s,"SectionHeading",(()=>W)),f(s,"Paragraph",(()=>w)),f(s,"Text",(()=>d));function g({fontSize:t="fontSizeM",fontStack:i="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:c="gray800",lineHeight:s="lineHeightM",children:g,isTruncated:d,as:h,className:u,margin:m="none",...p},S){const y=h||"span";return n.createElement(l,e({},p,{as:y,className:o(r({padding:0,fontFamily:a[i],fontWeight:a[f],color:a[c],fontSize:a[t],lineHeight:a[s]},""),d?r({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,u),margin:m,ref:S}),g)}const d=n.forwardRef(g);function h({children:t,testId:i="cf-ui-heading",...r},o){return n.createElement(d,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},r,{ref:o}),t)}const u=n.forwardRef(h);function m({children:t,testId:i="cf-ui-subheading",...r},o){return n.createElement(d,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},r,{ref:o}),t)}const p=n.forwardRef(m);function S(e){return i((()=>{console.warn("Forma 36: Typography component is deprecated. You can safely remove it from your components.")}),[]),n.createElement(n.Fragment,null,e.children)}function y({children:t,size:i="default",testId:r="cf-ui-display-text",as:o,...a},l){let f="fontSize2Xl",c="lineHeight2Xl";return"huge"===i?(f="fontSize4Xl",c="lineHeight4Xl"):"large"===i&&(f="fontSize3Xl",c="lineHeight3Xl"),n.createElement(d,e({as:"h1",testId:r,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:f,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},a,{ref:l}),t)}const H=n.forwardRef(y);function z({children:t,className:i,testId:l="cf-ui-section-heading",...f},c){return n.createElement(d,e({as:"h3",testId:l,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:o(r({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),i)},f,{ref:c}),t)}const W=n.forwardRef(z),w=n.forwardRef((({children:t,testId:i="cf-ui-paragraph",...r},o)=>n.createElement(d,e({as:"p",testId:i,marginBottom:"spacingM",lineHeight:"lineHeightM"},r,{ref:o}),t)));var b,B;w.displayName="Paragraph",b=module.exports,B=s,Object.keys(B).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(b,e,{enumerable:!0,get:function(){return B[e]}})})); | ||
| //# sourceMappingURL=main.js.map |
| { | ||
| "name": "@contentful/f36-typography", | ||
| "version": "4.0.1-next-v4-9168.2413+4186f37c", | ||
| "version": "4.0.1-next-v4-9200.2414+81e68a76", | ||
| "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-9168.2413+4186f37c", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-9168.2413+4186f37c", | ||
| "@contentful/f36-core": "4.0.1-next-v4-9200.2414+81e68a76", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-9200.2414+81e68a76", | ||
| "emotion": "^10.0.17" | ||
@@ -36,3 +36,3 @@ }, | ||
| }, | ||
| "gitHead": "4186f37c3eff41d00bb53df50952e8a8b93763b3" | ||
| "gitHead": "81e68a76b954a42bdfc5dd32ac252fa4e941df0d" | ||
| } |
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