Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-core
Advanced tools
@contentful/f36-core - npm Package Compare versions
Comparing version 4.0.1-next-v4-4931.2084 to 4.0.1-next-v4-4940.2085
@@ -1,2 +0,2 @@ | ||
| import n from"@babel/runtime/helpers/esm/extends";import i,{forwardRef as a,createElement as e}from"react";import t from"@emotion/is-prop-valid";import{cx as l,css as r}from"emotion";import o from"@contentful/f36-tokens";function s(n,i,a,e){Object.defineProperty(n,i,{get:a,set:e,enumerable:!0,configurable:!0})}s({},"Primitive",(()=>d));const g="div",d=i.forwardRef((function(a,e){const{as:l=g,testId:r,...o}=a,s={};for(const n in o)t(n)?s[n]=o[n]:console.warn("Invalid prop",n);return i.createElement(l,n({ref:e,"data-test-id":r},s,{as:void 0}))}));s({},"Flex",(()=>f));s({},"Box",(()=>c));const p={none:0,spacing2Xs:o.spacing2Xs,spacingXs:o.spacingXs,spacingS:o.spacingS,spacingM:o.spacingM,spacingL:o.spacingL,spacingXl:o.spacingXl,spacing2Xl:o.spacing2Xl,spacing3Xl:o.spacing3Xl,spacing4Xl:o.spacing4Xl};function m(n){return p[n]}const c=a((({display:i="block",children:a,className:t,...o},s)=>{return e(d,n({className:l(r({display:i,...(g=o,Object.assign({},g.margin?{margin:m(g.margin)}:null,g.marginLeft?{marginLeft:m(g.marginLeft)}:null,g.marginRight?{marginRight:m(g.marginRight)}:null,g.marginTop?{marginTop:m(g.marginTop)}:null,g.marginBottom?{marginBottom:m(g.marginBottom)}:null,g.padding?{padding:m(g.padding)}:null,g.paddingLeft?{paddingLeft:m(g.paddingLeft)}:null,g.paddingRight?{paddingRight:m(g.paddingRight)}:null,g.paddingTop?{paddingTop:m(g.paddingTop)}:null,g.paddingBottom?{paddingBottom:m(g.paddingBottom)}:null))},""),t)},o,{ref:s}),a);var g})),f=a((({isInline:i,alignItems:a,alignSelf:t,alignContent:o,flex:s,flexBasis:g,flexShrink:d,flexDirection:p,flexGrow:m,flexWrap:f,fullHeight:u,fullWidth:x,justifyContent:h,justifyItems:v,justifySelf:w,order:y,className:X,children:j,...B},G)=>e(c,n({as:"div",display:i?"inline-flex":"flex",className:l(r({width:x?"100%":void 0,height:u?"100%":void 0,flex:s,flexBasis:g,flexShrink:d,flexDirection:p,justifyContent:h,justifyItems:v,justifySelf:w,alignItems:a,alignSelf:t,alignContent:o,order:y,flexWrap:f,flexGrow:m},""),X)},B,{ref:G}),j)));var u={};s(u,"Grid",(()=>x)),s(u,"GridItem",(()=>h));const x=a((({alignContent:i,children:a,columnGap:t="spacingM",columns:o="auto",flow:s,isInline:g,justifyContent:d,rowGap:p="none",rows:f="auto",className:u,...x},h)=>{var v,w;const y=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n;return e(c,n({as:"div",display:g?"inline-grid":"grid",className:l(r({gridTemplateColumns:y(o),gridTemplateRows:y(f),flow:s,justifyContent:d,alignContent:i,columnGap:null!=(v=m(t))?v:0,rowGap:null!=(w=m(p))?w:0},""),u)},x,{ref:h}),a)})),h=a((({children:i,columnStart:a,columnEnd:t,rowStart:o,rowEnd:s,area:g,order:d,className:p,...m},f)=>{const u=g||[o||"auto",a||"auto",s||"auto",t||"auto"].join(" / ");return e(c,n({as:"div",className:l(r({gridArea:u,order:d},""),p)},m,{ref:f}),i)}));export{d as Primitive,f as Flex,x as Grid,h as GridItem,c as Box}; | ||
| import n from"@babel/runtime/helpers/esm/extends";import i,{forwardRef as a,createElement as e}from"react";import t from"@emotion/is-prop-valid";import{css as l,cx as r}from"emotion";import o from"@contentful/f36-tokens";function s(n,i,a,e){Object.defineProperty(n,i,{get:a,set:e,enumerable:!0,configurable:!0})}s({},"Primitive",(()=>d));const g="div",d=i.forwardRef((function(a,e){const{as:l=g,testId:r,...o}=a,s={};for(const n in o)t(n)?s[n]=o[n]:console.warn("Invalid prop",n);return i.createElement(l,n({ref:e,"data-test-id":r},s,{as:void 0}))}));s({},"Flex",(()=>f));s({},"Box",(()=>c));const p={none:0,spacing2Xs:o.spacing2Xs,spacingXs:o.spacingXs,spacingS:o.spacingS,spacingM:o.spacingM,spacingL:o.spacingL,spacingXl:o.spacingXl,spacing2Xl:o.spacing2Xl,spacing3Xl:o.spacing3Xl,spacing4Xl:o.spacing4Xl};function m(n){return p[n]}const c=a((({display:i="block",children:a,className:t,...o},s)=>{return e(d,n({className:r(l({display:i,...(g=o,Object.assign({},g.margin?{margin:m(g.margin)}:null,g.marginLeft?{marginLeft:m(g.marginLeft)}:null,g.marginRight?{marginRight:m(g.marginRight)}:null,g.marginTop?{marginTop:m(g.marginTop)}:null,g.marginBottom?{marginBottom:m(g.marginBottom)}:null,g.padding?{padding:m(g.padding)}:null,g.paddingLeft?{paddingLeft:m(g.paddingLeft)}:null,g.paddingRight?{paddingRight:m(g.paddingRight)}:null,g.paddingTop?{paddingTop:m(g.paddingTop)}:null,g.paddingBottom?{paddingBottom:m(g.paddingBottom)}:null))},""),t)},o,{ref:s}),a);var g})),f=a((({isInline:i,alignItems:a,alignSelf:t,alignContent:o,flex:s,flexBasis:g,flexShrink:d,flexDirection:p,flexGrow:m,flexWrap:f,fullHeight:u,fullWidth:x,justifyContent:h,justifyItems:v,justifySelf:w,order:y,className:X,children:j,...B},G)=>e(c,n({as:"div",display:i?"inline-flex":"flex",className:r(l({width:x?"100%":void 0,height:u?"100%":void 0,flex:s,flexBasis:g,flexShrink:d,flexDirection:p,justifyContent:h,justifyItems:v,justifySelf:w,alignItems:a,alignSelf:t,alignContent:o,order:y,flexWrap:f,flexGrow:m},""),X)},B,{ref:G}),j)));var u={};s(u,"Grid",(()=>x)),s(u,"GridItem",(()=>h));const x=a((({alignContent:i,children:a,columnGap:t="spacingM",columns:o="auto",flow:s,isInline:g,justifyContent:d,rowGap:p="none",rows:f="auto",className:u,...x},h)=>{var v,w;const y=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n;return e(c,n({as:"div",display:g?"inline-grid":"grid",className:r(l({gridTemplateColumns:y(o),gridTemplateRows:y(f),flow:s,justifyContent:d,alignContent:i,columnGap:null!=(v=m(t))?v:0,rowGap:null!=(w=m(p))?w:0},""),u)},x,{ref:h}),a)})),h=a((({children:i,columnStart:a,columnEnd:t,rowStart:o,rowEnd:s,area:g,order:d,className:p,...m},f)=>{const u=g||[o||"auto",a||"auto",s||"auto",t||"auto"].join(" / ");return e(c,n({as:"div",className:r(l({gridArea:u,order:d},""),p)},m,{ref:f}),i)}));export{d as Primitive,f as Flex,x as Grid,h as GridItem,c as Box}; | ||
| //# sourceMappingURL=module.js.map |
| { | ||
| "name": "@contentful/f36-core", | ||
| "version": "4.0.1-next-v4-4931.2084+37e988d1", | ||
| "version": "4.0.1-next-v4-4940.2085+0616fec9", | ||
| "description": "Forma 36 core", | ||
@@ -25,3 +25,3 @@ "license": "MIT", | ||
| "@babel/runtime": "^7.6.2", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-4931.2084+37e988d1", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-4940.2085+0616fec9", | ||
| "@emotion/is-prop-valid": "^1.1.0", | ||
@@ -36,3 +36,3 @@ "emotion": "^10.0.17" | ||
| }, | ||
| "gitHead": "37e988d17debe3499588e3b13975a347f212d824" | ||
| "gitHead": "0616fec9871efe808073a44e267dd8f61ba7ae2c" | ||
| } |
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