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-6321.2232 to 4.0.1-next-v4-6330.2234
@@ -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{useBox as r}from"@contentful/f36-core";function l(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var f={};l(f,"Heading",(()=>h)),l(f,"Subheading",(()=>d)),l(f,"Typography",(()=>p)),l(f,"DisplayText",(()=>S)),l(f,"SectionHeading",(()=>H)),l(f,"Paragraph",(()=>x)),l(f,"Text",(()=>g));const s=({fontSize:n="fontSizeM",fontStack:l="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:s="gray700",lineHeight:g,children:c,isTruncated:h,as:m="span",...d},p)=>{const{boxProps:u,Element:S}=r({...d,as:m});return t.createElement(S,e({},u,{className:o(i({margin:0,padding:0,fontFamily:a[l],fontWeight:a[f],color:a[s],fontSize:a[n],lineHeight:a[g]},""),h?i({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,u.className),ref:p}),c)},g=t.forwardRef(s),c=({children:n,testId:i="cf-ui-heading",...o},a)=>t.createElement(g,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n),h=t.forwardRef(c),m=({children:n,testId:i="cf-ui-subheading",...o},a)=>t.createElement(g,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o,{ref:a}),n),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)}const u=({children:n,size:i="default",testId:o="cf-ui-display-text",...a},r)=>{let l="fontSize2Xl",f="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",f="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",f="lineHeight3Xl"),t.createElement(g,e({as:"h1",testId:o,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:f,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},a,{ref:r}),n)},S=t.forwardRef(u),y=({children:n,className:r,testId:l="cf-ui-section-heading",...f},s)=>t.createElement(g,e({as:"h3",testId:l,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:o(i({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),r)},f,{ref:s}),n),H=t.forwardRef(y),z=({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),x=t.forwardRef(z);export{h as Heading,d as Subheading,p as Typography,S as DisplayText,H as SectionHeading,x 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{useBox as r}from"@contentful/f36-core";function l(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var f={};l(f,"Heading",(()=>h)),l(f,"Subheading",(()=>d)),l(f,"Typography",(()=>p)),l(f,"DisplayText",(()=>S)),l(f,"SectionHeading",(()=>H)),l(f,"Paragraph",(()=>x)),l(f,"Text",(()=>g));const s=({fontSize:n="fontSizeM",fontStack:l="fontStackPrimary",fontWeight:f="fontWeightNormal",fontColor:s="gray700",lineHeight:g,children:c,isTruncated:h,as:m="span",...d},p)=>{const{boxProps:u,Element:S}=r({...d,as:m});return t.createElement(S,e({},u,{className:i(o({margin:0,padding:0,fontFamily:a[l],fontWeight:a[f],color:a[s],fontSize:a[n],lineHeight:a[g]},""),h?o({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,u.className),ref:p}),c)},g=t.forwardRef(s),c=({children:n,testId:i="cf-ui-heading",...o},a)=>t.createElement(g,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n),h=t.forwardRef(c),m=({children:n,testId:i="cf-ui-subheading",...o},a)=>t.createElement(g,e({as:"h2",testId:i,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o,{ref:a}),n),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)}const u=({children:n,size:i="default",testId:o="cf-ui-display-text",...a},r)=>{let l="fontSize2Xl",f="lineHeight2Xl";return"huge"===i?(l="fontSize4Xl",f="lineHeight4Xl"):"large"===i&&(l="fontSize3Xl",f="lineHeight3Xl"),t.createElement(g,e({as:"h1",testId:o,marginBottom:"default"===i?"spacingL":"spacingXl",fontSize:l,lineHeight:f,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},a,{ref:r}),n)},S=t.forwardRef(u),y=({children:n,className:r,testId:l="cf-ui-section-heading",...f},s)=>t.createElement(g,e({as:"h3",testId:l,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:i(o({letterSpacing:a.letterSpacingWide,textTransform:"uppercase"},""),r)},f,{ref:s}),n),H=t.forwardRef(y),z=({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),x=t.forwardRef(z);export{h as Heading,d as Subheading,p as Typography,S as DisplayText,H as SectionHeading,x as Paragraph,g as Text}; | ||
| //# sourceMappingURL=module.js.map |
| { | ||
| "name": "@contentful/f36-typography", | ||
| "version": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "version": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "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-6321.2232+4fbeb4b9", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "emotion": "^10.0.17" | ||
@@ -36,3 +36,3 @@ }, | ||
| }, | ||
| "gitHead": "4fbeb4b96baa267fe697a3143d14a4325fa77158" | ||
| "gitHead": "82fc9a50a968ded4d1d5365e0c49f2eb83715710" | ||
| } |
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