@emotion/react - npm Package Compare versions

Comparing version 11.0.0-next.12 to 11.0.0-next.13

CHANGELOG.md

 # @emotion/react
 
+## 11.0.0-next.13
+
+### Major Changes
+
+- [`9e998e37`](https://github.com/emotion-js/emotion/commit/9e998e3755c217027ad1be0af4c64644fe14c6bf) [#1817](https://github.com/emotion-js/emotion/pull/1817) Thanks [@Andarist](https://github.com/Andarist)! - The parser we use ([Stylis](https://github.com/thysultan/stylis.js)) got upgraded. It fixes some long-standing parsing edge cases while being smaller and faster 🚀
+
+  It has been completely rewritten and comes with some breaking changes. Most notable ones that might affect Emotion users are:
+
+  - plugins written for the former Stylis v3 are not compatible with the new version. To learn more on how to write a plugin for Stylis v4 you can check out its [README](https://github.com/thysultan/stylis.js#middleware) and the source code of core plugins.
+  - vendor-prefixing was previously customizable using `prefix` option. This was always limited to turning off all of some of the prefixes as all available prefixes were on by default. The `prefix` option is gone and to customize which prefixes are applied you need to fork (copy-paste) the prefixer plugin and adjust it to your needs. While this being somewhat more problematic to setup at first we believe that the vast majority of users were not customizing this anyway. By not including the possibility to customize this through an extra option the final solution is more performant because there is no extra overhead of checking if a particular property should be prefixed or not.
+  - Prefixer is now just a plugin which happens to be put in default `stylisPlugins`. If you plan to use custom `stylisPlugins` and you want to have your styles prefixed automatically you must include prefixer in your custom `stylisPlugins`. You can import `prefixer` from the `stylis` module to do that.
+  - `@import` rules are no longer special-cased. The responsibility to put them first has been moved to the author of the styles. They also can't be nested within other rules now. It's only possible to write them at the top level of global styles.
+
+### Patch Changes
+
+- Updated dependencies [[`91046a8c`](https://github.com/emotion-js/emotion/commit/91046a8c188327a65daac61583ef3c4458f30afb), [`9e998e37`](https://github.com/emotion-js/emotion/commit/9e998e3755c217027ad1be0af4c64644fe14c6bf), [`9e998e37`](https://github.com/emotion-js/emotion/commit/9e998e3755c217027ad1be0af4c64644fe14c6bf), [`9e998e37`](https://github.com/emotion-js/emotion/commit/9e998e3755c217027ad1be0af4c64644fe14c6bf)]:
+  - @emotion/sheet@1.0.0-next.2
+  - @emotion/cache@11.0.0-next.13
+  - @emotion/css@11.0.0-next.13
+  - @emotion/styled@11.0.0-next.13
+  - @emotion/utils@1.0.0-next.0
+  - @emotion/server@11.0.0-next.13
+  - @emotion/serialize@0.11.15-next.2
+
 ## 11.0.0-next.12
@@ -4,0 +28,0 @@

dist/react.browser.cjs.js

@@ -250,3 +250,3 @@ 'use strict';
     if (node !== null) {
-      sheet$1.rehydrate([node]);
+      sheet$1.hydrate([node]);
     }
@@ -253,0 +253,0 @@

dist/react.browser.esm.js

@@ -244,3 +244,3 @@ import { forwardRef, useContext, createContext, createElement, useRef, useLayoutEffect } from 'react';
     if (node !== null) {
-      sheet.rehydrate([node]);
+      sheet.hydrate([node]);
     }
@@ -247,0 +247,0 @@

dist/react.cjs.dev.js

@@ -320,3 +320,3 @@ 'use strict';
     if (node !== null) {
-      sheet$1.rehydrate([node]);
+      sheet$1.hydrate([node]);
     }
@@ -323,0 +323,0 @@

dist/react.cjs.prod.js

@@ -110,3 +110,3 @@ "use strict";
     }), node = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]');
-    return cache.sheet.tags.length && (sheet$1.before = cache.sheet.tags[0]), null !== node && sheet$1.rehydrate([ node ]), 
+    return cache.sheet.tags.length && (sheet$1.before = cache.sheet.tags[0]), null !== node && sheet$1.hydrate([ node ]), 
     sheetRef.current = sheet$1, function() {
@@ -113,0 +113,0 @@ sheet$1.flush();

dist/react.esm.js

@@ -314,3 +314,3 @@ import { forwardRef, useContext, createElement, createContext, Fragment, useRef, useLayoutEffect } from 'react';
     if (node !== null) {
-      sheet.rehydrate([node]);
+      sheet.hydrate([node]);
     }
@@ -317,0 +317,0 @@

dist/react.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).emotionReact={},e.React)}(this,(function(e,t){"use strict";var r=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.before=null}var t=e.prototype;return t.rehydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var r=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{var n=105===e.charCodeAt(1)&&64===e.charCodeAt(0);r.insertRule(e,n?0:r.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function n(e){function t(e,t,n){var a=t.trim().split(p);t=a;var o=a.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<o;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<o;++s)for(var u=0;u<i;++u)t[c++]=r(e[u]+" ",a[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(m,"$1"+e.trim());case 58:return e.trim()+t.replace(m,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(m,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,o){var i=e+";",s=2*t+3*r+4*o;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===$||2===$&&a(c,1)?"-webkit-"+c+c:c}if(0===$||2===$&&!a(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(S,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return d.test(i)?i.replace(f,":-webkit-")+i.replace(f,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(g,"tb");break;case 232:c=i.replace(g,"tb-rl");break;case 220:c=i.replace(g,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(C,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(C,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===A.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,o).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+o&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(h,"$1-webkit-$2")+i}return i}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),T(2!==t?n:n.replace(x,"$1"),r,t)}function o(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(w," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,a,o,i,s,u,l){for(var f,d=0,h=t;d<j;++d)switch(f=_[d].call(c,e,h,r,n,a,o,i,s,u,l)){case void 0:case!1:case!0:case null:break;default:h=f}if(h!==t)return h}function s(e){return void 0!==(e=e.prefix)&&(T=null,e?"function"!=typeof e?$=1:($=2,T=e):$=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<j){var c=i(-1,r,s,s,E,O,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var f=function e(r,s,c,f,d){for(var h,p,m,g,w,C=0,x=0,A=0,S=0,_=0,T=0,R=m=h=0,z=0,F=0,L=0,G=0,I=c.length,D=I-1,q="",W="",V="",H="";z<I;){if(p=c.charCodeAt(z),z===D&&0!==x+S+A+C&&(0!==x&&(p=47===x?10:47),S=A=C=0,I++,D++),0===x+S+A+C){if(z===D&&(0<F&&(q=q.replace(l,"")),0<q.trim().length)){switch(p){case 32:case 9:case 59:case 13:case 10:break;default:q+=c.charAt(z)}p=59}switch(p){case 123:for(h=(q=q.trim()).charCodeAt(0),m=1,G=++z;z<I;){switch(p=c.charCodeAt(z)){case 123:m++;break;case 125:m--;break;case 47:switch(p=c.charCodeAt(z+1)){case 42:case 47:e:{for(R=z+1;R<D;++R)switch(c.charCodeAt(R)){case 47:if(42===p&&42===c.charCodeAt(R-1)&&z+2!==R){z=R+1;break e}break;case 10:if(47===p){z=R+1;break e}}z=R}}break;case 91:p++;case 40:p++;case 34:case 39:for(;z++<D&&c.charCodeAt(z)!==p;);}if(0===m)break;z++}switch(m=c.substring(G,z),0===h&&(h=(q=q.replace(u,"").trim()).charCodeAt(0)),h){case 64:switch(0<F&&(q=q.replace(l,"")),p=q.charCodeAt(1)){case 100:case 109:case 115:case 45:F=s;break;default:F=M}if(G=(m=e(s,F,m,p,d+1)).length,0<j&&(w=i(3,m,F=t(M,q,L),s,E,O,G,p,d,f),q=F.join(""),void 0!==w&&0===(G=(m=w.trim()).length)&&(p=0,m="")),0<G)switch(p){case 115:q=q.replace(k,o);case 100:case 109:case 45:m=q+"{"+m+"}";break;case 107:m=(q=q.replace(y,"$1 $2"))+"{"+m+"}",m=1===$||2===$&&a("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=q+m,112===f&&(W+=m,m="")}else m="";break;default:m=e(s,t(s,q,L),m,f,d+1)}V+=m,m=L=F=R=h=0,q="",p=c.charCodeAt(++z);break;case 125:case 59:if(1<(G=(q=(0<F?q.replace(l,""):q).trim()).length))switch(0===R&&(h=q.charCodeAt(0),45===h||96<h&&123>h)&&(G=(q=q.replace(" ",":")).length),0<j&&void 0!==(w=i(1,q,s,r,E,O,W.length,f,d,f))&&0===(G=(q=w.trim()).length)&&(q="\0\0"),h=q.charCodeAt(0),p=q.charCodeAt(1),h){case 0:break;case 64:if(105===p||99===p){H+=q+c.charAt(z);break}default:58!==q.charCodeAt(G-1)&&(W+=n(q,h,p,q.charCodeAt(2)))}L=F=R=h=0,q="",p=c.charCodeAt(++z)}}switch(p){case 13:case 10:47===x?x=0:0===1+h&&107!==f&&0<q.length&&(F=1,q+="\0"),0<j*N&&i(0,q,s,r,E,O,W.length,f,d,f),O=1,E++;break;case 59:case 125:if(0===x+S+A+C){O++;break}default:switch(O++,g=c.charAt(z),p){case 9:case 32:if(0===S+C+x)switch(_){case 44:case 58:case 9:case 32:g="";break;default:32!==p&&(g=" ")}break;case 0:g="\\0";break;case 12:g="\\f";break;case 11:g="\\v";break;case 38:0===S+x+C&&(F=L=1,g="\f"+g);break;case 108:if(0===S+x+C+P&&0<R)switch(z-R){case 2:112===_&&58===c.charCodeAt(z-3)&&(P=_);case 8:111===T&&(P=T)}break;case 58:0===S+x+C&&(R=z);break;case 44:0===x+A+S+C&&(F=1,g+="\r");break;case 34:case 39:0===x&&(S=S===p?0:0===S?p:S);break;case 91:0===S+x+A&&C++;break;case 93:0===S+x+A&&C--;break;case 41:0===S+x+C&&A--;break;case 40:if(0===S+x+C){if(0===h)switch(2*_+3*T){case 533:break;default:h=1}A++}break;case 64:0===x+A+S+C+R+m&&(m=1);break;case 42:case 47:if(!(0<S+C+A))switch(x){case 0:switch(2*p+3*c.charCodeAt(z+1)){case 235:x=47;break;case 220:G=z,x=42}break;case 42:47===p&&42===_&&G+2!==z&&(33===c.charCodeAt(G+2)&&(W+=c.substring(G,z+1)),g="",x=0)}}0===x&&(q+=g)}T=_,_=p,z++}if(0<(G=W.length)){if(F=s,0<j&&(void 0!==(w=i(2,W,F,r,E,O,G,f,d,f))&&0===(W=w).length))return H+W+V;if(W=F.join(",")+"{"+W+"}",0!=$*P){switch(2!==$||a(W,2)||(P=0),P){case 111:W=W.replace(v,":-moz-$1")+W;break;case 112:W=W.replace(b,"::-webkit-input-$1")+W.replace(b,"::-moz-$1")+W.replace(b,":-ms-input-$1")+W}P=0}}return H+W+V}(M,s,r,0,0);return 0<j&&(void 0!==(c=i(-2,f,s,s,E,O,f.length,0,0,0))&&(f=c)),"",P=0,O=E=1,f}var u=/^\0+/g,l=/[\0\r\f]/g,f=/: */g,d=/zoo|gra/,h=/([,: ])(transform)/g,p=/,\r+?/g,m=/([\t\r\n ])*\f?&/g,y=/@(k\w+)\s*(\S*)\s*/,b=/::(place)/g,v=/:(read-only)/g,g=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,w=/([\s\S]*?);/g,C=/-self|flex-/g,x=/[^]*?(:[rp][el]a[\w-]+)[^]*/,A=/stretch|:\s*\w+\-(?:conte|avail)/,S=/([^-])(image-set\()/,O=1,E=1,P=0,$=1,M=[],_=[],j=0,T=null,N=0;return c.use=function e(t){switch(t){case void 0:case null:j=_.length=0;break;default:if("function"==typeof t)_[j++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else N=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var a=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}};function o(e){e&&i.current.insert(e+"}")}var i={current:null},s=function(e,t,r,n,a,s,c,u,l,f){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return i.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===u)return t+"/*|*/";break;case 3:switch(u){case 102:case 112:return i.current.insert(r[0]+t),"";default:return t+(0===f?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(o)}},c=!1,u=function(e){var t,a=e.key;if(!a)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(!c&&"css"===a){c=!0;var o=document.querySelectorAll("style[data-emotion]");Array.prototype.forEach.call(o,(function(e){document.head.appendChild(e)}))}void 0!==e.prefix&&(t={prefix:e.prefix});var u,l,f=new n(t),d={},h=[];u=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion]"),(function(e){var t=e.getAttribute("data-emotion").split(" ");if(t[0]===a){for(var r=1;r<t.length;r++)d[t[r]]=!0;h.push(e)}})),f.use(e.stylisPlugins)(s),l=function(e,t,r,n){var a=t.name;i.current=r,f(e,t.styles),n&&(p.inserted[a]=!0)};var p={key:a,sheet:new r({key:a,container:u,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend}),nonce:e.nonce,inserted:d,registered:{},insert:l};return p.sheet.rehydrate(h),p},l=t.createContext("undefined"!=typeof HTMLElement?u({key:"css"}):null),f=l.Provider;function d(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function h(e,t){return e(t={exports:{}},t.exports),t.exports}e.withEmotionCache=function(e){return t.forwardRef((function(r,n){var a=t.useContext(l);return e(r,a,n)}))};var p=h((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},t.apply(this,arguments)}e.exports=t})),m=h((function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,o=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,l=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,d=r?Symbol.for("react.forward_ref"):60112,h=r?Symbol.for("react.suspense"):60113,p=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116;function y(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case l:case f:case o:case s:case i:case h:return e;default:switch(e=e&&e.$$typeof){case u:case d:case c:return e;default:return t}}case m:case p:case a:return t}}}function b(e){return y(e)===f}t.typeOf=y,t.AsyncMode=l,t.ConcurrentMode=f,t.ContextConsumer=u,t.ContextProvider=c,t.Element=n,t.ForwardRef=d,t.Fragment=o,t.Lazy=m,t.Memo=p,t.Portal=a,t.Profiler=s,t.StrictMode=i,t.Suspense=h,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===s||e===i||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===c||e.$$typeof===u||e.$$typeof===d)},t.isAsyncMode=function(e){return b(e)||y(e)===l},t.isConcurrentMode=b,t.isContextConsumer=function(e){return y(e)===u},t.isContextProvider=function(e){return y(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return y(e)===d},t.isFragment=function(e){return y(e)===o},t.isLazy=function(e){return y(e)===m},t.isMemo=function(e){return y(e)===p},t.isPortal=function(e){return y(e)===a},t.isProfiler=function(e){return y(e)===s},t.isStrictMode=function(e){return y(e)===i},t.isSuspense=function(e){return y(e)===h}}));d(m);m.typeOf,m.AsyncMode,m.ConcurrentMode,m.ContextConsumer,m.ContextProvider,m.Element,m.ForwardRef,m.Fragment,m.Lazy,m.Memo,m.Portal,m.Profiler,m.StrictMode,m.Suspense,m.isValidElementType,m.isAsyncMode,m.isConcurrentMode,m.isContextConsumer,m.isContextProvider,m.isElement,m.isForwardRef,m.isFragment,m.isLazy,m.isMemo,m.isPortal,m.isProfiler,m.isStrictMode,m.isSuspense;var y=h((function(e,t){}));d(y);y.typeOf,y.AsyncMode,y.ConcurrentMode,y.ContextConsumer,y.ContextProvider,y.Element,y.ForwardRef,y.Fragment,y.Lazy,y.Memo,y.Portal,y.Profiler,y.StrictMode,y.Suspense,y.isValidElementType,y.isAsyncMode,y.isConcurrentMode,y.isContextConsumer,y.isContextProvider,y.isElement,y.isForwardRef,y.isFragment,y.isLazy,y.isMemo,y.isPortal,y.isProfiler,y.isStrictMode,y.isSuspense;var b=h((function(e){e.exports=m})),v={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},g={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},k={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},w={};function C(e){return b.isMemo(e)?k:w[e.$$typeof]||v}w[b.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0};var x=Object.defineProperty,A=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,O=Object.getOwnPropertyDescriptor,E=Object.getPrototypeOf,P=Object.prototype;var $=function e(t,r,n){if("string"!=typeof r){if(P){var a=E(r);a&&a!==P&&e(t,a,n)}var o=A(r);S&&(o=o.concat(S(r)));for(var i=C(t),s=C(r),c=0;c<o.length;++c){var u=o[c];if(!(g[u]||n&&n[u]||s&&s[u]||i&&i[u])){var l=O(r,u);try{x(t,u,l)}catch(e){}}}}return t},M=t.createContext({}),_=a((function(e){return a((function(t){return function(e,t){return"function"==typeof t?t(e):p({},e,{},t)}(e,t)}))}));function j(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]+";"):n+=r+" "})),n}var T=function(e,t,r){var n=e.key+"-"+t.name;if(!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var a=t;do{e.insert("."+n,a,e.sheet,!0);a=a.next}while(void 0!==a)}};var N={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function R(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var z=/[A-Z]|^ms/g,F=/_EMO_([^_]+?)_([^]*?)_EMO_/g,L=function(e){return 45===e.charCodeAt(1)},G=function(e){return null!=e&&"boolean"!=typeof e},I=R((function(e){return L(e)?e:e.replace(z,"-$&").toLowerCase()})),D=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(F,(function(e,t,r){return W={name:t,styles:r,next:W},t}))}return 1===N[e]||L(e)||"number"!=typeof t||0===t?t:t+"px"};function q(e,t,r){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return W={name:r.name,styles:r.styles,next:W},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)W={name:n.name,styles:n.styles,next:W},n=n.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=q(e,t,r[a])+";";else for(var o in r){var i=r[o];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=o+"{"+t[i]+"}":G(i)&&(n+=I(o)+":"+D(o,i)+";");else if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=q(e,t,i);switch(o){case"animation":case"animationName":n+=I(o)+":"+s+";";break;default:n+=o+"{"+s+"}"}}else for(var c=0;c<i.length;c++)G(i[c])&&(n+=I(o)+":"+D(o,i[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var a=W,o=r(e);return W=a,q(e,t,o)}}if(null==t)return r;var i=t[r];return void 0!==i?i:r}var W,V=/label:\s*([^\s;\n{]+)\s*;/g,H=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";W=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,a+=q(r,t,o)):a+=o[0];for(var i=1;i<e.length;i++)a+=q(r,t,e[i]),n&&(a+=o[i]);V.lastIndex=0;for(var s,c="";null!==(s=V.exec(a));)c+="-"+s[1];return{name:function(e){for(var t,r=0,n=0,a=e.length;a>=4;++n,a-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(a){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(a)+c,styles:a,next:W}},Y="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",B=Object.prototype.hasOwnProperty,U=e.withEmotionCache((function(e,r,n){var a=e.css;"string"==typeof a&&void 0!==r.registered[a]&&(a=r.registered[a]);var o=e[Y],i=[a],s="";"string"==typeof e.className?s=j(r.registered,i,e.className):null!=e.className&&(s=e.className+" ");var c=H(i,void 0,"function"==typeof a||Array.isArray(a)?t.useContext(M):void 0);T(r,c,"string"==typeof o);s+=r.key+"-"+c.name;var u={};for(var l in e)B.call(e,l)&&"css"!==l&&l!==Y&&(u[l]=e[l]);return u.ref=n,u.className=s,t.createElement(o,u)})),Z=e.withEmotionCache((function(e,n){var a=e.styles,o=H([a],void 0,"function"==typeof a||Array.isArray(a)?t.useContext(M):void 0),i=t.useRef();return t.useLayoutEffect((function(){var e=n.key+"-global",t=new r({key:e,nonce:n.sheet.nonce,container:n.sheet.container,speedy:n.sheet.isSpeedy}),a=document.querySelector('style[data-emotion="'+e+" "+o.name+'"]');return n.sheet.tags.length&&(t.before=n.sheet.tags[0]),null!==a&&t.rehydrate([a]),i.current=t,function(){t.flush()}}),[n]),t.useLayoutEffect((function(){void 0!==o.next&&T(n,o.next,!0);var e=i.current;if(e.tags.length){var t=e.tags[e.tags.length-1].nextElementSibling;e.before=t,e.flush()}n.insert("",o,e,!1)}),[n,o.name]),null}));function J(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return H(t)}var K=function e(t){for(var r=t.length,n=0,a="";n<r;n++){var o=t[n];if(null!=o){var i=void 0;switch(typeof o){case"boolean":break;case"object":if(Array.isArray(o))i=e(o);else for(var s in i="",o)o[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=o}i&&(a&&(a+=" "),a+=i)}}return a};function Q(e,t,r){var n=[],a=j(e,n,r);return n.length<2?r:a+t(n)}var X=e.withEmotionCache((function(e,r){var n=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=H(t,r.registered);return T(r,a,!1),r.key+"-"+a.name},a={css:n,cx:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return Q(r.registered,n,K(t))},theme:t.useContext(M)},o=e.children(a);return!0,o}));e.CacheProvider=f,e.ClassNames=X,e.Global=Z,e.ThemeContext=M,e.ThemeProvider=function(e){var r=t.useContext(M);return e.theme!==r&&(r=_(r)(e.theme)),t.createElement(M.Provider,{value:r},e.children)},e.css=J,e.jsx=function(e,r){var n=arguments;if(null==r||!B.call(r,"css"))return t.createElement.apply(void 0,n);var a=n.length,o=new Array(a);o[0]=U;var i={};for(var s in r)B.call(r,s)&&(i[s]=r[s]);i[Y]=e,o[1]=i;for(var c=2;c<a;c++)o[c]=n[c];return t.createElement.apply(null,o)},e.keyframes=function(){var e=J.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}},e.useTheme=function(){return t.useContext(M)},e.withTheme=function(e){var r=e.displayName||e.name||"Component",n=t.forwardRef((function(r,n){var a=t.useContext(M);return t.createElement(e,p({theme:a,ref:n},r))}));return n.displayName="WithTheme("+r+")",$(n,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],r):r((e=e||self).emotionReact={},e.React)}(this,(function(e,r){"use strict";var t=function(){function e(e){var r=this;this._insertTag=function(e){var t;t=0===r.tags.length?r.prepend?r.container.firstChild:r.before:r.tags[r.tags.length-1].nextSibling,r.container.insertBefore(e,t),r.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.before=null}var r=e.prototype;return r.hydrate=function(e){e.forEach(this._insertTag)},r.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),void 0!==e.nonce&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r}(this));var r=this.tags[this.tags.length-1];if(this.isSpeedy){var t=function(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}(r);try{t.insertRule(e,t.cssRules.length)}catch(e){}}else r.appendChild(document.createTextNode(e));this.ctr++},r.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}(),n="-ms-",a="-moz-",o="-webkit-",s="comm",c="rule",i="decl",u="@import",f="@keyframes",l=Math.abs,d=String.fromCharCode;function p(e){return e.trim()}function y(e,r,t){return e.replace(r,t)}function h(e,r){return 0|e.charCodeAt(r)}function m(e,r,t){return e.slice(r,t)}function v(e){return e.length}function g(e){return e.length}function b(e,r){return r.push(e),e}var w=1,x=1,C=0,$=0,S=0,k="";function P(e,r,t,n,a,o,s){return{value:e,root:r,parent:t,type:n,props:a,children:o,line:w,column:x,length:s,return:""}}function A(e,r,t){return P(e,r.root,r.parent,t,r.props,r.children,0)}function E(){return S=$<C?h(k,$++):0,x++,10===S&&(x=1,w++),S}function O(){return h(k,$)}function M(){return $}function _(e,r){return m(k,e,r)}function j(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function T(e){return w=x=1,C=v(k=e),$=0,[]}function N(e){return k="",e}function R(e){return p(_($-1,function e(r){for(;E();)switch(S){case r:return $;case 34:case 39:return e(34===r||39===r?r:S);case 40:41===r&&e(r);break;case 92:E()}return $}(91===e?e+2:40===e?e+1:e)))}function F(e){for(;(S=O())&&S<33;)E();return j(e)>2||j(S)>3?"":" "}function z(e,r){for(;E()&&e+S!==57&&(e+S!==84||47!==O()););return"/*"+_(r,$-1)+"*"+d(47===e?e:E())}function L(e){for(;!j(O());)E();return _(e,$)}function G(e){return N(function e(r,t,n,a,o,s,c,i,u){var f=0;var l=0;var p=c;var h=0;var m=0;var g=0;var w=1;var x=1;var C=1;var $=0;var S="";var k=o;var P=s;var A=a;var _=S;for(;x;)switch(g=$,$=E()){case 34:case 39:case 91:case 40:_+=R($);break;case 9:case 10:case 13:case 32:_+=F(g);break;case 47:switch(O()){case 42:case 47:b(D(z(E(),M()),t,n),u);break;default:_+="/"}break;case 123*w:i[f++]=v(_)*C;case 125*w:case 59:case 0:switch($){case 0:case 125:x=0;case 59+l:m>0&&b(m>32?q(_+";",a,n,p-1):q(y(_," ","")+";",a,n,p-2),u);break;case 59:_+=";";default:if(b(A=I(_,t,n,f,l,o,i,S,k=[],P=[],p),s),123===$)if(0===l)e(_,t,A,A,k,s,p,i,P);else switch(h){case 100:case 109:case 115:e(r,A,A,a&&b(I(r,A,A,0,0,o,i,S,o,k=[],p),P),o,P,p,i,a?k:P);break;default:e(_,A,A,A,[""],P,p,i,P)}}f=l=m=0,w=C=1,S=_="",p=c;break;case 58:p=1+v(_),m=g;default:switch(_+=d($),$*w){case 38:C=l>0?1:(_+="\f",-1);break;case 44:i[f++]=(v(_)-1)*C,C=1;break;case 64:45===O()&&(_+=R(E())),h=O(),l=v(S=_+=L(M())),$++;break;case 45:45===g&&2==v(_)&&(w=0)}}return s}("",null,null,null,[""],e=T(e),0,[0],e))}function I(e,r,t,n,a,o,s,i,u,f,d){for(var h=a-1,v=0===a?o:[""],b=g(v),w=0,x=0,C=0;w<n;++w)for(var $=0,S=m(e,h+1,h=l(x=s[w])),k=e;$<b;++$)(k=p(x>0?v[$]+" "+S:y(S,/&\f/g,v[$])))&&(u[C++]=k);return P(e,r,t,0===a?c:i,u,f,d)}function D(e,r,t){return P(e,r,t,s,d(S),m(e,2,-2),0)}function q(e,r,t,n){return P(e,r,t,i,m(e,0,n),m(e,n+1,-1),n)}function W(e,r){switch(function(e,r){return(((r<<2^h(e,0))<<2^h(e,1))<<2^h(e,2))<<2^h(e,3)}(e,r)){case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return o+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return o+e+a+e+n+e+e;case 6828:case 4268:return o+e+n+e+e;case 6165:return o+e+n+"flex-"+e+e;case 5187:return o+e+y(e,/(\w+).+(:[^]+)/,o+"box-$1$2"+n+"flex-$1$2")+e;case 5443:return o+e+n+"flex-item-"+y(e,/flex-|-self/,"")+e;case 4675:return o+e+n+"flex-line-pack"+y(e,/align-content|flex-|-self/,"")+e;case 5548:return o+e+n+y(e,"shrink","negative")+e;case 5292:return o+e+n+y(e,"basis","preferred-size")+e;case 6060:return o+"box-"+y(e,"-grow","")+o+e+n+y(e,"grow","positive")+e;case 4554:return o+y(e,/([^-])(transform)/g,"$1"+o+"$2")+e;case 6187:return y(y(y(e,/(zoom-|grab)/,o+"$1"),/(image-set)/,o+"$1"),e,"")+e;case 5495:case 3959:return y(e,/(image-set\([^]*)/,o+"$1$`$1");case 4968:return y(y(e,/(.+:)(flex-)?(.*)/,o+"box-pack:$3"+n+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+o+e+e;case 4095:case 3583:case 4068:case 2532:return y(e,/(.+)-inline(.+)/,o+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(v(e)-1-r>6)switch(h(e,r+1)){case 109:return y(e,/(.+:)(.+)-([^]+)/,"$1"+o+"$2-$3$1"+a+"$2-$3")+e;case 102:return y(e,/(.+:)(.+)-([^]+)/,"$1"+o+"$2-$3$1"+a+"$3")+e;case 115:return W(y(e,"stretch","fill-available"),r)+e}break;case 4949:if(115!==h(e,r+1))break;case 6444:switch(h(e,v(e)-3-(~function(e,r){return e.indexOf(r)}(e,"!important")&&10))){case 107:case 111:return y(e,e,o+e)+e;case 101:return y(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+o+(45===h(e,14)?"inline-":"")+"box$3$1"+o+"$2$3$1"+n+"$2box$3")+e}break;case 5936:switch(h(e,r+11)){case 114:return o+e+n+y(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return o+e+n+y(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return o+e+n+y(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return o+e+n+e+e}return e}function V(e,r){for(var t="",n=g(e),a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function H(e,r,t,n){switch(e.type){case u:case i:return e.return=e.return||e.value;case s:return"";case c:e.value=e.props.join(",")}return v(t=V(e.children,n))?e.return=e.value+"{"+t+"}":""}function Y(e){return function(r){r.root||(r=r.return)&&e(r)}}var B=function(e){var r=new WeakMap;return function(t){if(r.has(t))return r.get(t);var n=e(t);return r.set(t,n),n}},U=function(e,r){return N(function(e,r){var t=-1,n=44;do{switch(j(n)){case 0:e[t]+=L($-1);break;case 2:e[t]+=R(n);break;case 4:if(44===n){e[++t]=58===O()?"&\f":"",r[t]=e[t].length;break}default:e[t]+=d(n)}}while(n=E());return e}(T(e),r))},Z=function(e){if("rule"===e.type&&e.parent&&e.length){var r=e.value;if(1!==e.props.length||58===r.charCodeAt(0)){var t=e;do{t=t.parent}while("rule"!==t.type);for(var n=[],a=U(r,n),o=t.props,s=0,c=0;s<a.length;s++)for(var i=0;i<o.length;i++,c++)n[s]&&(e.props[c]=a[s].replace(/&\f/g,o[i]))}}},J=function(e){if("decl"===e.type){var r=e.value;108===r.charCodeAt(0)&&98===r.charCodeAt(2)&&(e.return="",e.value="")}},K=[function(e,r,t,s){if(!e.return)switch(e.type){case i:e.return=W(e.value,e.length);break;case f:return V([A(y(e.value,"@","@"+o),e,"")],s);case c:if(e.length)return function(e,r){return e.map(r).join("")}(e.props,(function(r){switch(function(e,r){return(e=r.exec(e))?e[0]:e}(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return V([A(y(r,/:(read-\w+)/,":"+a+"$1"),e,"")],s);case"::placeholder":return V([A(y(r,/:(plac\w+)/,":"+o+"input-$1"),e,""),A(y(r,/:(plac\w+)/,":"+a+"$1"),e,""),A(y(r,/:(plac\w+)/,n+"input-$1"),e,"")],s)}return""}))}}],Q=!1,X=function(e){var r=e.key;if(!r)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(!Q&&"css"===r){Q=!0;var n=document.querySelectorAll("style[data-emotion]");Array.prototype.forEach.call(n,(function(e){document.head.appendChild(e)}))}var a,o,s=e.stylisPlugins||K,c={},i=[];a=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion]"),(function(e){var t=e.getAttribute("data-emotion").split(" ");if(t[0]===r){for(var n=1;n<t.length;n++)c[t[n]]=!0;i.push(e)}}));var u,f=[Z,J],l=[H,Y((function(e){u.insert(e)}))],d=function(e){var r=g(e);return function(t,n,a,o){for(var s="",c=0;c<r;c++)s+=e[c](t,n,a,o)||"";return s}}(f.concat(s,l));o=function(e,r,t,n){u=t,V(G(e?e+"{"+r.styles+"}":r.styles),d),n&&(p.inserted[r.name]=!0)};var p={key:r,sheet:new t({key:r,container:a,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend}),nonce:e.nonce,inserted:c,registered:{},insert:o};return p.sheet.hydrate(i),p},ee=r.createContext("undefined"!=typeof HTMLElement?X({key:"css"}):null),re=ee.Provider;function te(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function ne(e,r){return e(r={exports:{}},r.exports),r.exports}e.withEmotionCache=function(e){return r.forwardRef((function(t,n){var a=r.useContext(ee);return e(t,a,n)}))};var ae=ne((function(e){function r(){return e.exports=r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r.apply(this,arguments)}e.exports=r})),oe=ne((function(e,r){Object.defineProperty(r,"__esModule",{value:!0});var t="function"==typeof Symbol&&Symbol.for,n=t?Symbol.for("react.element"):60103,a=t?Symbol.for("react.portal"):60106,o=t?Symbol.for("react.fragment"):60107,s=t?Symbol.for("react.strict_mode"):60108,c=t?Symbol.for("react.profiler"):60114,i=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,f=t?Symbol.for("react.async_mode"):60111,l=t?Symbol.for("react.concurrent_mode"):60111,d=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,y=t?Symbol.for("react.suspense_list"):60120,h=t?Symbol.for("react.memo"):60115,m=t?Symbol.for("react.lazy"):60116,v=t?Symbol.for("react.fundamental"):60117,g=t?Symbol.for("react.responder"):60118,b=t?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case n:switch(e=e.type){case f:case l:case o:case c:case s:case p:return e;default:switch(e=e&&e.$$typeof){case u:case d:case m:case h:case i:return e;default:return r}}case a:return r}}}function x(e){return w(e)===l}r.typeOf=w,r.AsyncMode=f,r.ConcurrentMode=l,r.ContextConsumer=u,r.ContextProvider=i,r.Element=n,r.ForwardRef=d,r.Fragment=o,r.Lazy=m,r.Memo=h,r.Portal=a,r.Profiler=c,r.StrictMode=s,r.Suspense=p,r.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===l||e===c||e===s||e===p||e===y||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===i||e.$$typeof===u||e.$$typeof===d||e.$$typeof===v||e.$$typeof===g||e.$$typeof===b)},r.isAsyncMode=function(e){return x(e)||w(e)===f},r.isConcurrentMode=x,r.isContextConsumer=function(e){return w(e)===u},r.isContextProvider=function(e){return w(e)===i},r.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},r.isForwardRef=function(e){return w(e)===d},r.isFragment=function(e){return w(e)===o},r.isLazy=function(e){return w(e)===m},r.isMemo=function(e){return w(e)===h},r.isPortal=function(e){return w(e)===a},r.isProfiler=function(e){return w(e)===c},r.isStrictMode=function(e){return w(e)===s},r.isSuspense=function(e){return w(e)===p}}));te(oe);oe.typeOf,oe.AsyncMode,oe.ConcurrentMode,oe.ContextConsumer,oe.ContextProvider,oe.Element,oe.ForwardRef,oe.Fragment,oe.Lazy,oe.Memo,oe.Portal,oe.Profiler,oe.StrictMode,oe.Suspense,oe.isValidElementType,oe.isAsyncMode,oe.isConcurrentMode,oe.isContextConsumer,oe.isContextProvider,oe.isElement,oe.isForwardRef,oe.isFragment,oe.isLazy,oe.isMemo,oe.isPortal,oe.isProfiler,oe.isStrictMode,oe.isSuspense;var se=ne((function(e,r){}));te(se);se.typeOf,se.AsyncMode,se.ConcurrentMode,se.ContextConsumer,se.ContextProvider,se.Element,se.ForwardRef,se.Fragment,se.Lazy,se.Memo,se.Portal,se.Profiler,se.StrictMode,se.Suspense,se.isValidElementType,se.isAsyncMode,se.isConcurrentMode,se.isContextConsumer,se.isContextProvider,se.isElement,se.isForwardRef,se.isFragment,se.isLazy,se.isMemo,se.isPortal,se.isProfiler,se.isStrictMode,se.isSuspense;var ce=ne((function(e){e.exports=oe})),ie={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ue={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},fe={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},le={};function de(e){return ce.isMemo(e)?fe:le[e.$$typeof]||ie}le[ce.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0};var pe=Object.defineProperty,ye=Object.getOwnPropertyNames,he=Object.getOwnPropertySymbols,me=Object.getOwnPropertyDescriptor,ve=Object.getPrototypeOf,ge=Object.prototype;var be=function e(r,t,n){if("string"!=typeof t){if(ge){var a=ve(t);a&&a!==ge&&e(r,a,n)}var o=ye(t);he&&(o=o.concat(he(t)));for(var s=de(r),c=de(t),i=0;i<o.length;++i){var u=o[i];if(!(ue[u]||n&&n[u]||c&&c[u]||s&&s[u])){var f=me(t,u);try{pe(r,u,f)}catch(e){}}}}return r},we=r.createContext({}),xe=B((function(e){return B((function(r){return function(e,r){return"function"==typeof r?r(e):ae({},e,{},r)}(e,r)}))}));function Ce(e,r,t){var n="";return t.split(" ").forEach((function(t){void 0!==e[t]?r.push(e[t]+";"):n+=t+" "})),n}var $e=function(e,r,t){var n=e.key+"-"+r.name;if(!1===t&&void 0===e.registered[n]&&(e.registered[n]=r.styles),void 0===e.inserted[r.name]){var a=r;do{e.insert(r===a?"."+n:"",a,e.sheet,!0);a=a.next}while(void 0!==a)}};var Se={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function ke(e){var r={};return function(t){return void 0===r[t]&&(r[t]=e(t)),r[t]}}var Pe=/[A-Z]|^ms/g,Ae=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ee=function(e){return 45===e.charCodeAt(1)},Oe=function(e){return null!=e&&"boolean"!=typeof e},Me=ke((function(e){return Ee(e)?e:e.replace(Pe,"-$&").toLowerCase()})),_e=function(e,r){switch(e){case"animation":case"animationName":if("string"==typeof r)return r.replace(Ae,(function(e,r,t){return Te={name:r,styles:t,next:Te},r}))}return 1===Se[e]||Ee(e)||"number"!=typeof r||0===r?r:r+"px"};function je(e,r,t){if(null==t)return"";if(void 0!==t.__emotion_styles)return t;switch(typeof t){case"boolean":return"";case"object":if(1===t.anim)return Te={name:t.name,styles:t.styles,next:Te},t.name;if(void 0!==t.styles){var n=t.next;if(void 0!==n)for(;void 0!==n;)Te={name:n.name,styles:n.styles,next:Te},n=n.next;return t.styles+";"}return function(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=je(e,r,t[a])+";";else for(var o in t){var s=t[o];if("object"!=typeof s)null!=r&&void 0!==r[s]?n+=o+"{"+r[s]+"}":Oe(s)&&(n+=Me(o)+":"+_e(o,s)+";");else if(!Array.isArray(s)||"string"!=typeof s[0]||null!=r&&void 0!==r[s[0]]){var c=je(e,r,s);switch(o){case"animation":case"animationName":n+=Me(o)+":"+c+";";break;default:n+=o+"{"+c+"}"}}else for(var i=0;i<s.length;i++)Oe(s[i])&&(n+=Me(o)+":"+_e(o,s[i])+";")}return n}(e,r,t);case"function":if(void 0!==e){var a=Te,o=t(e);return Te=a,je(e,r,o)}}if(null==r)return t;var s=r[t];return void 0!==s?s:t}var Te,Ne=/label:\s*([^\s;\n{]+)\s*;/g,Re=function(e,r,t){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";Te=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,a+=je(t,r,o)):a+=o[0];for(var s=1;s<e.length;s++)a+=je(t,r,e[s]),n&&(a+=o[s]);Ne.lastIndex=0;for(var c,i="";null!==(c=Ne.exec(a));)i+="-"+c[1];return{name:function(e){for(var r,t=0,n=0,a=e.length;a>=4;++n,a-=4)r=1540483477*(65535&(r=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(r>>>16)<<16),t=1540483477*(65535&(r^=r>>>24))+(59797*(r>>>16)<<16)^1540483477*(65535&t)+(59797*(t>>>16)<<16);switch(a){case 3:t^=(255&e.charCodeAt(n+2))<<16;case 2:t^=(255&e.charCodeAt(n+1))<<8;case 1:t=1540483477*(65535&(t^=255&e.charCodeAt(n)))+(59797*(t>>>16)<<16)}return(((t=1540483477*(65535&(t^=t>>>13))+(59797*(t>>>16)<<16))^t>>>15)>>>0).toString(36)}(a)+i,styles:a,next:Te}},Fe="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",ze=Object.prototype.hasOwnProperty,Le=e.withEmotionCache((function(e,t,n){var a=e.css;"string"==typeof a&&void 0!==t.registered[a]&&(a=t.registered[a]);var o=e[Fe],s=[a],c="";"string"==typeof e.className?c=Ce(t.registered,s,e.className):null!=e.className&&(c=e.className+" ");var i=Re(s,void 0,"function"==typeof a||Array.isArray(a)?r.useContext(we):void 0);$e(t,i,"string"==typeof o);c+=t.key+"-"+i.name;var u={};for(var f in e)ze.call(e,f)&&"css"!==f&&f!==Fe&&(u[f]=e[f]);return u.ref=n,u.className=c,r.createElement(o,u)})),Ge=e.withEmotionCache((function(e,n){var a=e.styles,o=Re([a],void 0,"function"==typeof a||Array.isArray(a)?r.useContext(we):void 0),s=r.useRef();return r.useLayoutEffect((function(){var e=n.key+"-global",r=new t({key:e,nonce:n.sheet.nonce,container:n.sheet.container,speedy:n.sheet.isSpeedy}),a=document.querySelector('style[data-emotion="'+e+" "+o.name+'"]');return n.sheet.tags.length&&(r.before=n.sheet.tags[0]),null!==a&&r.hydrate([a]),s.current=r,function(){r.flush()}}),[n]),r.useLayoutEffect((function(){void 0!==o.next&&$e(n,o.next,!0);var e=s.current;if(e.tags.length){var r=e.tags[e.tags.length-1].nextElementSibling;e.before=r,e.flush()}n.insert("",o,e,!1)}),[n,o.name]),null}));function Ie(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return Re(r)}var De=function e(r){for(var t=r.length,n=0,a="";n<t;n++){var o=r[n];if(null!=o){var s=void 0;switch(typeof o){case"boolean":break;case"object":if(Array.isArray(o))s=e(o);else for(var c in s="",o)o[c]&&c&&(s&&(s+=" "),s+=c);break;default:s=o}s&&(a&&(a+=" "),a+=s)}}return a};function qe(e,r,t){var n=[],a=Ce(e,n,t);return n.length<2?t:a+r(n)}var We=e.withEmotionCache((function(e,t){var n=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=Re(r,t.registered);return $e(t,a,!1),t.key+"-"+a.name},a={css:n,cx:function(){for(var e=arguments.length,r=new Array(e),a=0;a<e;a++)r[a]=arguments[a];return qe(t.registered,n,De(r))},theme:r.useContext(we)},o=e.children(a);return!0,o}));e.CacheProvider=re,e.ClassNames=We,e.Global=Ge,e.ThemeContext=we,e.ThemeProvider=function(e){var t=r.useContext(we);return e.theme!==t&&(t=xe(t)(e.theme)),r.createElement(we.Provider,{value:t},e.children)},e.css=Ie,e.jsx=function(e,t){var n=arguments;if(null==t||!ze.call(t,"css"))return r.createElement.apply(void 0,n);var a=n.length,o=new Array(a);o[0]=Le;var s={};for(var c in t)ze.call(t,c)&&(s[c]=t[c]);s[Fe]=e,o[1]=s;for(var i=2;i<a;i++)o[i]=n[i];return r.createElement.apply(null,o)},e.keyframes=function(){var e=Ie.apply(void 0,arguments),r="animation-"+e.name;return{name:r,styles:"@keyframes "+r+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}},e.useTheme=function(){return r.useContext(we)},e.withTheme=function(e){var t=e.displayName||e.name||"Component",n=r.forwardRef((function(t,n){var a=r.useContext(we);return r.createElement(e,ae({theme:a,ref:n},t))}));return n.displayName="WithTheme("+t+")",be(n,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=react.umd.min.js.map

package.json

 {
   "name": "@emotion/react",
-  "version": "11.0.0-next.12",
+  "version": "11.0.0-next.13",
   "main": "dist/react.cjs.js",
@@ -26,6 +26,6 @@ "module": "dist/react.esm.js",
     "@babel/runtime": "^7.7.2",
-    "@emotion/cache": "^11.0.0-next.12",
-    "@emotion/serialize": "^1.0.0-next.1",
-    "@emotion/sheet": "0.10.0-next.1",
-    "@emotion/utils": "0.11.3",
+    "@emotion/cache": "^11.0.0-next.13",
+    "@emotion/serialize": "^0.11.15-next.2",
+    "@emotion/sheet": "1.0.0-next.2",
+    "@emotion/utils": "1.0.0-next.0",
     "@emotion/weak-memoize": "0.2.5",
@@ -45,5 +45,6 @@ "hoist-non-react-statics": "^3.3.1"
     "@babel/core": "^7.7.2",
-    "@emotion/css": "11.0.0-next.12",
-    "@emotion/server": "11.0.0-next.12",
-    "@emotion/styled": "11.0.0-next.12",
+    "@emotion/css": "11.0.0-next.13",
+    "@emotion/css-prettifier": "1.0.0-next.0",
+    "@emotion/server": "11.0.0-next.13",
+    "@emotion/styled": "11.0.0-next.13",
     "@types/react": "^16.9.11",
@@ -50,0 +51,0 @@ "dtslint": "^0.3.0",

src/global.js

@@ -109,3 +109,3 @@ // @flow
       if (node !== null) {
-        sheet.rehydrate([node])
+        sheet.hydrate([node])
       }
@@ -112,0 +112,0 @@ sheetRef.current = sheet

No alert changes

Worsened metrics

Total package byte prevSize

216847

decreased by-7.34%

Dev dependency count

10

increased by11.11%

Lines of code

2467

decreased by-0.24%

Dependency changes

• + Added@emotion/hash@0.8.0(transitive)

• + Added@emotion/memoize@0.7.4(transitive)

• + Added@emotion/serialize@0.11.16(transitive)

• + Added@emotion/sheet@1.0.0-next.2(transitive)

• + Added@emotion/unitless@0.7.5(transitive)

• + Added@emotion/utils@1.0.0-next.0(transitive)

• + Addedcsstype@2.6.21(transitive)

• - Removed@emotion/hash@0.9.1(transitive)

• - Removed@emotion/serialize@1.1.4(transitive)

• - Removed@emotion/sheet@0.10.0-next.1(transitive)

• - Removed@emotion/unitless@0.8.1(transitive)

• - Removedcsstype@3.1.3(transitive)

• Updated@emotion/cache@^11.0.0-next.13

• Updated@emotion/serialize@^0.11.15-next.2

• Updated@emotion/sheet@1.0.0-next.2

• Updated@emotion/utils@1.0.0-next.0