		@@ -1,2 +0,2 @@
		var n=g(require("@emotion/is-prop-valid")),e=g(require("@babel/runtime/helpers/extends")),{css:i,cx:t}=require("emotion"),{forwardRef:a,createElement:r,useMemo:o}=require("react"),l=g(require("@contentful/f36-tokens"));function s(n,e){return Object.keys(e).forEach((function(i){"default"!==i&&"__esModule"!==i&&Object.defineProperty(n,i,{enumerable:!0,get:function(){return e[i]}})})),n}function d(n,e,i,t){Object.defineProperty(n,e,{get:i,set:t,enumerable:!0,configurable:!0})}function g(n){return n&&n.__esModule?n.default:n}var p={};d(p,"usePrimitive",(()=>u));const m="div";function u(e){const{as:i=m,testId:t,...a}=e,r={};for(const e in a)n(e)?r[e]=a[e]:console.warn("Invalid prop",e);return{primitiveProps:{"data-test-id":t,...r,as:void 0},Element:i}}var c={};d(c,"Flex",(()=>j));var f={};d(f,"Box",(()=>b)),d(f,"useBox",(()=>y));const x={none:0,spacing2Xs:l.spacing2Xs,spacingXs:l.spacingXs,spacingS:l.spacingS,spacingM:l.spacingM,spacingL:l.spacingL,spacingXl:l.spacingXl,spacing2Xl:l.spacing2Xl,spacing3Xl:l.spacing3Xl,spacing4Xl:l.spacing4Xl};function h(n){return x[n]}function v(n){return Object.assign({},n.margin?{margin:h(n.margin)}:null,n.marginLeft?{marginLeft:h(n.marginLeft)}:null,n.marginRight?{marginRight:h(n.marginRight)}:null,n.marginTop?{marginTop:h(n.marginTop)}:null,n.marginBottom?{marginBottom:h(n.marginBottom)}:null,n.padding?{padding:h(n.padding)}:null,n.paddingLeft?{paddingLeft:h(n.paddingLeft)}:null,n.paddingRight?{paddingRight:h(n.paddingRight)}:null,n.paddingTop?{paddingTop:h(n.paddingTop)}:null,n.paddingBottom?{paddingBottom:h(n.paddingBottom)}:null)}function y(n){const{display:e,children:a,className:r,margin:o,marginBottom:l,marginLeft:s,marginRight:d,marginTop:g,padding:p,paddingBottom:m,paddingLeft:c,paddingRight:f,paddingTop:x,...h}=n,y={className:t(i({display:e,...v({margin:o,marginBottom:l,marginLeft:s,marginRight:d,marginTop:g,padding:p,paddingBottom:m,paddingLeft:c,paddingRight:f,paddingTop:x})},""),r),...h},{Element:b,primitiveProps:j}=u(y);return{boxProps:j,Element:b}}const b=a(((n,i)=>{const{boxProps:t,Element:a}=y(n);return r(a,e({},t,{ref:i}),n.children)})),j=a((({isInline:n,alignItems:a,alignSelf:o,alignContent:l,flex:s,flexBasis:d,flexShrink:g,flexDirection:p,flexGrow:m,flexWrap:u,fullHeight:c,fullWidth:f,gap:x,justifyContent:h,justifyItems:v,justifySelf:b,order:j,children:B,...w},L)=>{const{boxProps:R,Element:T}=y(w);return r(T,e({as:"div"},R,{className:t(i({display:n?"inline-flex":"flex",width:f?"100%":void 0,height:c?"100%":void 0,flex:s,flexBasis:d,flexShrink:g,flexDirection:p,gap:x,justifyContent:h,justifyItems:v,justifySelf:b,alignItems:a,alignSelf:o,alignContent:l,order:j,flexWrap:u,flexGrow:m},""),R.className),ref:L}),B)}));var B={};d(B,"Grid",(()=>w)),d(B,"GridItem",(()=>L));const w=a((({alignContent:n,children:a,columnGap:o="spacingM",columns:l="auto",flow:s,isInline:d,justifyContent:g,rowGap:p="none",rows:m="auto",...u},c)=>{var f,x;const v=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n,{boxProps:b,Element:j}=y(u);return r(j,e({as:"div"},b,{className:t(i({display:d?"inline-grid":"grid",gridTemplateColumns:v(l),gridTemplateRows:v(m),flow:s,justifyContent:g,alignContent:n,columnGap:null!==(f=h(o))&&void 0!==f?f:0,rowGap:null!==(x=h(p))&&void 0!==x?x:0},""),b.className),ref:c}),a)})),L=a((({children:n,columnStart:a,columnEnd:o,rowStart:l,rowEnd:s,area:d,order:g,...p},m)=>{const u=d\|\|[l\|\|"auto",a\|\|"auto",s\|\|"auto",o\|\|"auto"].join(" / "),{boxProps:c,Element:f}=y(p);return r(f,e({as:"div"},c,{className:t(i({gridArea:u,order:g},""),c.className),ref:m}),n)}));var R={};function T(n,e){return o((()=>n\|\|[e\|\|"id",Math.round(1e4*Math.random())].join("_")),[])}d(R,"useId",(()=>T)),s(module.exports,p),s(module.exports,c),s(module.exports,B),s(module.exports,f),s(module.exports,R);
		var n=g(require("@emotion/is-prop-valid")),e=g(require("@babel/runtime/helpers/extends")),{cx:i,css:t}=require("emotion"),{createElement:a,forwardRef:r,useMemo:o}=require("react"),l=g(require("@contentful/f36-tokens"));function s(n,e){return Object.keys(e).forEach((function(i){"default"!==i&&"__esModule"!==i&&Object.defineProperty(n,i,{enumerable:!0,get:function(){return e[i]}})})),n}function d(n,e,i,t){Object.defineProperty(n,e,{get:i,set:t,enumerable:!0,configurable:!0})}function g(n){return n&&n.__esModule?n.default:n}var p={};d(p,"usePrimitive",(()=>u));const m="div";function u(e){const{as:i=m,testId:t,...a}=e,r={};for(const e in a)n(e)?r[e]=a[e]:console.warn("Invalid prop",e);return{primitiveProps:{"data-test-id":t,...r,as:void 0},Element:i}}var c={};d(c,"Flex",(()=>j));var f={};d(f,"Box",(()=>b)),d(f,"useBox",(()=>y));const x={none:0,spacing2Xs:l.spacing2Xs,spacingXs:l.spacingXs,spacingS:l.spacingS,spacingM:l.spacingM,spacingL:l.spacingL,spacingXl:l.spacingXl,spacing2Xl:l.spacing2Xl,spacing3Xl:l.spacing3Xl,spacing4Xl:l.spacing4Xl};function h(n){return x[n]}function v(n){return Object.assign({},n.margin?{margin:h(n.margin)}:null,n.marginLeft?{marginLeft:h(n.marginLeft)}:null,n.marginRight?{marginRight:h(n.marginRight)}:null,n.marginTop?{marginTop:h(n.marginTop)}:null,n.marginBottom?{marginBottom:h(n.marginBottom)}:null,n.padding?{padding:h(n.padding)}:null,n.paddingLeft?{paddingLeft:h(n.paddingLeft)}:null,n.paddingRight?{paddingRight:h(n.paddingRight)}:null,n.paddingTop?{paddingTop:h(n.paddingTop)}:null,n.paddingBottom?{paddingBottom:h(n.paddingBottom)}:null)}function y(n){const{display:e,children:a,className:r,margin:o,marginBottom:l,marginLeft:s,marginRight:d,marginTop:g,padding:p,paddingBottom:m,paddingLeft:c,paddingRight:f,paddingTop:x,...h}=n,y={className:i(t({display:e,...v({margin:o,marginBottom:l,marginLeft:s,marginRight:d,marginTop:g,padding:p,paddingBottom:m,paddingLeft:c,paddingRight:f,paddingTop:x})},""),r),...h},{Element:b,primitiveProps:j}=u(y);return{boxProps:j,Element:b}}const b=r(((n,i)=>{const{boxProps:t,Element:r}=y(n);return a(r,e({},t,{ref:i}),n.children)})),j=r((({isInline:n,alignItems:r,alignSelf:o,alignContent:l,flex:s,flexBasis:d,flexShrink:g,flexDirection:p,flexGrow:m,flexWrap:u,fullHeight:c,fullWidth:f,gap:x,justifyContent:h,justifyItems:v,justifySelf:b,order:j,children:B,...w},L)=>{const{boxProps:R,Element:T}=y(w);return a(T,e({as:"div"},R,{className:i(t({display:n?"inline-flex":"flex",width:f?"100%":void 0,height:c?"100%":void 0,flex:s,flexBasis:d,flexShrink:g,flexDirection:p,gap:x,justifyContent:h,justifyItems:v,justifySelf:b,alignItems:r,alignSelf:o,alignContent:l,order:j,flexWrap:u,flexGrow:m},""),R.className),ref:L}),B)}));var B={};d(B,"Grid",(()=>w)),d(B,"GridItem",(()=>L));const w=r((({alignContent:n,children:r,columnGap:o="spacingM",columns:l="auto",flow:s,isInline:d,justifyContent:g,rowGap:p="none",rows:m="auto",...u},c)=>{var f,x;const v=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n,{boxProps:b,Element:j}=y(u);return a(j,e({as:"div"},b,{className:i(t({display:d?"inline-grid":"grid",gridTemplateColumns:v(l),gridTemplateRows:v(m),flow:s,justifyContent:g,alignContent:n,columnGap:null!==(f=h(o))&&void 0!==f?f:0,rowGap:null!==(x=h(p))&&void 0!==x?x:0},""),b.className),ref:c}),r)})),L=r((({children:n,columnStart:r,columnEnd:o,rowStart:l,rowEnd:s,area:d,order:g,...p},m)=>{const u=d\|\|[l\|\|"auto",r\|\|"auto",s\|\|"auto",o\|\|"auto"].join(" / "),{boxProps:c,Element:f}=y(p);return a(f,e({as:"div"},c,{className:i(t({gridArea:u,order:g},""),c.className),ref:m}),n)}));var R={};function T(n,e){return o((()=>n\|\|[e\|\|"id",Math.round(1e4*Math.random())].join("_")),[])}d(R,"useId",(()=>T)),s(module.exports,p),s(module.exports,c),s(module.exports,B),s(module.exports,f),s(module.exports,R);
		//# sourceMappingURL=main.js.map

dist/module.js

		@@ -1,2 +0,2 @@
		import n from"@emotion/is-prop-valid";import i from"@babel/runtime/helpers/esm/extends";import{cx as a,css as t}from"emotion";import{forwardRef as e,createElement as o,useMemo as r}from"react";import s from"@contentful/f36-tokens";function l(n,i,a,t){Object.defineProperty(n,i,{get:a,set:t,enumerable:!0,configurable:!0})}l({},"usePrimitive",(()=>d));const g="div";function d(i){const{as:a=g,testId:t,...e}=i,o={};for(const i in e)n(i)?o[i]=e[i]:console.warn("Invalid prop",i);return{primitiveProps:{"data-test-id":t,...o,as:void 0},Element:a}}l({},"Flex",(()=>h));var p={};l(p,"Box",(()=>x)),l(p,"useBox",(()=>u));const m={none:0,spacing2Xs:s.spacing2Xs,spacingXs:s.spacingXs,spacingS:s.spacingS,spacingM:s.spacingM,spacingL:s.spacingL,spacingXl:s.spacingXl,spacing2Xl:s.spacing2Xl,spacing3Xl:s.spacing3Xl,spacing4Xl:s.spacing4Xl};function c(n){return m[n]}function f(n){return Object.assign({},n.margin?{margin:c(n.margin)}:null,n.marginLeft?{marginLeft:c(n.marginLeft)}:null,n.marginRight?{marginRight:c(n.marginRight)}:null,n.marginTop?{marginTop:c(n.marginTop)}:null,n.marginBottom?{marginBottom:c(n.marginBottom)}:null,n.padding?{padding:c(n.padding)}:null,n.paddingLeft?{paddingLeft:c(n.paddingLeft)}:null,n.paddingRight?{paddingRight:c(n.paddingRight)}:null,n.paddingTop?{paddingTop:c(n.paddingTop)}:null,n.paddingBottom?{paddingBottom:c(n.paddingBottom)}:null)}function u(n){const{display:i,children:e,className:o,margin:r,marginBottom:s,marginLeft:l,marginRight:g,marginTop:p,padding:m,paddingBottom:c,paddingLeft:u,paddingRight:x,paddingTop:h,...v}=n,B={className:a(t({display:i,...f({margin:r,marginBottom:s,marginLeft:l,marginRight:g,marginTop:p,padding:m,paddingBottom:c,paddingLeft:u,paddingRight:x,paddingTop:h})},""),o),...v},{Element:y,primitiveProps:w}=d(B);return{boxProps:w,Element:y}}const x=e(((n,a)=>{const{boxProps:t,Element:e}=u(n);return o(e,i({},t,{ref:a}),n.children)})),h=e((({isInline:n,alignItems:e,alignSelf:r,alignContent:s,flex:l,flexBasis:g,flexShrink:d,flexDirection:p,flexGrow:m,flexWrap:c,fullHeight:f,fullWidth:x,gap:h,justifyContent:v,justifyItems:B,justifySelf:y,order:w,children:b,...j},I)=>{const{boxProps:L,Element:R}=u(j);return o(R,i({as:"div"},L,{className:a(t({display:n?"inline-flex":"flex",width:x?"100%":void 0,height:f?"100%":void 0,flex:l,flexBasis:g,flexShrink:d,flexDirection:p,gap:h,justifyContent:v,justifyItems:B,justifySelf:y,alignItems:e,alignSelf:r,alignContent:s,order:w,flexWrap:c,flexGrow:m},""),L.className),ref:I}),b)}));var v={};l(v,"Grid",(()=>B)),l(v,"GridItem",(()=>y));const B=e((({alignContent:n,children:e,columnGap:r="spacingM",columns:s="auto",flow:l,isInline:g,justifyContent:d,rowGap:p="none",rows:m="auto",...f},x)=>{var h,v;const B=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n,{boxProps:y,Element:w}=u(f);return o(w,i({as:"div"},y,{className:a(t({display:g?"inline-grid":"grid",gridTemplateColumns:B(s),gridTemplateRows:B(m),flow:l,justifyContent:d,alignContent:n,columnGap:null!==(h=c(r))&&void 0!==h?h:0,rowGap:null!==(v=c(p))&&void 0!==v?v:0},""),y.className),ref:x}),e)})),y=e((({children:n,columnStart:e,columnEnd:r,rowStart:s,rowEnd:l,area:g,order:d,...p},m)=>{const c=g\|\|[s\|\|"auto",e\|\|"auto",l\|\|"auto",r\|\|"auto"].join(" / "),{boxProps:f,Element:x}=u(p);return o(x,i({as:"div"},f,{className:a(t({gridArea:c,order:d},""),f.className),ref:m}),n)}));function w(n,i){return r((()=>n\|\|[i\|\|"id",Math.round(1e4*Math.random())].join("_")),[])}l({},"useId",(()=>w));export{d as usePrimitive,h as Flex,B as Grid,y as GridItem,x as Box,u as useBox,w as useId};
		import n from"@emotion/is-prop-valid";import i from"@babel/runtime/helpers/esm/extends";import{css as a,cx as t}from"emotion";import{createElement as e,forwardRef as o,useMemo as r}from"react";import s from"@contentful/f36-tokens";function l(n,i,a,t){Object.defineProperty(n,i,{get:a,set:t,enumerable:!0,configurable:!0})}l({},"usePrimitive",(()=>d));const g="div";function d(i){const{as:a=g,testId:t,...e}=i,o={};for(const i in e)n(i)?o[i]=e[i]:console.warn("Invalid prop",i);return{primitiveProps:{"data-test-id":t,...o,as:void 0},Element:a}}l({},"Flex",(()=>h));var p={};l(p,"Box",(()=>x)),l(p,"useBox",(()=>u));const m={none:0,spacing2Xs:s.spacing2Xs,spacingXs:s.spacingXs,spacingS:s.spacingS,spacingM:s.spacingM,spacingL:s.spacingL,spacingXl:s.spacingXl,spacing2Xl:s.spacing2Xl,spacing3Xl:s.spacing3Xl,spacing4Xl:s.spacing4Xl};function c(n){return m[n]}function f(n){return Object.assign({},n.margin?{margin:c(n.margin)}:null,n.marginLeft?{marginLeft:c(n.marginLeft)}:null,n.marginRight?{marginRight:c(n.marginRight)}:null,n.marginTop?{marginTop:c(n.marginTop)}:null,n.marginBottom?{marginBottom:c(n.marginBottom)}:null,n.padding?{padding:c(n.padding)}:null,n.paddingLeft?{paddingLeft:c(n.paddingLeft)}:null,n.paddingRight?{paddingRight:c(n.paddingRight)}:null,n.paddingTop?{paddingTop:c(n.paddingTop)}:null,n.paddingBottom?{paddingBottom:c(n.paddingBottom)}:null)}function u(n){const{display:i,children:e,className:o,margin:r,marginBottom:s,marginLeft:l,marginRight:g,marginTop:p,padding:m,paddingBottom:c,paddingLeft:u,paddingRight:x,paddingTop:h,...v}=n,B={className:t(a({display:i,...f({margin:r,marginBottom:s,marginLeft:l,marginRight:g,marginTop:p,padding:m,paddingBottom:c,paddingLeft:u,paddingRight:x,paddingTop:h})},""),o),...v},{Element:y,primitiveProps:w}=d(B);return{boxProps:w,Element:y}}const x=o(((n,a)=>{const{boxProps:t,Element:o}=u(n);return e(o,i({},t,{ref:a}),n.children)})),h=o((({isInline:n,alignItems:o,alignSelf:r,alignContent:s,flex:l,flexBasis:g,flexShrink:d,flexDirection:p,flexGrow:m,flexWrap:c,fullHeight:f,fullWidth:x,gap:h,justifyContent:v,justifyItems:B,justifySelf:y,order:w,children:b,...j},I)=>{const{boxProps:L,Element:R}=u(j);return e(R,i({as:"div"},L,{className:t(a({display:n?"inline-flex":"flex",width:x?"100%":void 0,height:f?"100%":void 0,flex:l,flexBasis:g,flexShrink:d,flexDirection:p,gap:h,justifyContent:v,justifyItems:B,justifySelf:y,alignItems:o,alignSelf:r,alignContent:s,order:w,flexWrap:c,flexGrow:m},""),L.className),ref:I}),b)}));var v={};l(v,"Grid",(()=>B)),l(v,"GridItem",(()=>y));const B=o((({alignContent:n,children:o,columnGap:r="spacingM",columns:s="auto",flow:l,isInline:g,justifyContent:d,rowGap:p="none",rows:m="auto",...f},x)=>{var h,v;const B=n=>"number"==typeof n?`repeat(${n}, minmax(0, 1fr))`:n,{boxProps:y,Element:w}=u(f);return e(w,i({as:"div"},y,{className:t(a({display:g?"inline-grid":"grid",gridTemplateColumns:B(s),gridTemplateRows:B(m),flow:l,justifyContent:d,alignContent:n,columnGap:null!==(h=c(r))&&void 0!==h?h:0,rowGap:null!==(v=c(p))&&void 0!==v?v:0},""),y.className),ref:x}),o)})),y=o((({children:n,columnStart:o,columnEnd:r,rowStart:s,rowEnd:l,area:g,order:d,...p},m)=>{const c=g\|\|[s\|\|"auto",o\|\|"auto",l\|\|"auto",r\|\|"auto"].join(" / "),{boxProps:f,Element:x}=u(p);return e(x,i({as:"div"},f,{className:t(a({gridArea:c,order:d},""),f.className),ref:m}),n)}));function w(n,i){return r((()=>n\|\|[i\|\|"id",Math.round(1e4*Math.random())].join("_")),[])}l({},"useId",(()=>w));export{d as usePrimitive,h as Flex,B as Grid,y as GridItem,x as Box,u as useBox,w as useId};
		//# sourceMappingURL=module.js.map

package.json

		{
		"name": "@contentful/f36-core",
		"version": "4.0.1-next-v4-5719.2157+cd8b7115",
		"version": "4.0.1-next-v4-5782.2167+9e62ae66",
		"description": "Forma 36 core",
		@@ -25,3 +25,3 @@ "license": "MIT",
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-tokens": "4.0.1-next-v4-5719.2157+cd8b7115",
		"@contentful/f36-tokens": "4.0.1-next-v4-5782.2167+9e62ae66",
		"@emotion/is-prop-valid": "^1.1.0",
		@@ -36,3 +36,3 @@ "emotion": "^10.0.17"
		},
		"gitHead": "cd8b7115fba2be2e4f770c271952c91a75438465"
		"gitHead": "9e62ae6629c3b7c9143be6cb9263c31640cfefff"
		}

@contentful/f36-core - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes