@contentful/f36-core - npm Package Compare versions

Comparing version 5.0.0-alpha.1 to 5.0.0-alpha.2

dist/esm/index.js

@@ -1,8 +0,8 @@
-import * as _ from 'react';
-import ___default, { useMemo, useState, useCallback, useRef, useEffect } from 'react';
+import * as D from 'react';
+import D__default, { useMemo, useState, useCallback, useRef, useEffect } from 'react';
 import { css, Global } from '@emotion/core';
-import P from '@contentful/f36-tokens';
+import x from '@contentful/f36-tokens';
 import { cx, css as css$1 } from 'emotion';
 
-var me=Object.defineProperty,ce=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var X=(e,t,o)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))v.call(t,o)&&X(e,o,t[o]);if(A)for(var o of A(t))j.call(t,o)&&X(e,o,t[o]);return e},p=(e,t)=>ce(e,de(t));var c=(e,t)=>{var o={};for(var r in e)v.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&A)for(var r of A(e))t.indexOf(r)<0&&j.call(e,r)&&(o[r]=e[r]);return o};var ye=css`
+var ce=Object.defineProperty,de=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var F=(e,o,t)=>o in e?ce(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))w.call(o,t)&&F(e,t,o[t]);if(L)for(var t of L(o))O.call(o,t)&&F(e,t,o[t]);return e},p=(e,o)=>de(e,fe(o));var c=(e,o)=>{var t={};for(var r in e)w.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&L)for(var r of L(e))o.indexOf(r)<0&&O.call(e,r)&&(t[r]=e[r]);return t};var W="./GeistVF-4EKBRLCW.woff2";var Pe=css`
   /* Remove default margin */
@@ -75,8 +75,8 @@ /* Button has default margin in some browsers, like safari */
   }
-`,W=({withNormalize:e=!0,styles:t})=>_.createElement(Global,{styles:css`
-        ${e?ye:void 0};
+`,K=({withNormalize:e=!0,styles:o})=>D.createElement(Global,{styles:css`
+        ${e?Pe:void 0};
 
         @font-face {
           font-family: 'Geist';
-          src: url('./fonts/GeistVF.woff2') format('woff2');
+          src: url(${W}) format('woff2');
         }
@@ -92,10 +92,10 @@
         body {
-          color: ${P.gray800};
-          font-family: 'Geist', ${P.fontStackPrimary};
-          font-size: ${P.fontSizeM};
-          line-height: ${P.lineHeightM};
+          color: ${x.gray800};
+          font-family: 'Geist', ${x.fontStackPrimary};
+          font-size: ${x.fontSizeM};
+          line-height: ${x.lineHeightM};
         }
 
         code {
-          font-family: ${P.fontStackMonospace};
+          font-family: ${x.fontStackMonospace};
         }
@@ -117,7 +117,7 @@
 
-        ${t};
-      `});var ge={none:0,spacing2Xs:P.spacing2Xs,spacingXs:P.spacingXs,spacingS:P.spacingS,spacingM:P.spacingM,spacingL:P.spacingL,spacingXl:P.spacingXl,spacing2Xl:P.spacing2Xl,spacing3Xl:P.spacing3Xl,spacing4Xl:P.spacing4Xl};function m(e){return ge[e]}function H(e){return Object.assign({},e.margin?{margin:m(e.margin)}:null,e.marginLeft?{marginLeft:m(e.marginLeft)}:null,e.marginRight?{marginRight:m(e.marginRight)}:null,e.marginTop?{marginTop:m(e.marginTop)}:null,e.marginBottom?{marginBottom:m(e.marginBottom)}:null,e.padding?{padding:m(e.padding)}:null,e.paddingLeft?{paddingLeft:m(e.paddingLeft)}:null,e.paddingRight?{paddingRight:m(e.paddingRight)}:null,e.paddingTop?{paddingTop:m(e.paddingTop)}:null,e.paddingBottom?{paddingBottom:m(e.paddingBottom)}:null)}var xe="div";function g(e){let E=e,{display:t,className:o,margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:u,paddingTop:x,testId:R,as:h=xe}=E,T=c(E,["display","className","margin","marginBottom","marginLeft","marginRight","marginTop","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","testId","as"]);return {boxProps:i({className:cx(css$1({display:t}),css$1(i({},H({margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:u,paddingTop:x}))),o),"data-test-id":R},T),Element:h}}function K(e,t){let{boxProps:o,Element:r}=g(e);return _.createElement(r,p(i({},o),{ref:t}),e.children)}K.displayName="Box";var V=_.forwardRef(K);var Ee="div";function q(Ne,se){var U=Ne,{isInline:e,alignItems:t,alignSelf:o,alignContent:r,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,flexGrow:d,flexWrap:f,fullHeight:y,fullWidth:u,gap:x,justifyContent:R,justifyItems:h,justifySelf:T,order:b,children:E,as:I}=U,G=c(U,["isInline","alignItems","alignSelf","alignContent","flex","flexBasis","flexShrink","flexDirection","flexGrow","flexWrap","fullHeight","fullWidth","gap","justifyContent","justifyItems","justifySelf","order","children","as"]);var N;let{boxProps:O,Element:le}=g(p(i({},G),{as:I||Ee}));return _.createElement(le,p(i({},O),{className:cx(css$1({display:e?"inline-flex":"flex",width:u?"100%":void 0,height:y?"100%":void 0,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,gap:x==="none"?0:(N=P[x])!=null?N:x,justifyContent:R,justifyItems:h,justifySelf:T,alignItems:t,alignSelf:o,alignContent:r,order:b,flexWrap:f,flexGrow:d}),O.className),ref:se}),E)}q.displayName="Flex";var k=_.forwardRef(q);var Ge="div";function Q(x,u){var R=x,{alignContent:e,children:t,columnGap:o="spacingM",columns:r="auto",flow:a,isInline:s,justifyContent:n,rowGap:l="none",rows:d="auto",as:f}=R,y=c(R,["alignContent","children","columnGap","columns","flow","isInline","justifyContent","rowGap","rows","as"]);var E,I;let h=G=>typeof G=="number"?`repeat(${G}, minmax(0, 1fr))`:G,{boxProps:T,Element:b}=g(p(i({},y),{as:f||Ge}));return _.createElement(b,p(i({},T),{className:cx(css$1({display:s?"inline-grid":"grid",gridTemplateColumns:h(r),gridTemplateRows:h(d),flow:a,justifyContent:n,alignContent:e,columnGap:(E=m(o))!=null?E:0,rowGap:(I=m(l))!=null?I:0}),T.className),ref:u}),t)}Q.displayName="Grid";var Y=_.forwardRef(Q);function Z(f,d){var y=f,{children:e,columnStart:t,columnEnd:o,rowStart:r,rowEnd:a,area:s,order:n}=y,l=c(y,["children","columnStart","columnEnd","rowStart","rowEnd","area","order"]);let u=s||[r||"auto",t||"auto",a||"auto",o||"auto"].join(" / "),{boxProps:x,Element:R}=g(l);return _.createElement(R,p(i({},x),{className:cx(css$1({gridArea:u,order:n}),x.className),ref:d}),e)}Z.displayName="GridItem";var w=_.forwardRef(Z);var M=Y;M.Item=w;var Ie="div";function ee(d,l){var f=d,{flexDirection:e="row",alignItems:t="center",isInline:o=!1,spacing:r="spacingM",children:a,as:s}=f,n=c(f,["flexDirection","alignItems","isInline","spacing","children","as"]);let{boxProps:y,Element:u}=g(p(i({},n),{as:s||Ie}));return _.createElement(k,p(i({},y),{as:u,flexDirection:e,alignItems:t,isInline:o,className:y.className,gap:r,ref:l}),a)}ee.displayName="Stack";var te=_.forwardRef(ee);function oe(){return {screenReaderOnly:css$1({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",border:0})}}var re=s=>{var n=s,{children:e,className:t,testId:o="cf-ui-ScreenReaderOnly",as:r="div"}=n,a=c(n,["children","className","testId","as"]);let l=oe();return ___default.createElement(r,p(i({},a),{"data-test-id":o,className:cx(l.screenReaderOnly,t)}),e)};function ne(e,t){return useMemo(()=>e||[t||"id",Math.round(Math.random()*1e4)].join("_"),[])}function ie({isOpen:e,defaultIsOpen:t,onOpen:o,onClose:r}){let[a,s]=useState(t||!1),n=e!==void 0,l=n?e:a,d=useCallback(()=>{n||s(!1),r==null||r();},[n,r]),f=useCallback(()=>{n||s(!0),o==null||o();},[n,o]);return {isOpen:l,isControlled:n,handleClose:d,handleOpen:f}}function pe({onLoad:e}={}){let[t,o]=useState(!1),r=useRef(),a=useCallback(()=>{e==null||e(),o(!0);},[e]);return useEffect(()=>{r.current&&r.current.complete&&a();},[a]),{ref:r,loaded:t,onLoad:a}}function Ue(...e){return t=>{e.forEach(o=>{typeof o=="function"?o(t):o!=null&&(o.current=t);});}}var Oe=({status:e})=>{switch(e){case"published":return {color:P.colorGreenBase,backgroundColor:P.colorGreenLightest};case"changed":return {color:P.colorBlueBase,backgroundColor:P.colorBlueLightest};case"deleted":case"archived":return {color:P.colorRedBase,backgroundColor:P.colorRedLightest};case"draft":return {color:P.colorOrangeDark,backgroundColor:"#ffefd5"};case"new":return {color:P.colorWhite,backgroundColor:P.blue500};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
+        ${o};
+      `});var ge={none:0,spacing2Xs:x.spacing2Xs,spacingXs:x.spacingXs,spacingS:x.spacingS,spacingM:x.spacingM,spacingL:x.spacingL,spacingXl:x.spacingXl,spacing2Xl:x.spacing2Xl,spacing3Xl:x.spacing3Xl,spacing4Xl:x.spacing4Xl};function m(e){return ge[e]}function q(e){return Object.assign({},e.margin?{margin:m(e.margin)}:null,e.marginLeft?{marginLeft:m(e.marginLeft)}:null,e.marginRight?{marginRight:m(e.marginRight)}:null,e.marginTop?{marginTop:m(e.marginTop)}:null,e.marginBottom?{marginBottom:m(e.marginBottom)}:null,e.padding?{padding:m(e.padding)}:null,e.paddingLeft?{paddingLeft:m(e.paddingLeft)}:null,e.paddingRight?{paddingRight:m(e.paddingRight)}:null,e.paddingTop?{paddingTop:m(e.paddingTop)}:null,e.paddingBottom?{paddingBottom:m(e.paddingBottom)}:null)}var Se="div";function u(e){let E=e,{display:o,className:t,margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:P,paddingTop:g,testId:R,as:G=Se}=E,T=c(E,["display","className","margin","marginBottom","marginLeft","marginRight","marginTop","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","testId","as"]);return {boxProps:i({className:cx(css$1({display:o}),css$1(i({},q({margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:P,paddingTop:g}))),t),"data-test-id":R},T),Element:G}}function Z(e,o){let{boxProps:t,Element:r}=u(e);return D.createElement(r,p(i({},t),{ref:o}),e.children)}Z.displayName="Box";var Q=D.forwardRef(Z);var Te="div";function J(we,le){var M=we,{isInline:e,alignItems:o,alignSelf:t,alignContent:r,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,flexGrow:d,flexWrap:f,fullHeight:y,fullWidth:P,gap:g,justifyContent:R,justifyItems:G,justifySelf:T,order:C,children:E,as:b}=M,h=c(M,["isInline","alignItems","alignSelf","alignContent","flex","flexBasis","flexShrink","flexDirection","flexGrow","flexWrap","fullHeight","fullWidth","gap","justifyContent","justifyItems","justifySelf","order","children","as"]);var B;let{boxProps:U,Element:me}=u(p(i({},h),{as:b||Te}));return D.createElement(me,p(i({},U),{className:cx(css$1({display:e?"inline-flex":"flex",width:P?"100%":void 0,height:y?"100%":void 0,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,gap:g==="none"?0:(B=x[g])!=null?B:g,justifyContent:R,justifyItems:G,justifySelf:T,alignItems:o,alignSelf:t,alignContent:r,order:C,flexWrap:f,flexGrow:d}),U.className),ref:le}),E)}J.displayName="Flex";var j=D.forwardRef(J);var Ce="div";function Y(g,P){var R=g,{alignContent:e,children:o,columnGap:t="spacingM",columns:r="auto",flow:a,isInline:s,justifyContent:n,rowGap:l="none",rows:d="auto",as:f}=R,y=c(R,["alignContent","children","columnGap","columns","flow","isInline","justifyContent","rowGap","rows","as"]);var E,b;let G=h=>typeof h=="number"?`repeat(${h}, minmax(0, 1fr))`:h,{boxProps:T,Element:C}=u(p(i({},y),{as:f||Ce}));return D.createElement(C,p(i({},T),{className:cx(css$1({display:s?"inline-grid":"grid",gridTemplateColumns:G(r),gridTemplateRows:G(d),flow:a,justifyContent:n,alignContent:e,columnGap:(E=m(t))!=null?E:0,rowGap:(b=m(l))!=null?b:0}),T.className),ref:P}),o)}Y.displayName="Grid";var H=D.forwardRef(Y);function ee(f,d){var y=f,{children:e,columnStart:o,columnEnd:t,rowStart:r,rowEnd:a,area:s,order:n}=y,l=c(y,["children","columnStart","columnEnd","rowStart","rowEnd","area","order"]);let P=s||[r||"auto",o||"auto",a||"auto",t||"auto"].join(" / "),{boxProps:g,Element:R}=u(l);return D.createElement(R,p(i({},g),{className:cx(css$1({gridArea:P,order:n}),g.className),ref:d}),e)}ee.displayName="GridItem";var X=D.forwardRef(ee);var A=H;A.Item=X;var De="div";function oe(d,l){var f=d,{flexDirection:e="row",alignItems:o="center",isInline:t=!1,spacing:r="spacingM",children:a,as:s}=f,n=c(f,["flexDirection","alignItems","isInline","spacing","children","as"]);let{boxProps:y,Element:P}=u(p(i({},n),{as:s||De}));return D.createElement(j,p(i({},y),{as:P,flexDirection:e,alignItems:o,isInline:t,className:y.className,gap:r,ref:l}),a)}oe.displayName="Stack";var te=D.forwardRef(oe);function re(){return {screenReaderOnly:css$1({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",border:0})}}var ne=s=>{var n=s,{children:e,className:o,testId:t="cf-ui-ScreenReaderOnly",as:r="div"}=n,a=c(n,["children","className","testId","as"]);let l=re();return D__default.createElement(r,p(i({},a),{"data-test-id":t,className:cx(l.screenReaderOnly,o)}),e)};function ae(e,o){return useMemo(()=>e||[o||"id",Math.round(Math.random()*1e4)].join("_"),[])}function pe({isOpen:e,defaultIsOpen:o,onOpen:t,onClose:r}){let[a,s]=useState(o||!1),n=e!==void 0,l=n?e:a,d=useCallback(()=>{n||s(!1),r==null||r();},[n,r]),f=useCallback(()=>{n||s(!0),t==null||t();},[n,t]);return {isOpen:l,isControlled:n,handleClose:d,handleOpen:f}}function se({onLoad:e}={}){let[o,t]=useState(!1),r=useRef(),a=useCallback(()=>{e==null||e(),t(!0);},[e]);return useEffect(()=>{r.current&&r.current.complete&&a();},[a]),{ref:r,loaded:o,onLoad:a}}function Be(...e){return o=>{e.forEach(t=>{typeof t=="function"?t(o):t!=null&&(t.current=o);});}}var Fe=({status:e})=>{switch(e){case"published":return {color:x.colorGreenBase,backgroundColor:x.colorGreenLightest};case"changed":return {color:x.colorBlueBase,backgroundColor:x.colorBlueLightest};case"deleted":case"archived":return {color:x.colorRedBase,backgroundColor:x.colorRedLightest};case"draft":return {color:x.colorOrangeDark,backgroundColor:"#ffefd5"};case"new":return {color:x.colorWhite,backgroundColor:x.blue500};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
 
-export { V as Box, k as Flex, W as GlobalStyles, M as Grid, w as GridItem, re as ScreenReaderOnly, te as Stack, Oe as getEntityStatusStyles, Ue as mergeRefs, g as useBox, ie as useControllableState, ne as useId, pe as useImageLoaded };
+export { Q as Box, j as Flex, K as GlobalStyles, A as Grid, X as GridItem, ne as ScreenReaderOnly, te as Stack, Fe as getEntityStatusStyles, Be as mergeRefs, u as useBox, pe as useControllableState, ae as useId, se as useImageLoaded };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.js

 'use strict';
 
-var _ = require('react');
+var D = require('react');
 var core = require('@emotion/core');
-var P = require('@contentful/f36-tokens');
+var x = require('@contentful/f36-tokens');
 var emotion = require('emotion');
@@ -28,6 +28,6 @@
 
-var ___namespace = /*#__PURE__*/_interopNamespace(_);
-var P__default = /*#__PURE__*/_interopDefault(P);
+var D__namespace = /*#__PURE__*/_interopNamespace(D);
+var x__default = /*#__PURE__*/_interopDefault(x);
 
-var me=Object.defineProperty,ce=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var X=(e,t,o)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))v.call(t,o)&&X(e,o,t[o]);if(A)for(var o of A(t))j.call(t,o)&&X(e,o,t[o]);return e},p=(e,t)=>ce(e,de(t));var c=(e,t)=>{var o={};for(var r in e)v.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&A)for(var r of A(e))t.indexOf(r)<0&&j.call(e,r)&&(o[r]=e[r]);return o};var ye=core.css`
+var ce=Object.defineProperty,de=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var F=(e,o,t)=>o in e?ce(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))w.call(o,t)&&F(e,t,o[t]);if(L)for(var t of L(o))O.call(o,t)&&F(e,t,o[t]);return e},p=(e,o)=>de(e,fe(o));var c=(e,o)=>{var t={};for(var r in e)w.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&L)for(var r of L(e))o.indexOf(r)<0&&O.call(e,r)&&(t[r]=e[r]);return t};var W="./GeistVF-4EKBRLCW.woff2";var Pe=core.css`
   /* Remove default margin */
@@ -100,8 +100,8 @@ /* Button has default margin in some browsers, like safari */
   }
-`,W=({withNormalize:e=!0,styles:t})=>___namespace.createElement(core.Global,{styles:core.css`
-        ${e?ye:void 0};
+`,K=({withNormalize:e=!0,styles:o})=>D__namespace.createElement(core.Global,{styles:core.css`
+        ${e?Pe:void 0};
 
         @font-face {
           font-family: 'Geist';
-          src: url('./fonts/GeistVF.woff2') format('woff2');
+          src: url(${W}) format('woff2');
         }
@@ -117,10 +117,10 @@
         body {
-          color: ${P__default.default.gray800};
-          font-family: 'Geist', ${P__default.default.fontStackPrimary};
-          font-size: ${P__default.default.fontSizeM};
-          line-height: ${P__default.default.lineHeightM};
+          color: ${x__default.default.gray800};
+          font-family: 'Geist', ${x__default.default.fontStackPrimary};
+          font-size: ${x__default.default.fontSizeM};
+          line-height: ${x__default.default.lineHeightM};
         }
 
         code {
-          font-family: ${P__default.default.fontStackMonospace};
+          font-family: ${x__default.default.fontStackMonospace};
         }
@@ -142,19 +142,19 @@
 
-        ${t};
-      `});var ge={none:0,spacing2Xs:P__default.default.spacing2Xs,spacingXs:P__default.default.spacingXs,spacingS:P__default.default.spacingS,spacingM:P__default.default.spacingM,spacingL:P__default.default.spacingL,spacingXl:P__default.default.spacingXl,spacing2Xl:P__default.default.spacing2Xl,spacing3Xl:P__default.default.spacing3Xl,spacing4Xl:P__default.default.spacing4Xl};function m(e){return ge[e]}function H(e){return Object.assign({},e.margin?{margin:m(e.margin)}:null,e.marginLeft?{marginLeft:m(e.marginLeft)}:null,e.marginRight?{marginRight:m(e.marginRight)}:null,e.marginTop?{marginTop:m(e.marginTop)}:null,e.marginBottom?{marginBottom:m(e.marginBottom)}:null,e.padding?{padding:m(e.padding)}:null,e.paddingLeft?{paddingLeft:m(e.paddingLeft)}:null,e.paddingRight?{paddingRight:m(e.paddingRight)}:null,e.paddingTop?{paddingTop:m(e.paddingTop)}:null,e.paddingBottom?{paddingBottom:m(e.paddingBottom)}:null)}var xe="div";function g(e){let E=e,{display:t,className:o,margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:u,paddingTop:x,testId:R,as:h=xe}=E,T=c(E,["display","className","margin","marginBottom","marginLeft","marginRight","marginTop","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","testId","as"]);return {boxProps:i({className:emotion.cx(emotion.css({display:t}),emotion.css(i({},H({margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:u,paddingTop:x}))),o),"data-test-id":R},T),Element:h}}function K(e,t){let{boxProps:o,Element:r}=g(e);return ___namespace.createElement(r,p(i({},o),{ref:t}),e.children)}K.displayName="Box";var V=___namespace.forwardRef(K);var Ee="div";function q(Ne,se){var U=Ne,{isInline:e,alignItems:t,alignSelf:o,alignContent:r,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,flexGrow:d,flexWrap:f,fullHeight:y,fullWidth:u,gap:x,justifyContent:R,justifyItems:h,justifySelf:T,order:b,children:E,as:I}=U,G=c(U,["isInline","alignItems","alignSelf","alignContent","flex","flexBasis","flexShrink","flexDirection","flexGrow","flexWrap","fullHeight","fullWidth","gap","justifyContent","justifyItems","justifySelf","order","children","as"]);var N;let{boxProps:O,Element:le}=g(p(i({},G),{as:I||Ee}));return ___namespace.createElement(le,p(i({},O),{className:emotion.cx(emotion.css({display:e?"inline-flex":"flex",width:u?"100%":void 0,height:y?"100%":void 0,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,gap:x==="none"?0:(N=P__default.default[x])!=null?N:x,justifyContent:R,justifyItems:h,justifySelf:T,alignItems:t,alignSelf:o,alignContent:r,order:b,flexWrap:f,flexGrow:d}),O.className),ref:se}),E)}q.displayName="Flex";var k=___namespace.forwardRef(q);var Ge="div";function Q(x,u){var R=x,{alignContent:e,children:t,columnGap:o="spacingM",columns:r="auto",flow:a,isInline:s,justifyContent:n,rowGap:l="none",rows:d="auto",as:f}=R,y=c(R,["alignContent","children","columnGap","columns","flow","isInline","justifyContent","rowGap","rows","as"]);var E,I;let h=G=>typeof G=="number"?`repeat(${G}, minmax(0, 1fr))`:G,{boxProps:T,Element:b}=g(p(i({},y),{as:f||Ge}));return ___namespace.createElement(b,p(i({},T),{className:emotion.cx(emotion.css({display:s?"inline-grid":"grid",gridTemplateColumns:h(r),gridTemplateRows:h(d),flow:a,justifyContent:n,alignContent:e,columnGap:(E=m(o))!=null?E:0,rowGap:(I=m(l))!=null?I:0}),T.className),ref:u}),t)}Q.displayName="Grid";var Y=___namespace.forwardRef(Q);function Z(f,d){var y=f,{children:e,columnStart:t,columnEnd:o,rowStart:r,rowEnd:a,area:s,order:n}=y,l=c(y,["children","columnStart","columnEnd","rowStart","rowEnd","area","order"]);let u=s||[r||"auto",t||"auto",a||"auto",o||"auto"].join(" / "),{boxProps:x,Element:R}=g(l);return ___namespace.createElement(R,p(i({},x),{className:emotion.cx(emotion.css({gridArea:u,order:n}),x.className),ref:d}),e)}Z.displayName="GridItem";var w=___namespace.forwardRef(Z);var M=Y;M.Item=w;var Ie="div";function ee(d,l){var f=d,{flexDirection:e="row",alignItems:t="center",isInline:o=!1,spacing:r="spacingM",children:a,as:s}=f,n=c(f,["flexDirection","alignItems","isInline","spacing","children","as"]);let{boxProps:y,Element:u}=g(p(i({},n),{as:s||Ie}));return ___namespace.createElement(k,p(i({},y),{as:u,flexDirection:e,alignItems:t,isInline:o,className:y.className,gap:r,ref:l}),a)}ee.displayName="Stack";var te=___namespace.forwardRef(ee);function oe(){return {screenReaderOnly:emotion.css({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",border:0})}}var re=s=>{var n=s,{children:e,className:t,testId:o="cf-ui-ScreenReaderOnly",as:r="div"}=n,a=c(n,["children","className","testId","as"]);let l=oe();return ___namespace.default.createElement(r,p(i({},a),{"data-test-id":o,className:emotion.cx(l.screenReaderOnly,t)}),e)};function ne(e,t){return _.useMemo(()=>e||[t||"id",Math.round(Math.random()*1e4)].join("_"),[])}function ie({isOpen:e,defaultIsOpen:t,onOpen:o,onClose:r}){let[a,s]=_.useState(t||!1),n=e!==void 0,l=n?e:a,d=_.useCallback(()=>{n||s(!1),r==null||r();},[n,r]),f=_.useCallback(()=>{n||s(!0),o==null||o();},[n,o]);return {isOpen:l,isControlled:n,handleClose:d,handleOpen:f}}function pe({onLoad:e}={}){let[t,o]=_.useState(!1),r=_.useRef(),a=_.useCallback(()=>{e==null||e(),o(!0);},[e]);return _.useEffect(()=>{r.current&&r.current.complete&&a();},[a]),{ref:r,loaded:t,onLoad:a}}function Ue(...e){return t=>{e.forEach(o=>{typeof o=="function"?o(t):o!=null&&(o.current=t);});}}var Oe=({status:e})=>{switch(e){case"published":return {color:P__default.default.colorGreenBase,backgroundColor:P__default.default.colorGreenLightest};case"changed":return {color:P__default.default.colorBlueBase,backgroundColor:P__default.default.colorBlueLightest};case"deleted":case"archived":return {color:P__default.default.colorRedBase,backgroundColor:P__default.default.colorRedLightest};case"draft":return {color:P__default.default.colorOrangeDark,backgroundColor:"#ffefd5"};case"new":return {color:P__default.default.colorWhite,backgroundColor:P__default.default.blue500};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
+        ${o};
+      `});var ge={none:0,spacing2Xs:x__default.default.spacing2Xs,spacingXs:x__default.default.spacingXs,spacingS:x__default.default.spacingS,spacingM:x__default.default.spacingM,spacingL:x__default.default.spacingL,spacingXl:x__default.default.spacingXl,spacing2Xl:x__default.default.spacing2Xl,spacing3Xl:x__default.default.spacing3Xl,spacing4Xl:x__default.default.spacing4Xl};function m(e){return ge[e]}function q(e){return Object.assign({},e.margin?{margin:m(e.margin)}:null,e.marginLeft?{marginLeft:m(e.marginLeft)}:null,e.marginRight?{marginRight:m(e.marginRight)}:null,e.marginTop?{marginTop:m(e.marginTop)}:null,e.marginBottom?{marginBottom:m(e.marginBottom)}:null,e.padding?{padding:m(e.padding)}:null,e.paddingLeft?{paddingLeft:m(e.paddingLeft)}:null,e.paddingRight?{paddingRight:m(e.paddingRight)}:null,e.paddingTop?{paddingTop:m(e.paddingTop)}:null,e.paddingBottom?{paddingBottom:m(e.paddingBottom)}:null)}var Se="div";function u(e){let E=e,{display:o,className:t,margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:P,paddingTop:g,testId:R,as:G=Se}=E,T=c(E,["display","className","margin","marginBottom","marginLeft","marginRight","marginTop","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","testId","as"]);return {boxProps:i({className:emotion.cx(emotion.css({display:o}),emotion.css(i({},q({margin:r,marginBottom:a,marginLeft:s,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:P,paddingTop:g}))),t),"data-test-id":R},T),Element:G}}function Z(e,o){let{boxProps:t,Element:r}=u(e);return D__namespace.createElement(r,p(i({},t),{ref:o}),e.children)}Z.displayName="Box";var Q=D__namespace.forwardRef(Z);var Te="div";function J(we,le){var M=we,{isInline:e,alignItems:o,alignSelf:t,alignContent:r,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,flexGrow:d,flexWrap:f,fullHeight:y,fullWidth:P,gap:g,justifyContent:R,justifyItems:G,justifySelf:T,order:C,children:E,as:b}=M,h=c(M,["isInline","alignItems","alignSelf","alignContent","flex","flexBasis","flexShrink","flexDirection","flexGrow","flexWrap","fullHeight","fullWidth","gap","justifyContent","justifyItems","justifySelf","order","children","as"]);var B;let{boxProps:U,Element:me}=u(p(i({},h),{as:b||Te}));return D__namespace.createElement(me,p(i({},U),{className:emotion.cx(emotion.css({display:e?"inline-flex":"flex",width:P?"100%":void 0,height:y?"100%":void 0,flex:a,flexBasis:s,flexShrink:n,flexDirection:l,gap:g==="none"?0:(B=x__default.default[g])!=null?B:g,justifyContent:R,justifyItems:G,justifySelf:T,alignItems:o,alignSelf:t,alignContent:r,order:C,flexWrap:f,flexGrow:d}),U.className),ref:le}),E)}J.displayName="Flex";var j=D__namespace.forwardRef(J);var Ce="div";function Y(g,P){var R=g,{alignContent:e,children:o,columnGap:t="spacingM",columns:r="auto",flow:a,isInline:s,justifyContent:n,rowGap:l="none",rows:d="auto",as:f}=R,y=c(R,["alignContent","children","columnGap","columns","flow","isInline","justifyContent","rowGap","rows","as"]);var E,b;let G=h=>typeof h=="number"?`repeat(${h}, minmax(0, 1fr))`:h,{boxProps:T,Element:C}=u(p(i({},y),{as:f||Ce}));return D__namespace.createElement(C,p(i({},T),{className:emotion.cx(emotion.css({display:s?"inline-grid":"grid",gridTemplateColumns:G(r),gridTemplateRows:G(d),flow:a,justifyContent:n,alignContent:e,columnGap:(E=m(t))!=null?E:0,rowGap:(b=m(l))!=null?b:0}),T.className),ref:P}),o)}Y.displayName="Grid";var H=D__namespace.forwardRef(Y);function ee(f,d){var y=f,{children:e,columnStart:o,columnEnd:t,rowStart:r,rowEnd:a,area:s,order:n}=y,l=c(y,["children","columnStart","columnEnd","rowStart","rowEnd","area","order"]);let P=s||[r||"auto",o||"auto",a||"auto",t||"auto"].join(" / "),{boxProps:g,Element:R}=u(l);return D__namespace.createElement(R,p(i({},g),{className:emotion.cx(emotion.css({gridArea:P,order:n}),g.className),ref:d}),e)}ee.displayName="GridItem";var X=D__namespace.forwardRef(ee);var A=H;A.Item=X;var De="div";function oe(d,l){var f=d,{flexDirection:e="row",alignItems:o="center",isInline:t=!1,spacing:r="spacingM",children:a,as:s}=f,n=c(f,["flexDirection","alignItems","isInline","spacing","children","as"]);let{boxProps:y,Element:P}=u(p(i({},n),{as:s||De}));return D__namespace.createElement(j,p(i({},y),{as:P,flexDirection:e,alignItems:o,isInline:t,className:y.className,gap:r,ref:l}),a)}oe.displayName="Stack";var te=D__namespace.forwardRef(oe);function re(){return {screenReaderOnly:emotion.css({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",border:0})}}var ne=s=>{var n=s,{children:e,className:o,testId:t="cf-ui-ScreenReaderOnly",as:r="div"}=n,a=c(n,["children","className","testId","as"]);let l=re();return D__namespace.default.createElement(r,p(i({},a),{"data-test-id":t,className:emotion.cx(l.screenReaderOnly,o)}),e)};function ae(e,o){return D.useMemo(()=>e||[o||"id",Math.round(Math.random()*1e4)].join("_"),[])}function pe({isOpen:e,defaultIsOpen:o,onOpen:t,onClose:r}){let[a,s]=D.useState(o||!1),n=e!==void 0,l=n?e:a,d=D.useCallback(()=>{n||s(!1),r==null||r();},[n,r]),f=D.useCallback(()=>{n||s(!0),t==null||t();},[n,t]);return {isOpen:l,isControlled:n,handleClose:d,handleOpen:f}}function se({onLoad:e}={}){let[o,t]=D.useState(!1),r=D.useRef(),a=D.useCallback(()=>{e==null||e(),t(!0);},[e]);return D.useEffect(()=>{r.current&&r.current.complete&&a();},[a]),{ref:r,loaded:o,onLoad:a}}function Be(...e){return o=>{e.forEach(t=>{typeof t=="function"?t(o):t!=null&&(t.current=o);});}}var Fe=({status:e})=>{switch(e){case"published":return {color:x__default.default.colorGreenBase,backgroundColor:x__default.default.colorGreenLightest};case"changed":return {color:x__default.default.colorBlueBase,backgroundColor:x__default.default.colorBlueLightest};case"deleted":case"archived":return {color:x__default.default.colorRedBase,backgroundColor:x__default.default.colorRedLightest};case"draft":return {color:x__default.default.colorOrangeDark,backgroundColor:"#ffefd5"};case"new":return {color:x__default.default.colorWhite,backgroundColor:x__default.default.blue500};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
 
-exports.Box = V;
-exports.Flex = k;
-exports.GlobalStyles = W;
-exports.Grid = M;
-exports.GridItem = w;
-exports.ScreenReaderOnly = re;
+exports.Box = Q;
+exports.Flex = j;
+exports.GlobalStyles = K;
+exports.Grid = A;
+exports.GridItem = X;
+exports.ScreenReaderOnly = ne;
 exports.Stack = te;
-exports.getEntityStatusStyles = Oe;
-exports.mergeRefs = Ue;
-exports.useBox = g;
-exports.useControllableState = ie;
-exports.useId = ne;
-exports.useImageLoaded = pe;
+exports.getEntityStatusStyles = Fe;
+exports.mergeRefs = Be;
+exports.useBox = u;
+exports.useControllableState = pe;
+exports.useId = ae;
+exports.useImageLoaded = se;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-core",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-alpha.2",
   "description": "Forma 36 core",
@@ -5,0 +5,0 @@ "license": "MIT",

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

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

Improved metrics

Total package byte prevSize

228140

increased by33.27%

Number of package files

10

increased by11.11%

No dependency changes