@emotion/styled-base - npm Package Compare versions

Comparing version 10.0.0-beta.3 to 10.0.0-beta.4

dist/index.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/core")):"function"==typeof define&&define.amd?define(["react","@emotion/core"],t):e.emotionStyledBase=t(e.React,e.emotionCore)}(this,function(k,c){"use strict";function d(){return(d=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}).apply(this,arguments)}function e(t){var r={};return function(e){return void 0===r[e]&&(r[e]=t(e)),r[e]}}var t=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(on[A-Z].*)|((data|aria|x)-.*))$/,r=e(t.test.bind(t)),n=function(e){return"theme"!==e&&"innerRef"!==e};var o={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,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},i=/[A-Z]|^ms/g,a=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=e(function(e){return e.replace(i,"-$&").toLowerCase()}),u=function(e,t){if(null==t||"boolean"==typeof t)return"";switch(e){case"animation":case"animationName":t=t.replace(a,function(e,t,r){return w={name:t,styles:r,next:w},t})}return 1!==o[e]&&45!==e.charCodeAt(1)&&"number"==typeof t&&0!==t?t+"px":t};function b(e,t,r,n){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 o=r.next;if(void 0!==o)for(;void 0!==o;)w={name:o.name,styles:o.styles,next:w},o=o.next;return r.styles}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=b(e,t,r[o],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)void 0!==t[a]?n+=i+"{"+t[a]+"}":n+=l(i)+":"+u(i,a)+";";else if(Array.isArray(a)&&"string"==typeof a[0]&&void 0===t[a[0]])for(var s=0;s<a.length;s++)n+=l(i)+":"+u(i,a[s])+";";else n+=i+"{"+b(e,t,a,!1)+"}"}return n}(e,t,r);case"function":if(void 0!==e)return b(e,t,r(e),n);default:var i=t[r];return void 0===i||n?r:i}}var w,C=/label:\s*([^\s;\n{]+)\s*;/g,_="";return function o(i,a){var s,g,y;void 0!==a&&(s=a.label,y=a.target,g=i.__emotion_forwardProp&&a.shouldForwardProp?function(e){return i.__emotion_forwardProp(e)&&a.shouldForwardProp(e)}:a.shouldForwardProp);var l=i.__emotion_real===i,v=l&&i.__emotion_base||i,x="string"==typeof v;return"function"!=typeof g&&(g=x&&96<v.charCodeAt(0)?r:n),function(){var e=arguments,h=l&&void 0!==i.__emotion_styles?i.__emotion_styles.slice(0):[];if(void 0!==s&&1===e.length&&0===h.length&&void 0!==e[0].styles)h.push({name:e[0].name,label:s,styles:e[0].styles,map:e[0].map});else if(void 0!==s&&h.push("label:"+s+";"),null==e[0]||void 0===e[0].raw)h.push.apply(h,e);else{h.push(e[0][0]);for(var t=e.length,r=1;r<t;r++)h.push(e[r],e[0][r])}var n=c.withEmotionCache(function(p,f,m){return k.createElement(c.ThemeContext.Consumer,null,function(e){var t,r,n,o,i="",a=[],s=p;if(null==p.theme){for(var l in s={},p)s[l]=p[l];s.theme=e}"string"==typeof p.className&&(i+=(t=f.registered,r=a,n=p.className,o="",n.split(" ").forEach(function(e){void 0!==t[e]?r.push(t[e]):o+=e+" "}),o));var c=function(e,t,r){if(1===t.length&&"object"==typeof t[0]&&null!==t[0]&&void 0!==t[0].styles)return t[0];var n=!0;_="",w=void 0;var o=t[0];if(null==o||void 0===o.raw){var i=b(r,e,o,n=!1);_+=i}else _+=o[0];for(var a=1;a<t.length;a++){var s=b(r,e,t[a],46===_.charCodeAt(_.length-1));_+=s,n&&(_+=o[a])}C.lastIndex=0;for(var l,c="";null!==(l=C.exec(_));)c+="-"+l[1];return{name:function(e){for(var t,r=e.length,n=r^r,o=0;4<=r;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(_)+c,styles:_,next:w}}(f.registered,h.concat(a),s);!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 o=t;do{var i=e.stylis("."+n,o.styles);e.inserted[o.name]=!0,i.forEach(e.sheet.insert,e.sheet),o=o.next}while(void 0!==o)}}(f,c,x),i+=f.key+"-"+c.name,void 0!==y&&(i+=" "+y);var d={};for(var u in p)g(u)&&(d[u]=p[u]);return d.className=i,d.ref=m||p.innerRef,k.createElement(v,d)})});return n.displayName=void 0!==s?s:"Styled("+("string"==typeof v?v:v.displayName||v.name||"Component")+")",n.defaultProps=i.defaultProps,(n.__emotion_real=n).__emotion_base=v,n.__emotion_styles=h,n.__emotion_forwardProp=g,Object.defineProperty(n,"toString",{value:function(){return"."+y}}),n.withComponent=function(e,t){return o(e,void 0!==t?d({},a||{},t):a).apply(void 0,h)},n}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/core")):"function"==typeof define&&define.amd?define(["react","@emotion/core"],t):e.emotionStyledBase=t(e.React,e.emotionCore)}(this,function(k,c){"use strict";function d(){return(d=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}).apply(this,arguments)}function e(t){var r={};return function(e){return void 0===r[e]&&(r[e]=t(e)),r[e]}}var t=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(on[A-Z].*)|((data|aria|x)-.*))$/,r=e(t.test.bind(t)),n=function(e){return"theme"!==e&&"innerRef"!==e};var o={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,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},i=/[A-Z]|^ms/g,a=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=e(function(e){return e.replace(i,"-$&").toLowerCase()}),u=function(e,t){if(null==t||"boolean"==typeof t)return"";switch(e){case"animation":case"animationName":t=t.replace(a,function(e,t,r){return w={name:t,styles:r,next:w},t})}return 1!==o[e]&&45!==e.charCodeAt(1)&&"number"==typeof t&&0!==t?t+"px":t};function b(e,t,r,n){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 o=r.next;if(void 0!==o)for(;void 0!==o;)w={name:o.name,styles:o.styles,next:w},o=o.next;return r.styles}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=b(e,t,r[o],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)void 0!==t[a]?n+=i+"{"+t[a]+"}":n+=l(i)+":"+u(i,a)+";";else if(Array.isArray(a)&&"string"==typeof a[0]&&void 0===t[a[0]])for(var s=0;s<a.length;s++)n+=l(i)+":"+u(i,a[s])+";";else n+=i+"{"+b(e,t,a,!1)+"}"}return n}(e,t,r);case"function":if(void 0!==e)return b(e,t,r(e),n);default:var i=t[r];return void 0===i||n?r:i}}var w,C=/label:\s*([^\s;\n{]+)\s*;/g,_="";return function o(i,a){var s,g,y;void 0!==a&&(s=a.label,y=a.target,g=i.__emotion_forwardProp&&a.shouldForwardProp?function(e){return i.__emotion_forwardProp(e)&&a.shouldForwardProp(e)}:a.shouldForwardProp);var l=i.__emotion_real===i,v=l&&i.__emotion_base||i,x="string"==typeof v;return"function"!=typeof g&&(g=x&&96<v.charCodeAt(0)?r:n),function(){var e=arguments,h=l&&void 0!==i.__emotion_styles?i.__emotion_styles.slice(0):[];if(void 0!==s&&h.push("label:"+s+";"),null==e[0]||void 0===e[0].raw)h.push.apply(h,e);else{h.push(e[0][0]);for(var t=e.length,r=1;r<t;r++)h.push(e[r],e[0][r])}var n=c.withEmotionCache(function(p,f,m){return k.createElement(c.ThemeContext.Consumer,null,function(e){var t,r,n,o,i="",a=[],s=p;if(null==p.theme){for(var l in s={},p)s[l]=p[l];s.theme=e}"string"==typeof p.className&&(i+=(t=f.registered,r=a,n=p.className,o="",n.split(" ").forEach(function(e){void 0!==t[e]?r.push(t[e]):o+=e+" "}),o));var c=function(e,t,r){if(1===t.length&&"object"==typeof t[0]&&null!==t[0]&&void 0!==t[0].styles)return t[0];var n=!0;_="",w=void 0;var o=t[0];if(null==o||void 0===o.raw){var i=b(r,e,o,n=!1);_+=i}else _+=o[0];for(var a=1;a<t.length;a++){var s=b(r,e,t[a],46===_.charCodeAt(_.length-1));_+=s,n&&(_+=o[a])}C.lastIndex=0;for(var l,c="";null!==(l=C.exec(_));)c+="-"+l[1];return{name:function(e){for(var t,r=e.length,n=r^r,o=0;4<=r;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(_)+c,styles:_,next:w}}(f.registered,h.concat(a),s);!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 o=t;do{var i=e.stylis("."+n,o.styles);e.inserted[o.name]=!0,i.forEach(e.sheet.insert,e.sheet),o=o.next}while(void 0!==o)}}(f,c,x),i+=f.key+"-"+c.name,void 0!==y&&(i+=" "+y);var d={};for(var u in p)g(u)&&(d[u]=p[u]);return d.className=i,d.ref=m||p.innerRef,k.createElement(v,d)})});return n.displayName=void 0!==s?s:"Styled("+("string"==typeof v?v:v.displayName||v.name||"Component")+")",n.defaultProps=i.defaultProps,(n.__emotion_real=n).__emotion_base=v,n.__emotion_styles=h,n.__emotion_forwardProp=g,Object.defineProperty(n,"toString",{value:function(){return"."+y}}),n.withComponent=function(e,t){return o(e,void 0!==t?d({},a||{},t):a).apply(void 0,h)},n}}});
 //# sourceMappingURL=index.min.js.map

dist/styled-base.browser.cjs.js

@@ -69,29 +69,17 @@ 'use strict';
     var args = arguments;
-    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : []; // idk if this is worth it.
-    // it's only for when autoLabel is on and styles are completely static
-    // and it's only a performance optimisation
-    // just committing this in case we want it later
+    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
 
-    if (identifierName !== undefined && args.length === 1 && styles.length === 0 && args[0].styles !== undefined) {
-      styles.push({
-        name: args[0].name,
-        label: identifierName,
-        styles: args[0].styles,
-        map: args[0].map
-      });
+    if (identifierName !== undefined) {
+      styles.push("label:" + identifierName + ";");
+    }
+
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args);
     } else {
-      if (identifierName !== undefined) {
-        styles.push("label:" + identifierName + ";");
-      }
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
 
-      if (args[0] == null || args[0].raw === undefined) {
-        styles.push.apply(styles, args);
-      } else {
-        styles.push(args[0][0]);
-        var len = args.length;
-        var i = 1;
-
-        for (; i < len; i++) {
-          styles.push(args[i], args[0][i]);
-        }
+      for (; i < len; i++) {
+        styles.push(args[i], args[0][i]);
       }
@@ -98,0 +86,0 @@ }

dist/styled-base.browser.esm.js

@@ -63,29 +63,17 @@ import { createElement } from 'react';
     var args = arguments;
-    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : []; // idk if this is worth it.
-    // it's only for when autoLabel is on and styles are completely static
-    // and it's only a performance optimisation
-    // just committing this in case we want it later
+    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
 
-    if (identifierName !== undefined && args.length === 1 && styles.length === 0 && args[0].styles !== undefined) {
-      styles.push({
-        name: args[0].name,
-        label: identifierName,
-        styles: args[0].styles,
-        map: args[0].map
-      });
+    if (identifierName !== undefined) {
+      styles.push("label:" + identifierName + ";");
+    }
+
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args);
     } else {
-      if (identifierName !== undefined) {
-        styles.push("label:" + identifierName + ";");
-      }
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
 
-      if (args[0] == null || args[0].raw === undefined) {
-        styles.push.apply(styles, args);
-      } else {
-        styles.push(args[0][0]);
-        var len = args.length;
-        var i = 1;
-
-        for (; i < len; i++) {
-          styles.push(args[i], args[0][i]);
-        }
+      for (; i < len; i++) {
+        styles.push(args[i], args[0][i]);
       }
@@ -92,0 +80,0 @@ }

dist/styled-base.cjs.dev.js

@@ -69,29 +69,17 @@ 'use strict';
     var args = arguments;
-    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : []; // idk if this is worth it.
-    // it's only for when autoLabel is on and styles are completely static
-    // and it's only a performance optimisation
-    // just committing this in case we want it later
+    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
 
-    if (identifierName !== undefined && args.length === 1 && styles.length === 0 && args[0].styles !== undefined) {
-      styles.push({
-        name: args[0].name,
-        label: identifierName,
-        styles: args[0].styles,
-        map: args[0].map
-      });
+    if (identifierName !== undefined) {
+      styles.push("label:" + identifierName + ";");
+    }
+
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args);
     } else {
-      if (identifierName !== undefined) {
-        styles.push("label:" + identifierName + ";");
-      }
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
 
-      if (args[0] == null || args[0].raw === undefined) {
-        styles.push.apply(styles, args);
-      } else {
-        styles.push(args[0][0]);
-        var len = args.length;
-        var i = 1;
-
-        for (; i < len; i++) {
-          styles.push(args[i], args[0][i]);
-        }
+      for (; i < len; i++) {
+        styles.push(args[i], args[0][i]);
       }
@@ -98,0 +86,0 @@ }

dist/styled-base.cjs.prod.js

@@ -58,14 +58,2 @@ "use strict";
         if (
-          void 0 !== identifierName &&
-          1 === args.length &&
-          0 === styles.length &&
-          void 0 !== args[0].styles
-        )
-          styles.push({
-            name: args[0].name,
-            label: identifierName,
-            styles: args[0].styles,
-            map: args[0].map
-          });
-        else if (
           (void 0 !== identifierName &&
@@ -72,0 +60,0 @@ styles.push("label:" + identifierName + ";"),

dist/styled-base.esm.js

@@ -63,29 +63,17 @@ import { createElement, Fragment } from 'react';
     var args = arguments;
-    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : []; // idk if this is worth it.
-    // it's only for when autoLabel is on and styles are completely static
-    // and it's only a performance optimisation
-    // just committing this in case we want it later
+    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
 
-    if (identifierName !== undefined && args.length === 1 && styles.length === 0 && args[0].styles !== undefined) {
-      styles.push({
-        name: args[0].name,
-        label: identifierName,
-        styles: args[0].styles,
-        map: args[0].map
-      });
+    if (identifierName !== undefined) {
+      styles.push("label:" + identifierName + ";");
+    }
+
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args);
     } else {
-      if (identifierName !== undefined) {
-        styles.push("label:" + identifierName + ";");
-      }
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
 
-      if (args[0] == null || args[0].raw === undefined) {
-        styles.push.apply(styles, args);
-      } else {
-        styles.push(args[0][0]);
-        var len = args.length;
-        var i = 1;
-
-        for (; i < len; i++) {
-          styles.push(args[i], args[0][i]);
-        }
+      for (; i < len; i++) {
+        styles.push(args[i], args[0][i]);
       }
@@ -92,0 +80,0 @@ }

package.json

 {
   "name": "@emotion/styled-base",
-  "version": "10.0.0-beta.3",
+  "version": "10.0.0-beta.4",
   "description": "base styled API for emotion",
@@ -5,0 +5,0 @@ "main": "dist/styled-base.cjs.js",

src/index.js

@@ -63,32 +63,14 @@ // @flow
 
-    // idk if this is worth it.
-    // it's only for when autoLabel is on and styles are completely static
-    // and it's only a performance optimisation
-    // just committing this in case we want it later
-    if (
-      identifierName !== undefined &&
-      args.length === 1 &&
-      styles.length === 0 &&
-      args[0].styles !== undefined
-    ) {
-      styles.push({
-        name: args[0].name,
-        label: identifierName,
-        styles: args[0].styles,
-        map: args[0].map
-      })
+    if (identifierName !== undefined) {
+      styles.push(`label:${identifierName};`)
+    }
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args)
     } else {
-      if (identifierName !== undefined) {
-        styles.push(`label:${identifierName};`)
+      styles.push(args[0][0])
+      let len = args.length
+      let i = 1
+      for (; i < len; i++) {
+        styles.push(args[i], args[0][i])
       }
-      if (args[0] == null || args[0].raw === undefined) {
-        styles.push.apply(styles, args)
-      } else {
-        styles.push(args[0][0])
-        let len = args.length
-        let i = 1
-        for (; i < len; i++) {
-          styles.push(args[i], args[0][i])
-        }
-      }
     }
@@ -144,3 +126,6 @@
               console.error(
-                '`innerRef` is deprecated and will be removed in the next major version of Emotion, please use the `ref` prop instead'
+                '`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead' +
+                  (identifierName === undefined
+                    ? ''
+                    : ` in the usage of \`${identifierName}\``)
               )
@@ -147,0 +132,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

85693

decreased by-4.12%

Lines of code

1309

decreased by-5.42%

No dependency changes