@contentful/f36-typography - npm Package Compare versions

Comparing version 4.0.1-next-v4-7604.2322 to 4.0.1-next-v4-7654.2323

dist/main.js

@@ -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",(()=>h)),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="gray700",lineHeight:s,children:g,isTruncated:d,as:u,className:h,margin:m="none",...p},S){const y=u||"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,h),margin:m,ref:S}),g)}const d=n.forwardRef(g);function u({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 h=n.forwardRef(u);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",(()=>h)),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="gray700",lineHeight:s,children:g,isTruncated:d,as:u,className:h,margin:m="none",...p},S){const y=u||"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,h),margin:m,ref:S}),g)}const d=n.forwardRef(g);function u({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 h=n.forwardRef(u);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

dist/module.js

@@ -1,2 +0,2 @@
-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",(()=>c));function s({fontSize:n="fontSizeM",fontStack:f="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:s="gray700",lineHeight:c,children:g,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[c]},""),h?o({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,d),margin:p,ref:S}),g)}const c=t.forwardRef(s);function g({children:n,testId:i="cf-ui-heading",...o},a){return t.createElement(c,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n)}const h=t.forwardRef(g);function m({children:n,testId:i="cf-ui-subheading",...o},a){return t.createElement(c,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(c,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(c,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(c,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,c as Text};
+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",(()=>c));function s({fontSize:n="fontSizeM",fontStack:f="fontStackPrimary",fontWeight:l="fontWeightNormal",fontColor:s="gray700",lineHeight:c,children:g,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[c]},""),h?i({name:"8uhtka",styles:"overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"}):null,d),margin:p,ref:S}),g)}const c=t.forwardRef(s);function g({children:n,testId:i="cf-ui-heading",...o},a){return t.createElement(c,e({as:"h1",testId:i,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o,{ref:a}),n)}const h=t.forwardRef(g);function m({children:n,testId:i="cf-ui-subheading",...o},a){return t.createElement(c,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(c,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(c,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(c,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,c as Text};
 //# sourceMappingURL=module.js.map

package.json

 {
   "name": "@contentful/f36-typography",
-  "version": "4.0.1-next-v4-7604.2322+0bee7360",
+  "version": "4.0.1-next-v4-7654.2323+5e3338fc",
   "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-7604.2322+0bee7360",
-    "@contentful/f36-tokens": "4.0.1-next-v4-7604.2322+0bee7360",
+    "@contentful/f36-core": "4.0.1-next-v4-7654.2323+5e3338fc",
+    "@contentful/f36-tokens": "4.0.1-next-v4-7654.2323+5e3338fc",
     "emotion": "^10.0.17"
@@ -36,3 +36,3 @@ },
   },
-  "gitHead": "0bee7360d2456674a913f221d51a3b08d75a14bb"
+  "gitHead": "5e3338fc23ded26814ba368fdc22d2332ff427ee"
 }

New alerts

License Policy Violation

License

This 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 risk

This 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

License

This 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 risk

This 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

Dependency changes

• Updated@contentful/f36-core@4.0.1-next-v4-7654.2323+5e3338fc

• Updated@contentful/f36-tokens@4.0.1-next-v4-7654.2323+5e3338fc