@emotion/react - npm Package Compare versions

Comparing version 11.6.0 to 11.7.0

CHANGELOG.md

 # @emotion/react
 
+## 11.7.0
+
+### Patch Changes
+
+- [#2534](https://github.com/emotion-js/emotion/pull/2534) [`57be9e8c`](https://github.com/emotion-js/emotion/commit/57be9e8cb20313bd2ed297a39c41ca0f0ca37ea8) Thanks [@srmagura](https://github.com/srmagura)! - Changed the implementation of the runtime label extraction in elements using the css prop (that only happens in development) to one that should yield more consistent results across browsers. This fixes some minor issues with React reporting hydration mismatches that wouldn't happen in production.
+
 ## 11.6.0
@@ -4,0 +10,0 @@

dist/emotion-react.browser.cjs.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('./emotion-element-309b0b58.browser.cjs.js');
+var emotionElement = require('./emotion-element-075f6e74.browser.cjs.js');
 require('@babel/runtime/helpers/extends');
@@ -19,3 +19,3 @@ require('@emotion/weak-memoize');
 	name: "@emotion/react",
-	version: "11.6.0",
+	version: "11.7.0",
 	main: "dist/emotion-react.cjs.js",
@@ -22,0 +22,0 @@ module: "dist/emotion-react.esm.js",

dist/emotion-react.browser.esm.js

 import { createElement, useContext, useRef, useLayoutEffect, Fragment } from 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext } from './emotion-element-1c22787f.browser.esm.js';
-export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-1c22787f.browser.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext } from './emotion-element-699e6908.browser.esm.js';
+export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-699e6908.browser.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -15,3 +15,3 @@ import '@emotion/weak-memoize';
 	name: "@emotion/react",
-	version: "11.6.0",
+	version: "11.7.0",
 	main: "dist/emotion-react.cjs.js",
@@ -18,0 +18,0 @@ module: "dist/emotion-react.esm.js",

dist/emotion-react.cjs.dev.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('./emotion-element-9329f0cf.cjs.dev.js');
+var emotionElement = require('./emotion-element-c24e4fdd.cjs.dev.js');
 require('@babel/runtime/helpers/extends');
@@ -19,3 +19,3 @@ require('@emotion/weak-memoize');
 	name: "@emotion/react",
-	version: "11.6.0",
+	version: "11.7.0",
 	main: "dist/emotion-react.cjs.js",
@@ -22,0 +22,0 @@ module: "dist/emotion-react.esm.js",

dist/emotion-react.cjs.prod.js

@@ -11,3 +11,3 @@ "use strict";
 
-var emotionElement = require("./emotion-element-d5e0cc52.cjs.prod.js");
+var emotionElement = require("./emotion-element-18911a57.cjs.prod.js");
 
@@ -19,3 +19,3 @@ require("@babel/runtime/helpers/extends"), require("@emotion/weak-memoize"), require("hoist-non-react-statics"),
   name: "@emotion/react",
-  version: "11.6.0",
+  version: "11.7.0",
   main: "dist/emotion-react.cjs.js",
@@ -22,0 +22,0 @@ module: "dist/emotion-react.esm.js",

dist/emotion-react.esm.js

 import { createElement, useContext, useRef, useLayoutEffect, Fragment } from 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-53092920.esm.js';
-export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-53092920.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-fc314d24.esm.js';
+export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-fc314d24.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -15,3 +15,3 @@ import '@emotion/weak-memoize';
 	name: "@emotion/react",
-	version: "11.6.0",
+	version: "11.7.0",
 	main: "dist/emotion-react.cjs.js",
@@ -18,0 +18,0 @@ module: "dist/emotion-react.esm.js",

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('../../dist/emotion-element-309b0b58.browser.cjs.js');
+var emotionElement = require('../../dist/emotion-element-075f6e74.browser.cjs.js');
 require('@babel/runtime/helpers/extends');
@@ -10,0 +10,0 @@ require('@emotion/weak-memoize');

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js

 import 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-1c22787f.browser.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-699e6908.browser.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -5,0 +5,0 @@ import '@emotion/weak-memoize';

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.dev.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('../../dist/emotion-element-9329f0cf.cjs.dev.js');
+var emotionElement = require('../../dist/emotion-element-c24e4fdd.cjs.dev.js');
 require('@babel/runtime/helpers/extends');
@@ -10,0 +10,0 @@ require('@emotion/weak-memoize');

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";
 
-var emotionElement = require("../../dist/emotion-element-d5e0cc52.cjs.prod.js");
+var emotionElement = require("../../dist/emotion-element-18911a57.cjs.prod.js");
 
@@ -10,0 +10,0 @@ require("@babel/runtime/helpers/extends"), require("@emotion/weak-memoize"), require("hoist-non-react-statics"),

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js

 import 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-53092920.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-fc314d24.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -5,0 +5,0 @@ import '@emotion/weak-memoize';

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-dev-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-dev-runtime","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).emotionReactJSXDevRuntime={},e.ReactJSXDev,e.React)}(this,(function(e,t,r){"use strict";var n=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling: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.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=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.setAttribute("data-s",""),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{r.insertRule(e,r.cssRules.length)}catch(e){0}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}(),a="-ms-",s="-moz-",c="-webkit-",i="comm",o="rule",u="decl",l=Math.abs,f=String.fromCharCode;function d(e){return e.trim()}function p(e,t,r){return e.replace(t,r)}function h(e,t){return e.indexOf(t)}function v(e,t){return 0|e.charCodeAt(t)}function m(e,t,r){return e.slice(t,r)}function g(e){return e.length}function y(e){return e.length}function b(e,t){return t.push(e),e}var x=1,w=1,k=0,$=0,C=0,A="";function _(e,t,r,n,a,s,c){return{value:e,root:t,parent:r,type:n,props:a,children:s,line:x,column:w,length:c,return:""}}function S(e,t,r){return _(e,t.root,t.parent,r,t.props,t.children,0)}function E(){return C=$>0?v(A,--$):0,w--,10===C&&(w=1,x--),C}function O(){return C=$<k?v(A,$++):0,w++,10===C&&(w=1,x++),C}function j(){return v(A,$)}function N(){return $}function P(e,t){return m(A,e,t)}function R(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 x=w=1,k=g(A=e),$=0,[]}function M(e){return A="",e}function D(e){return d(P($-1,I(91===e?e+2:40===e?e+1:e)))}function z(e){for(;(C=j())&&C<33;)O();return R(e)>2||R(C)>3?"":" "}function G(e,t){for(;--t&&O()&&!(C<48||C>102||C>57&&C<65||C>70&&C<97););return P(e,N()+(t<6&&32==j()&&32==O()))}function I(e){for(;O();)switch(C){case e:return $;case 34:case 39:return I(34===e||39===e?e:C);case 40:41===e&&I(e);break;case 92:O()}return $}function q(e,t){for(;O()&&e+C!==57&&(e+C!==84||47!==j()););return"/*"+P(t,$-1)+"*"+f(47===e?e:O())}function F(e){for(;!R(j());)O();return P(e,$)}function W(e){return M(L("",null,null,null,[""],e=T(e),0,[0],e))}function L(e,t,r,n,a,s,c,i,o){for(var u=0,l=0,d=c,h=0,v=0,m=0,y=1,x=1,w=1,k=0,$="",C=a,A=s,_=n,S=$;x;)switch(m=k,k=O()){case 34:case 39:case 91:case 40:S+=D(k);break;case 9:case 10:case 13:case 32:S+=z(m);break;case 92:S+=G(N()-1,7);continue;case 47:switch(j()){case 42:case 47:b(H(q(O(),N()),t,r),o);break;default:S+="/"}break;case 123*y:i[u++]=g(S)*w;case 125*y:case 59:case 0:switch(k){case 0:case 125:x=0;case 59+l:v>0&&g(S)-d&&b(v>32?J(S+";",n,r,d-1):J(p(S," ","")+";",n,r,d-2),o);break;case 59:S+=";";default:if(b(_=V(S,t,r,u,l,a,i,$,C=[],A=[],d),s),123===k)if(0===l)L(S,t,_,_,C,s,d,i,A);else switch(h){case 100:case 109:case 115:L(e,_,_,n&&b(V(e,_,_,0,0,a,i,$,a,C=[],d),A),a,A,d,i,n?C:A);break;default:L(S,_,_,_,[""],A,d,i,A)}}u=l=v=0,y=w=1,$=S="",d=c;break;case 58:d=1+g(S),v=m;default:if(y<1)if(123==k)--y;else if(125==k&&0==y++&&125==E())continue;switch(S+=f(k),k*y){case 38:w=l>0?1:(S+="\f",-1);break;case 44:i[u++]=(g(S)-1)*w,w=1;break;case 64:45===j()&&(S+=D(O())),h=j(),l=g($=S+=F(N())),k++;break;case 45:45===m&&2==g(S)&&(y=0)}}return s}function V(e,t,r,n,a,s,c,i,u,f,h){for(var v=a-1,g=0===a?s:[""],b=y(g),x=0,w=0,k=0;x<n;++x)for(var $=0,C=m(e,v+1,v=l(w=c[x])),A=e;$<b;++$)(A=d(w>0?g[$]+" "+C:p(C,/&\f/g,g[$])))&&(u[k++]=A);return _(e,t,r,0===a?o:i,u,f,h)}function H(e,t,r){return _(e,t,r,i,f(C),m(e,2,-2),0)}function J(e,t,r,n){return _(e,t,r,u,m(e,0,n),m(e,n+1,-1),n)}function X(e,t){switch(function(e,t){return(((t<<2^v(e,0))<<2^v(e,1))<<2^v(e,2))<<2^v(e,3)}(e,t)){case 5103:return c+"print-"+e+e;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 c+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return c+e+s+e+a+e+e;case 6828:case 4268:return c+e+a+e+e;case 6165:return c+e+a+"flex-"+e+e;case 5187:return c+e+p(e,/(\w+).+(:[^]+)/,c+"box-$1$2"+a+"flex-$1$2")+e;case 5443:return c+e+a+"flex-item-"+p(e,/flex-|-self/,"")+e;case 4675:return c+e+a+"flex-line-pack"+p(e,/align-content|flex-|-self/,"")+e;case 5548:return c+e+a+p(e,"shrink","negative")+e;case 5292:return c+e+a+p(e,"basis","preferred-size")+e;case 6060:return c+"box-"+p(e,"-grow","")+c+e+a+p(e,"grow","positive")+e;case 4554:return c+p(e,/([^-])(transform)/g,"$1"+c+"$2")+e;case 6187:return p(p(p(e,/(zoom-|grab)/,c+"$1"),/(image-set)/,c+"$1"),e,"")+e;case 5495:case 3959:return p(e,/(image-set\([^]*)/,c+"$1$`$1");case 4968:return p(p(e,/(.+:)(flex-)?(.*)/,c+"box-pack:$3"+a+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+c+e+e;case 4095:case 3583:case 4068:case 2532:return p(e,/(.+)-inline(.+)/,c+"$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(g(e)-1-t>6)switch(v(e,t+1)){case 109:if(45!==v(e,t+4))break;case 102:return p(e,/(.+:)(.+)-([^]+)/,"$1"+c+"$2-$3$1"+s+(108==v(e,t+3)?"$3":"$2-$3"))+e;case 115:return~h(e,"stretch")?X(p(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==v(e,t+1))break;case 6444:switch(v(e,g(e)-3-(~h(e,"!important")&&10))){case 107:return p(e,":",":"+c)+e;case 101:return p(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+c+(45===v(e,14)?"inline-":"")+"box$3$1"+c+"$2$3$1"+a+"$2box$3")+e}break;case 5936:switch(v(e,t+11)){case 114:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return c+e+a+e+e}return e}function B(e,t){for(var r="",n=y(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function U(e,t,r,n){switch(e.type){case"@import":case u:return e.return=e.return||e.value;case i:return"";case o:e.value=e.props.join(",")}return g(r=B(e.children,n))?e.return=e.value+"{"+r+"}":""}function Y(e){return function(t){t.root||(t=t.return)&&e(t)}}function Z(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var K=function(e,t,r){for(var n=0,a=0;n=a,a=j(),38===n&&12===a&&(t[r]=1),!R(a);)O();return P(e,$)},Q=function(e,t){return M(function(e,t){var r=-1,n=44;do{switch(R(n)){case 0:38===n&&12===j()&&(t[r]=1),e[r]+=K($-1,t,r);break;case 2:e[r]+=D(n);break;case 4:if(44===n){e[++r]=58===j()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=f(n)}}while(n=O());return e}(T(e),t))},ee=new WeakMap,te=function(e){if("rule"===e.type&&e.parent&&e.length){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||ee.get(r))&&!n){ee.set(e,!0);for(var a=[],s=Q(t,a),c=r.props,i=0,o=0;i<s.length;i++)for(var u=0;u<c.length;u++,o++)e.props[o]=a[i]?s[i].replace(/&\f/g,c[u]):c[u]+" "+s[i]}}},re=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}},ne=[function(e,t,r,n){if(!e.return)switch(e.type){case u:e.return=X(e.value,e.length);break;case"@keyframes":return B([S(p(e.value,"@","@"+c),e,"")],n);case o:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return B([S(p(t,/:(read-\w+)/,":-moz-$1"),e,"")],n);case"::placeholder":return B([S(p(t,/:(plac\w+)/,":"+c+"input-$1"),e,""),S(p(t,/:(plac\w+)/,":-moz-$1"),e,""),S(p(t,/:(plac\w+)/,a+"input-$1"),e,"")],n)}return""}))}}],ae=function(e){var t=e.key;if("css"===t){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var a=e.stylisPlugins||ne;var s,c,i={},o=[];s=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)i[t[r]]=!0;o.push(e)}));var u=[te,re];var l,f=[U,Y((function(e){l.insert(e)}))],d=function(e){var t=y(e);return function(r,n,a,s){for(var c="",i=0;i<t;i++)c+=e[i](r,n,a,s)||"";return c}}(u.concat(a,f));c=function(e,t,r,n){l=r,B(W(e?e+"{"+t.styles+"}":t.styles),d),n&&(p.inserted[t.name]=!0)};var p={key:t,sheet:new n({key:t,container:s,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:c};return p.sheet.hydrate(o),p},se={}.hasOwnProperty,ce=r.createContext("undefined"!=typeof HTMLElement?ae({key:"css"}):null);ce.Provider;var ie=function(e){return r.forwardRef((function(t,n){var a=r.useContext(ce);return e(t,a,n)}))};!function(e,t,r){e(r={path:t,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&r.path)}},r.exports),r.exports}((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},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0}));var oe=r.createContext({});var ue={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},le=/[A-Z]|^ms/g,fe=/_EMO_([^_]+?)_([^]*?)_EMO_/g,de=function(e){return 45===e.charCodeAt(1)},pe=function(e){return null!=e&&"boolean"!=typeof e},he=Z((function(e){return de(e)?e:e.replace(le,"-$&").toLowerCase()})),ve=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(fe,(function(e,t,r){return ge={name:t,styles:r,next:ge},t}))}return 1===ue[e]||de(e)||"number"!=typeof t||0===t?t:t+"px"};function me(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 ge={name:r.name,styles:r.styles,next:ge},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)ge={name:n.name,styles:n.styles,next:ge},n=n.next;var a=r.styles+";";return a}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=me(e,t,r[a])+";";else for(var s in r){var c=r[s];if("object"!=typeof c)null!=t&&void 0!==t[c]?n+=s+"{"+t[c]+"}":pe(c)&&(n+=he(s)+":"+ve(s,c)+";");else if(!Array.isArray(c)||"string"!=typeof c[0]||null!=t&&void 0!==t[c[0]]){var i=me(e,t,c);switch(s){case"animation":case"animationName":n+=he(s)+":"+i+";";break;default:n+=s+"{"+i+"}"}}else for(var o=0;o<c.length;o++)pe(c[o])&&(n+=he(s)+":"+ve(s,c[o])+";")}return n}(e,t,r);case"function":if(void 0!==e){var s=ge,c=r(e);return ge=s,me(e,t,c)}break;case"string":}if(null==t)return r;var i=t[r];return void 0!==i?i:r}var ge,ye=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var be=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="";ge=void 0;var s=e[0];null==s||void 0===s.raw?(n=!1,a+=me(r,t,s)):a+=s[0];for(var c=1;c<e.length;c++)a+=me(r,t,e[c]),n&&(a+=s[c]);ye.lastIndex=0;for(var i,o="";null!==(i=ye.exec(a));)o+="-"+i[1];var u=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)+o;return{name:u,styles:a,next:ge}},xe="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",we=function(){return null},ke=ie((function(e,t,n){var a=e.css;"string"==typeof a&&void 0!==t.registered[a]&&(a=t.registered[a]);var s=e[xe],c=[a],i="";"string"==typeof e.className?i=function(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]+";"):n+=r+" "})),n}(t.registered,c,e.className):null!=e.className&&(i=e.className+" ");var o=be(c,void 0,r.useContext(oe));!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(t===a?"."+n:"",a,e.sheet,!0),a=a.next}while(void 0!==a)}}(t,o,"string"==typeof s);i+=t.key+"-"+o.name;var u={};for(var l in e)se.call(e,l)&&"css"!==l&&l!==xe&&(u[l]=e[l]);u.ref=n,u.className=i;var f=r.createElement(s,u),d=r.createElement(we,null);return r.createElement(r.Fragment,null,d,f)}));var $e=t.Fragment;e.Fragment=$e,e.jsxDEV=function(e,r,n,a,s,c){return se.call(r,"css")?t.jsxDEV(ke,function(e,t){var r={};for(var n in t)se.call(t,n)&&(r[n]=t[n]);return r[xe]=e,r}(e,r),n,a,s,c):t.jsxDEV(e,r,n,a,s,c)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-dev-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-dev-runtime","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).emotionReactJSXDevRuntime={},e.ReactJSXDev,e.React)}(this,(function(e,t,r){"use strict";var n=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling: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.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=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.setAttribute("data-s",""),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{r.insertRule(e,r.cssRules.length)}catch(e){0}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}(),a="-ms-",s="-moz-",c="-webkit-",i="comm",o="rule",u="decl",l=Math.abs,f=String.fromCharCode;function d(e){return e.trim()}function p(e,t,r){return e.replace(t,r)}function h(e,t){return e.indexOf(t)}function v(e,t){return 0|e.charCodeAt(t)}function m(e,t,r){return e.slice(t,r)}function g(e){return e.length}function y(e){return e.length}function b(e,t){return t.push(e),e}var x=1,w=1,k=0,$=0,C=0,A="";function _(e,t,r,n,a,s,c){return{value:e,root:t,parent:r,type:n,props:a,children:s,line:x,column:w,length:c,return:""}}function S(e,t,r){return _(e,t.root,t.parent,r,t.props,t.children,0)}function E(){return C=$>0?v(A,--$):0,w--,10===C&&(w=1,x--),C}function O(){return C=$<k?v(A,$++):0,w++,10===C&&(w=1,x++),C}function j(){return v(A,$)}function N(){return $}function P(e,t){return m(A,e,t)}function R(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 x=w=1,k=g(A=e),$=0,[]}function M(e){return A="",e}function D(e){return d(P($-1,I(91===e?e+2:40===e?e+1:e)))}function z(e){for(;(C=j())&&C<33;)O();return R(e)>2||R(C)>3?"":" "}function G(e,t){for(;--t&&O()&&!(C<48||C>102||C>57&&C<65||C>70&&C<97););return P(e,N()+(t<6&&32==j()&&32==O()))}function I(e){for(;O();)switch(C){case e:return $;case 34:case 39:return I(34===e||39===e?e:C);case 40:41===e&&I(e);break;case 92:O()}return $}function q(e,t){for(;O()&&e+C!==57&&(e+C!==84||47!==j()););return"/*"+P(t,$-1)+"*"+f(47===e?e:O())}function F(e){for(;!R(j());)O();return P(e,$)}function W(e){return M(L("",null,null,null,[""],e=T(e),0,[0],e))}function L(e,t,r,n,a,s,c,i,o){for(var u=0,l=0,d=c,h=0,v=0,m=0,y=1,x=1,w=1,k=0,$="",C=a,A=s,_=n,S=$;x;)switch(m=k,k=O()){case 34:case 39:case 91:case 40:S+=D(k);break;case 9:case 10:case 13:case 32:S+=z(m);break;case 92:S+=G(N()-1,7);continue;case 47:switch(j()){case 42:case 47:b(H(q(O(),N()),t,r),o);break;default:S+="/"}break;case 123*y:i[u++]=g(S)*w;case 125*y:case 59:case 0:switch(k){case 0:case 125:x=0;case 59+l:v>0&&g(S)-d&&b(v>32?J(S+";",n,r,d-1):J(p(S," ","")+";",n,r,d-2),o);break;case 59:S+=";";default:if(b(_=V(S,t,r,u,l,a,i,$,C=[],A=[],d),s),123===k)if(0===l)L(S,t,_,_,C,s,d,i,A);else switch(h){case 100:case 109:case 115:L(e,_,_,n&&b(V(e,_,_,0,0,a,i,$,a,C=[],d),A),a,A,d,i,n?C:A);break;default:L(S,_,_,_,[""],A,d,i,A)}}u=l=v=0,y=w=1,$=S="",d=c;break;case 58:d=1+g(S),v=m;default:if(y<1)if(123==k)--y;else if(125==k&&0==y++&&125==E())continue;switch(S+=f(k),k*y){case 38:w=l>0?1:(S+="\f",-1);break;case 44:i[u++]=(g(S)-1)*w,w=1;break;case 64:45===j()&&(S+=D(O())),h=j(),l=g($=S+=F(N())),k++;break;case 45:45===m&&2==g(S)&&(y=0)}}return s}function V(e,t,r,n,a,s,c,i,u,f,h){for(var v=a-1,g=0===a?s:[""],b=y(g),x=0,w=0,k=0;x<n;++x)for(var $=0,C=m(e,v+1,v=l(w=c[x])),A=e;$<b;++$)(A=d(w>0?g[$]+" "+C:p(C,/&\f/g,g[$])))&&(u[k++]=A);return _(e,t,r,0===a?o:i,u,f,h)}function H(e,t,r){return _(e,t,r,i,f(C),m(e,2,-2),0)}function J(e,t,r,n){return _(e,t,r,u,m(e,0,n),m(e,n+1,-1),n)}function X(e,t){switch(function(e,t){return(((t<<2^v(e,0))<<2^v(e,1))<<2^v(e,2))<<2^v(e,3)}(e,t)){case 5103:return c+"print-"+e+e;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 c+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return c+e+s+e+a+e+e;case 6828:case 4268:return c+e+a+e+e;case 6165:return c+e+a+"flex-"+e+e;case 5187:return c+e+p(e,/(\w+).+(:[^]+)/,c+"box-$1$2"+a+"flex-$1$2")+e;case 5443:return c+e+a+"flex-item-"+p(e,/flex-|-self/,"")+e;case 4675:return c+e+a+"flex-line-pack"+p(e,/align-content|flex-|-self/,"")+e;case 5548:return c+e+a+p(e,"shrink","negative")+e;case 5292:return c+e+a+p(e,"basis","preferred-size")+e;case 6060:return c+"box-"+p(e,"-grow","")+c+e+a+p(e,"grow","positive")+e;case 4554:return c+p(e,/([^-])(transform)/g,"$1"+c+"$2")+e;case 6187:return p(p(p(e,/(zoom-|grab)/,c+"$1"),/(image-set)/,c+"$1"),e,"")+e;case 5495:case 3959:return p(e,/(image-set\([^]*)/,c+"$1$`$1");case 4968:return p(p(e,/(.+:)(flex-)?(.*)/,c+"box-pack:$3"+a+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+c+e+e;case 4095:case 3583:case 4068:case 2532:return p(e,/(.+)-inline(.+)/,c+"$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(g(e)-1-t>6)switch(v(e,t+1)){case 109:if(45!==v(e,t+4))break;case 102:return p(e,/(.+:)(.+)-([^]+)/,"$1"+c+"$2-$3$1"+s+(108==v(e,t+3)?"$3":"$2-$3"))+e;case 115:return~h(e,"stretch")?X(p(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==v(e,t+1))break;case 6444:switch(v(e,g(e)-3-(~h(e,"!important")&&10))){case 107:return p(e,":",":"+c)+e;case 101:return p(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+c+(45===v(e,14)?"inline-":"")+"box$3$1"+c+"$2$3$1"+a+"$2box$3")+e}break;case 5936:switch(v(e,t+11)){case 114:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return c+e+a+p(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return c+e+a+e+e}return e}function B(e,t){for(var r="",n=y(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function U(e,t,r,n){switch(e.type){case"@import":case u:return e.return=e.return||e.value;case i:return"";case o:e.value=e.props.join(",")}return g(r=B(e.children,n))?e.return=e.value+"{"+r+"}":""}function Y(e){return function(t){t.root||(t=t.return)&&e(t)}}function Z(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var K=function(e,t,r){for(var n=0,a=0;n=a,a=j(),38===n&&12===a&&(t[r]=1),!R(a);)O();return P(e,$)},Q=function(e,t){return M(function(e,t){var r=-1,n=44;do{switch(R(n)){case 0:38===n&&12===j()&&(t[r]=1),e[r]+=K($-1,t,r);break;case 2:e[r]+=D(n);break;case 4:if(44===n){e[++r]=58===j()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=f(n)}}while(n=O());return e}(T(e),t))},ee=new WeakMap,te=function(e){if("rule"===e.type&&e.parent&&e.length){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||ee.get(r))&&!n){ee.set(e,!0);for(var a=[],s=Q(t,a),c=r.props,i=0,o=0;i<s.length;i++)for(var u=0;u<c.length;u++,o++)e.props[o]=a[i]?s[i].replace(/&\f/g,c[u]):c[u]+" "+s[i]}}},re=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}},ne=[function(e,t,r,n){if(!e.return)switch(e.type){case u:e.return=X(e.value,e.length);break;case"@keyframes":return B([S(p(e.value,"@","@"+c),e,"")],n);case o:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return B([S(p(t,/:(read-\w+)/,":-moz-$1"),e,"")],n);case"::placeholder":return B([S(p(t,/:(plac\w+)/,":"+c+"input-$1"),e,""),S(p(t,/:(plac\w+)/,":-moz-$1"),e,""),S(p(t,/:(plac\w+)/,a+"input-$1"),e,"")],n)}return""}))}}],ae=function(e){var t=e.key;if("css"===t){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var a=e.stylisPlugins||ne;var s,c,i={},o=[];s=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)i[t[r]]=!0;o.push(e)}));var u=[te,re];var l,f=[U,Y((function(e){l.insert(e)}))],d=function(e){var t=y(e);return function(r,n,a,s){for(var c="",i=0;i<t;i++)c+=e[i](r,n,a,s)||"";return c}}(u.concat(a,f));c=function(e,t,r,n){l=r,B(W(e?e+"{"+t.styles+"}":t.styles),d),n&&(p.inserted[t.name]=!0)};var p={key:t,sheet:new n({key:t,container:s,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:c};return p.sheet.hydrate(o),p},se={}.hasOwnProperty,ce=r.createContext("undefined"!=typeof HTMLElement?ae({key:"css"}):null);ce.Provider;var ie=function(e){return r.forwardRef((function(t,n){var a=r.useContext(ce);return e(t,a,n)}))};!function(e,t,r){e(r={path:t,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&r.path)}},r.exports),r.exports}((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},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0}));var oe=r.createContext({});var ue={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},le=/[A-Z]|^ms/g,fe=/_EMO_([^_]+?)_([^]*?)_EMO_/g,de=function(e){return 45===e.charCodeAt(1)},pe=function(e){return null!=e&&"boolean"!=typeof e},he=Z((function(e){return de(e)?e:e.replace(le,"-$&").toLowerCase()})),ve=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(fe,(function(e,t,r){return ge={name:t,styles:r,next:ge},t}))}return 1===ue[e]||de(e)||"number"!=typeof t||0===t?t:t+"px"};function me(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 ge={name:r.name,styles:r.styles,next:ge},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)ge={name:n.name,styles:n.styles,next:ge},n=n.next;var a=r.styles+";";return a}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=me(e,t,r[a])+";";else for(var s in r){var c=r[s];if("object"!=typeof c)null!=t&&void 0!==t[c]?n+=s+"{"+t[c]+"}":pe(c)&&(n+=he(s)+":"+ve(s,c)+";");else if(!Array.isArray(c)||"string"!=typeof c[0]||null!=t&&void 0!==t[c[0]]){var i=me(e,t,c);switch(s){case"animation":case"animationName":n+=he(s)+":"+i+";";break;default:n+=s+"{"+i+"}"}}else for(var o=0;o<c.length;o++)pe(c[o])&&(n+=he(s)+":"+ve(s,c[o])+";")}return n}(e,t,r);case"function":if(void 0!==e){var s=ge,c=r(e);return ge=s,me(e,t,c)}break;case"string":}if(null==t)return r;var i=t[r];return void 0!==i?i:r}var ge,ye=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var be=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="";ge=void 0;var s=e[0];null==s||void 0===s.raw?(n=!1,a+=me(r,t,s)):a+=s[0];for(var c=1;c<e.length;c++)a+=me(r,t,e[c]),n&&(a+=s[c]);ye.lastIndex=0;for(var i,o="";null!==(i=ye.exec(a));)o+="-"+i[1];var u=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)+o;return{name:u,styles:a,next:ge}},xe="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",we=function(e,t){var r={};for(var n in t)se.call(t,n)&&(r[n]=t[n]);return r[xe]=e,r},ke=function(){return null},$e=ie((function(e,t,n){var a=e.css;"string"==typeof a&&void 0!==t.registered[a]&&(a=t.registered[a]);var s=e[xe],c=[a],i="";"string"==typeof e.className?i=function(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]+";"):n+=r+" "})),n}(t.registered,c,e.className):null!=e.className&&(i=e.className+" ");var o=be(c,void 0,r.useContext(oe));!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(t===a?"."+n:"",a,e.sheet,!0),a=a.next}while(void 0!==a)}}(t,o,"string"==typeof s);i+=t.key+"-"+o.name;var u={};for(var l in e)se.call(e,l)&&"css"!==l&&l!==xe&&(u[l]=e[l]);u.ref=n,u.className=i;var f=r.createElement(s,u),d=r.createElement(ke,null);return r.createElement(r.Fragment,null,d,f)}));var Ce=t.Fragment;e.Fragment=Ce,e.jsxDEV=function(e,r,n,a,s,c){return se.call(r,"css")?t.jsxDEV($e,we(e,r),n,a,s,c):t.jsxDEV(e,r,n,a,s,c)},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=emotion-react-jsx-dev-runtime.umd.min.js.map

jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('../../dist/emotion-element-309b0b58.browser.cjs.js');
+var emotionElement = require('../../dist/emotion-element-075f6e74.browser.cjs.js');
 require('@babel/runtime/helpers/extends');
@@ -10,0 +10,0 @@ require('@emotion/weak-memoize');

jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js

 import 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-1c22787f.browser.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-699e6908.browser.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -5,0 +5,0 @@ import '@emotion/weak-memoize';

jsx-runtime/dist/emotion-react-jsx-runtime.cjs.dev.js

@@ -7,3 +7,3 @@ 'use strict';
 require('@emotion/cache');
-var emotionElement = require('../../dist/emotion-element-9329f0cf.cjs.dev.js');
+var emotionElement = require('../../dist/emotion-element-c24e4fdd.cjs.dev.js');
 require('@babel/runtime/helpers/extends');
@@ -10,0 +10,0 @@ require('@emotion/weak-memoize');

jsx-runtime/dist/emotion-react-jsx-runtime.cjs.prod.js

@@ -7,3 +7,3 @@ "use strict";
 
-var emotionElement = require("../../dist/emotion-element-d5e0cc52.cjs.prod.js");
+var emotionElement = require("../../dist/emotion-element-18911a57.cjs.prod.js");
 
@@ -10,0 +10,0 @@ require("@babel/runtime/helpers/extends"), require("@emotion/weak-memoize"), require("hoist-non-react-statics"),

jsx-runtime/dist/emotion-react-jsx-runtime.esm.js

 import 'react';
 import '@emotion/cache';
-import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-53092920.esm.js';
+import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-fc314d24.esm.js';
 import '@babel/runtime/helpers/extends';
@@ -5,0 +5,0 @@ import '@emotion/weak-memoize';

package.json

 {
   "name": "@emotion/react",
-  "version": "11.6.0",
+  "version": "11.7.0",
   "main": "dist/emotion-react.cjs.js",
@@ -5,0 +5,0 @@ "module": "dist/emotion-react.esm.js",

src/emotion-element.js

@@ -8,8 +8,4 @@ // @flow
 import { serializeStyles } from '@emotion/serialize'
+import { getLabelFromStackTrace } from './get-label-from-stack-trace'
 
-// those identifiers come from error stacks, so they have to be valid JS identifiers
-// thus we only need to replace what is a valid character for JS, but not for CSS
-const sanitizeIdentifier = (identifier: string) =>
-  identifier.replace(/\$/g, '-')
-
 let typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__'
@@ -41,17 +37,13 @@
 
-  if (process.env.NODE_ENV !== 'production') {
-    const error = new Error()
-    if (error.stack) {
-      // chrome
-      let match = error.stack.match(
-        /at (?:Object\.|Module\.|)(?:jsx|createEmotionProps).*\n\s+at (?:Object\.|)([A-Z][A-Za-z0-9$]+) /
-      )
-      if (!match) {
-        // safari and firefox
-        match = error.stack.match(/.*\n([A-Z][A-Za-z0-9$]+)@/)
-      }
-      if (match) {
-        newProps[labelPropName] = sanitizeIdentifier(match[1])
-      }
-    }
+  // For performance, only call getLabelFromStackTrace in development and when
+  // the label hasn't already been computed
+  if (
+    process.env.NODE_ENV !== 'production' &&
+    !!props.css &&
+    (typeof props.css !== 'object' ||
+      typeof props.css.name !== 'string' ||
+      props.css.name.indexOf('-') === -1)
+  ) {
+    const label = getLabelFromStackTrace(new Error().stack)
+    if (label) newProps[labelPropName] = label
   }
@@ -58,0 +50,0 @@

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

535525

increased by1.31%

Number of package files

71

increased by1.43%

Lines of code

3753

increased by3.19%

Worsened metrics

Number of low supply chain risk alerts

98

increased by16.67%

No dependency changes