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-6471.2249 to 4.0.1-next-v4-6507.2250
@@ -1,2 +0,2 @@ | ||
| var e=s(require("@babel/runtime/helpers/extends")),t=require("react"),n=s(t),{useEffect:i}=t,{css:r,cx:o}=require("emotion"),a=s(require("@contentful/f36-tokens")),{useBox:l}=require("@contentful/f36-core");function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function s(e){return e&&e.__esModule?e.default:e}var c={};f(c,"Heading",(()=>u)),f(c,"Subheading",(()=>p)),f(c,"Typography",(()=>S)),f(c,"DisplayText",(()=>H)),f(c,"SectionHeading",(()=>W)),f(c,"Paragraph",(()=>w)),f(c,"Text",(()=>d));const g=({fontSize:t="fontSizeM",fontStack:i="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:s="gray700",lineHeight:c,children:g,isTruncated:d,as:h="span",...u},m)=>{const{boxProps:p,Element:S}=l({...u,as:h});return n.createElement(S,e({},p,{className:o(r({margin:0,padding:0,fontFamily:a[i],fontWeight:a[f],color:a[s],fontSize:a[t],lineHeight:a[c]},""),d?r({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,p.className),ref:m}),g)},d=n.forwardRef(g),h=({children:t,testId:i="cf-ui-heading",...r},o)=>n.createElement(d,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},r,{ref:o}),t),u=n.forwardRef(h),m=({children:t,testId:i="cf-ui-subheading",...r},o)=>n.createElement(d,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},r,{ref:o}),t),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)}const y=({children:t,size:i="default",testId:r="cf-ui-display-text",...o},a)=>{let l="fontSize2Xl",f="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",f="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",f="lineHeight3Xl"),n.createElement(d,e({as:"h1",testId:r,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:f,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o,{ref:a}),t)},H=n.forwardRef(y),z=({children:t,className:i,testId:l="cf-ui-section-heading",...f},s)=>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:s}),t),W=n.forwardRef(z),b=({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),w=n.forwardRef(b);var x,B;x=module.exports,B=c,Object.keys(B).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(x,e,{enumerable:!0,get:function(){return B[e]}})})); | ||
| var e=s(require("@babel/runtime/helpers/extends")),t=require("react"),n=s(t),{useEffect:i}=t,{cx:r,css:o}=require("emotion"),a=s(require("@contentful/f36-tokens")),{useBox:l}=require("@contentful/f36-core");function f(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}function s(e){return e&&e.__esModule?e.default:e}var c={};f(c,"Heading",(()=>u)),f(c,"Subheading",(()=>p)),f(c,"Typography",(()=>S)),f(c,"DisplayText",(()=>H)),f(c,"SectionHeading",(()=>W)),f(c,"Paragraph",(()=>w)),f(c,"Text",(()=>d));const g=({fontSize:t="fontSizeM",fontStack:i="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:s="gray700",lineHeight:c,children:g,isTruncated:d,as:h="span",...u},m)=>{const{boxProps:p,Element:S}=l({...u,as:h});return n.createElement(S,e({},p,{className:r(o({margin:0,padding:0,fontFamily:a[i],fontWeight:a[f],color:a[s],fontSize:a[t],lineHeight:a[c]},""),d?o({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,p.className),ref:m}),g)},d=n.forwardRef(g),h=({children:t,testId:i="cf-ui-heading",...r},o)=>n.createElement(d,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},r,{ref:o}),t),u=n.forwardRef(h),m=({children:t,testId:i="cf-ui-subheading",...r},o)=>n.createElement(d,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},r,{ref:o}),t),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)}const y=({children:t,size:i="default",testId:r="cf-ui-display-text",...o},a)=>{let l="fontSize2Xl",f="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",f="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",f="lineHeight3Xl"),n.createElement(d,e({as:"h1",testId:r,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:f,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o,{ref:a}),t)},H=n.forwardRef(y),z=({children:t,className:i,testId:l="cf-ui-section-heading",...f},s)=>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:s}),t),W=n.forwardRef(z),b=({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),w=n.forwardRef(b);var x,B;x=module.exports,B=c,Object.keys(B).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(x,e,{enumerable:!0,get:function(){return B[e]}})})); | ||
| //# sourceMappingURL=main.js.map |
| { | ||
| "name": "@contentful/f36-typography", | ||
| "version": "4.0.1-next-v4-6471.2249+b000830c", | ||
| "version": "4.0.1-next-v4-6507.2250+9aa220c9", | ||
| "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-6471.2249+b000830c", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6471.2249+b000830c", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6507.2250+9aa220c9", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6507.2250+9aa220c9", | ||
| "emotion": "^10.0.17" | ||
@@ -36,3 +36,3 @@ }, | ||
| }, | ||
| "gitHead": "b000830c024017a03a7bc96a4b9abc022ec15c8d" | ||
| "gitHead": "9aa220c9e64a2982fd106d48d115e25df0bb3e07" | ||
| } |
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