Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-core

Package Overview
Dependencies
Maintainers
130
Versions
406
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-core - npm Package Compare versions

Comparing version 4.19.0 to 4.19.1

dist/esm/index.js

2

CHANGELOG.md
# Change Log
## 4.19.1
## 4.19.0

@@ -4,0 +6,0 @@

54

dist/index.js

@@ -5,5 +5,5 @@ 'use strict';

var _ = require('react');
var E = require('react');
var core = require('@emotion/core');
var P = require('@contentful/f36-tokens');
var d = require('@contentful/f36-tokens');
var emotion = require('emotion');

@@ -31,7 +31,7 @@

var ___namespace = /*#__PURE__*/_interopNamespace(_);
var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
var P__default = /*#__PURE__*/_interopDefaultLegacy(P);
var E__namespace = /*#__PURE__*/_interopNamespace(E);
var E__default = /*#__PURE__*/_interopDefaultLegacy(E);
var d__default = /*#__PURE__*/_interopDefaultLegacy(d);
var le=Object.defineProperty,me=Object.defineProperties;var ce=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var X=(e,t,o)=>t in e?le(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},a=(e,t)=>me(e,ce(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 fe=core.css`
var oe=core.css`
/* Remove default margin */

@@ -102,4 +102,4 @@ body,

}
`,W=({withNormalize:e=!0,styles:t})=>___namespace.createElement(core.Global,{styles:core.css`
${e?fe:void 0};
`,L=({withNormalize:e=!0,styles:o})=>E__namespace.createElement(core.Global,{styles:core.css`
${e?oe:void 0};
html {

@@ -113,10 +113,10 @@ border: 0;

body {
color: ${P__default["default"].gray800};
font-family: ${P__default["default"].fontStackPrimary};
font-size: ${P__default["default"].fontSizeM};
line-height: ${P__default["default"].lineHeightM};
color: ${d__default["default"].gray800};
font-family: ${d__default["default"].fontStackPrimary};
font-size: ${d__default["default"].fontSizeM};
line-height: ${d__default["default"].lineHeightM};
}
code {
font-family: ${P__default["default"].fontStackMonospace};
font-family: ${d__default["default"].fontStackMonospace};
}

@@ -138,17 +138,17 @@

${t};
`});var ye={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 ye[e]}function J(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:s,marginLeft:p,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:x,paddingTop:S,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({},J({margin:r,marginBottom:s,marginLeft:p,marginRight:n,marginTop:l,padding:d,paddingBottom:f,paddingLeft:y,paddingRight:x,paddingTop:S}))),o),["data-test-id"]:R},T),Element:h}}function H(e,t){let{boxProps:o,Element:r}=g(e);return ___namespace.createElement(r,a(i({},o),{ref:t}),e.children)}H.displayName="Box";var q=___namespace.forwardRef(H);var Re="div";function V(we,pe){var O=we,{isInline:e,alignItems:t,alignSelf:o,alignContent:r,flex:s,flexBasis:p,flexShrink:n,flexDirection:l,flexGrow:d,flexWrap:f,fullHeight:y,fullWidth:x,gap:S,justifyContent:R,justifyItems:h,justifySelf:T,order:b,children:E,as:I}=O,G=c(O,["isInline","alignItems","alignSelf","alignContent","flex","flexBasis","flexShrink","flexDirection","flexGrow","flexWrap","fullHeight","fullWidth","gap","justifyContent","justifyItems","justifySelf","order","children","as"]);var N;let{boxProps:U,Element:se}=g(a(i({},G),{as:I||Re}));return ___namespace.createElement(se,a(i({},U),{className:emotion.cx(emotion.css({display:e?"inline-flex":"flex",width:x?"100%":void 0,height:y?"100%":void 0,flex:s,flexBasis:p,flexShrink:n,flexDirection:l,gap:(N=P__default["default"][S])!=null?N:S,justifyContent:R,justifyItems:h,justifySelf:T,alignItems:t,alignSelf:o,alignContent:r,order:b,flexWrap:f,flexGrow:d}),U.className),ref:pe}),E)}V.displayName="Flex";var k=___namespace.forwardRef(V);var Te="div";function Q(S,x){var R=S,{alignContent:e,children:t,columnGap:o="spacingM",columns:r="auto",flow:s,isInline:p,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(a(i({},y),{as:f||Te}));return ___namespace.createElement(b,a(i({},T),{className:emotion.cx(emotion.css({display:p?"inline-grid":"grid",gridTemplateColumns:h(r),gridTemplateRows:h(d),flow:s,justifyContent:n,alignContent:e,columnGap:(E=m(o))!=null?E:0,rowGap:(I=m(l))!=null?I:0}),T.className),ref:x}),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:s,area:p,order:n}=y,l=c(y,["children","columnStart","columnEnd","rowStart","rowEnd","area","order"]);let x=p||[r||"auto",t||"auto",s||"auto",o||"auto"].join(" / "),{boxProps:S,Element:R}=g(l);return ___namespace.createElement(R,a(i({},S),{className:emotion.cx(emotion.css({gridArea:x,order:n}),S.className),ref:d}),e)}Z.displayName="GridItem";var w=___namespace.forwardRef(Z);var M=Y;M.Item=w;var be="div";function ee(d,l){var f=d,{flexDirection:e="row",alignItems:t="center",isInline:o=!1,spacing:r="spacingM",children:s,as:p}=f,n=c(f,["flexDirection","alignItems","isInline","spacing","children","as"]);let{boxProps:y,Element:x}=g(a(i({},n),{as:p||be}));return ___namespace.createElement(k,a(i({},y),{as:x,flexDirection:e,alignItems:t,isInline:o,className:y.className,gap:r,ref:l}),s)}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=p=>{var n=p,{children:e,className:t,testId:o="cf-ui-ScreenReaderOnly",as:r="div"}=n,s=c(n,["children","className","testId","as"]);let l=oe();return ___default["default"].createElement(r,a(i({},s),{"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 ae({isOpen:e,defaultIsOpen:t,onOpen:o,onClose:r}){let[s,p]=_.useState(t||!1),n=e!==void 0,l=n?e:s,d=_.useCallback(()=>{n||p(!1),r==null||r();},[n,r]),f=_.useCallback(()=>{n||p(!0),o==null||o();},[n,o]);return {isOpen:l,isControlled:n,handleClose:d,handleOpen:f}}function Be(...e){return t=>{e.forEach(o=>{typeof o=="function"?o(t):o!=null&&(o.current=t);});}}var Le=({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"].colorPrimary};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
${o};
`});var te={none:0,spacing2Xs:d__default["default"].spacing2Xs,spacingXs:d__default["default"].spacingXs,spacingS:d__default["default"].spacingS,spacingM:d__default["default"].spacingM,spacingL:d__default["default"].spacingL,spacingXl:d__default["default"].spacingXl,spacing2Xl:d__default["default"].spacing2Xl,spacing3Xl:d__default["default"].spacing3Xl,spacing4Xl:d__default["default"].spacing4Xl};function p(e){return te[e]}function w(e){return Object.assign({},e.margin?{margin:p(e.margin)}:null,e.marginLeft?{marginLeft:p(e.marginLeft)}:null,e.marginRight?{marginRight:p(e.marginRight)}:null,e.marginTop?{marginTop:p(e.marginTop)}:null,e.marginBottom?{marginBottom:p(e.marginBottom)}:null,e.padding?{padding:p(e.padding)}:null,e.paddingLeft?{paddingLeft:p(e.paddingLeft)}:null,e.paddingRight?{paddingRight:p(e.paddingRight)}:null,e.paddingTop?{paddingTop:p(e.paddingTop)}:null,e.paddingBottom?{paddingBottom:p(e.paddingBottom)}:null)}var ne="div";function c(e){let{display:o,className:t,margin:n,marginBottom:a,marginLeft:i,marginRight:r,marginTop:l,padding:s,paddingBottom:m,paddingLeft:y,paddingRight:g,paddingTop:x,testId:u,as:S=ne,...P}=e;return {boxProps:{className:emotion.cx(emotion.css({display:o}),emotion.css({...w({margin:n,marginBottom:a,marginLeft:i,marginRight:r,marginTop:l,padding:s,paddingBottom:m,paddingLeft:y,paddingRight:g,paddingTop:x})}),t),["data-test-id"]:u,...P},Element:S}}function O(e,o){let{boxProps:t,Element:n}=c(e);return E__namespace.createElement(n,{...t,ref:o},e.children)}O.displayName="Box";var M=E__namespace.forwardRef(O);var se="div";function U({isInline:e,alignItems:o,alignSelf:t,alignContent:n,flex:a,flexBasis:i,flexShrink:r,flexDirection:l,flexGrow:s,flexWrap:m,fullHeight:y,fullWidth:g,gap:x,justifyContent:u,justifyItems:S,justifySelf:P,order:_,children:q,as:V,...Q},Y){let{boxProps:F,Element:Z}=c({...Q,as:V||se});return E__namespace.createElement(Z,{...F,className:emotion.cx(emotion.css({display:e?"inline-flex":"flex",width:g?"100%":void 0,height:y?"100%":void 0,flex:a,flexBasis:i,flexShrink:r,flexDirection:l,gap:d__default["default"][x]??x,justifyContent:u,justifyItems:S,justifySelf:P,alignItems:o,alignSelf:t,alignContent:n,order:_,flexWrap:m,flexGrow:s}),F.className),ref:Y},q)}U.displayName="Flex";var T=E__namespace.forwardRef(U);var ce="div";function N({alignContent:e,children:o,columnGap:t="spacingM",columns:n="auto",flow:a,isInline:i,justifyContent:r,rowGap:l="none",rows:s="auto",as:m,...y},g){let x=P=>typeof P=="number"?`repeat(${P}, minmax(0, 1fr))`:P,{boxProps:u,Element:S}=c({...y,as:m||ce});return E__namespace.createElement(S,{...u,className:emotion.cx(emotion.css({display:i?"inline-grid":"grid",gridTemplateColumns:x(n),gridTemplateRows:x(s),flow:a,justifyContent:r,alignContent:e,columnGap:p(t)??0,rowGap:p(l)??0}),u.className),ref:g},o)}N.displayName="Grid";var X=E__namespace.forwardRef(N);function v({children:e,columnStart:o,columnEnd:t,rowStart:n,rowEnd:a,area:i,order:r,...l},s){let m=i||[n||"auto",o||"auto",a||"auto",t||"auto"].join(" / "),{boxProps:y,Element:g}=c(l);return E__namespace.createElement(g,{...y,className:emotion.cx(emotion.css({gridArea:m,order:r}),y.className),ref:s},e)}v.displayName="GridItem";var b=E__namespace.forwardRef(v);var A=X;A.Item=b;var ye="div";function j({flexDirection:e="row",alignItems:o="center",isInline:t=!1,spacing:n="spacingM",children:a,as:i,...r},l){let{boxProps:s,Element:m}=c({...r,as:i||ye});return E__namespace.createElement(T,{...s,as:m,flexDirection:e,alignItems:o,isInline:t,className:s.className,gap:n,ref:l},a)}j.displayName="Stack";var z=E__namespace.forwardRef(j);function $(){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 W=({children:e,className:o,testId:t="cf-ui-ScreenReaderOnly",as:n="div",...a})=>{let i=$();return E__default["default"].createElement(n,{...a,"data-test-id":t,className:emotion.cx(i.screenReaderOnly,o)},e)};function J(e,o){return E.useMemo(()=>e||[o||"id",Math.round(Math.random()*1e4)].join("_"),[])}function H({isOpen:e,defaultIsOpen:o,onOpen:t,onClose:n}){let[a,i]=E.useState(o||!1),r=e!==void 0,l=r?e:a,s=E.useCallback(()=>{r||i(!1),n?.();},[r,n]),m=E.useCallback(()=>{r||i(!0),t?.();},[r,t]);return {isOpen:l,isControlled:r,handleClose:s,handleOpen:m}}function Re(...e){return o=>{e.forEach(t=>{typeof t=="function"?t(o):t!=null&&(t.current=o);});}}var Ee=({status:e})=>{switch(e){case"published":return {color:d__default["default"].colorGreenBase,backgroundColor:d__default["default"].colorGreenLightest};case"changed":return {color:d__default["default"].colorBlueBase,backgroundColor:d__default["default"].colorBlueLightest};case"deleted":case"archived":return {color:d__default["default"].colorRedBase,backgroundColor:d__default["default"].colorRedLightest};case"draft":return {color:d__default["default"].colorOrangeDark,backgroundColor:"#ffefd5"};case"new":return {color:d__default["default"].colorWhite,backgroundColor:d__default["default"].colorPrimary};default:return console.warn(`Unknown EntityStatus: ${e}`),{}}};
exports.Box = q;
exports.Flex = k;
exports.GlobalStyles = W;
exports.Grid = M;
exports.GridItem = w;
exports.ScreenReaderOnly = re;
exports.Stack = te;
exports.getEntityStatusStyles = Le;
exports.mergeRefs = Be;
exports.useBox = g;
exports.useControllableState = ae;
exports.useId = ne;
exports.Box = M;
exports.Flex = T;
exports.GlobalStyles = L;
exports.Grid = A;
exports.GridItem = b;
exports.ScreenReaderOnly = W;
exports.Stack = z;
exports.getEntityStatusStyles = Ee;
exports.mergeRefs = Re;
exports.useBox = c;
exports.useControllableState = H;
exports.useId = J;
//# sourceMappingURL=index.js.map
{
"name": "@contentful/f36-core",
"version": "4.19.0",
"version": "4.19.1",
"description": "Forma 36 core",

@@ -10,3 +10,3 @@ "license": "MIT",

"main": "dist/index.js",
"module": "dist/index.js",
"module": "dist/esm/index.js",
"types": "dist/index.d.ts",

@@ -13,0 +13,0 @@ "sideEffects": false,

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc