@emotion/styled-base - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

dist/index.cjs.js

@@ -11,20 +11,2 @@ 'use strict';
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 var testOmitPropsOnStringTag = isPropValid;
@@ -111,3 +93,3 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
       var rules = utils.insertStyles(context, serialized);
-      className += "css-" + serialized.name;
+      className += context.key + "-" + serialized.name;
       var ele = React.createElement(baseTag, // $FlowFixMe
@@ -120,8 +102,7 @@ pickAssign(shouldForwardProp, {}, props, {
       if (utils.shouldSerializeToReactTree && rules !== undefined) {
-        return React.createElement(React.Fragment, null, React.createElement("style", {
-          "data-emotion-ssr": serialized.name,
-          dangerouslySetInnerHTML: {
-            __html: rules
-          }
-        }), ele);
+        var _ref;
+
+        return React.createElement(React.Fragment, null, React.createElement("style", (_ref = {}, _ref["data-emotion-" + context.key] = serialized.name, _ref.dangerouslySetInnerHTML = {
+          __html: rules
+        }, _ref)), ele);
       }
@@ -139,5 +120,5 @@
 
-      return React.createElement(Styled, _extends({}, props, {
+      return React.createElement(Styled, pickAssign(testAlwaysTrue, {
         innerRef: ref
-      }));
+      }, props));
     });
@@ -149,3 +130,3 @@ FinalStyled.__emotion_real = FinalStyled;
     FinalStyled.withComponent = function (nextTag, nextOptions) {
-      return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options, nextOptions) : options).apply(void 0, styles);
+      return createStyled(nextTag, nextOptions !== undefined ? pickAssign(testAlwaysTrue, {}, options || {}, nextOptions) : options).apply(void 0, styles);
     };
@@ -152,0 +133,0 @@

dist/index.es.js

@@ -7,20 +7,2 @@ import isPropValid from '@emotion/is-prop-valid';
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
 var testOmitPropsOnStringTag = isPropValid;
@@ -107,3 +89,3 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
       var rules = insertStyles(context, serialized);
-      className += "css-" + serialized.name;
+      className += context.key + "-" + serialized.name;
       var ele = createElement(baseTag, // $FlowFixMe
@@ -116,8 +98,7 @@ pickAssign(shouldForwardProp, {}, props, {
       if (shouldSerializeToReactTree && rules !== undefined) {
-        return createElement(Fragment, null, createElement("style", {
-          "data-emotion-ssr": serialized.name,
-          dangerouslySetInnerHTML: {
-            __html: rules
-          }
-        }), ele);
+        var _ref;
+
+        return createElement(Fragment, null, createElement("style", (_ref = {}, _ref["data-emotion-" + context.key] = serialized.name, _ref.dangerouslySetInnerHTML = {
+          __html: rules
+        }, _ref)), ele);
       }
@@ -135,5 +116,5 @@
 
-      return createElement(Styled, _extends({}, props, {
+      return createElement(Styled, pickAssign(testAlwaysTrue, {
         innerRef: ref
-      }));
+      }, props));
     });
@@ -145,3 +126,3 @@ FinalStyled.__emotion_real = FinalStyled;
     FinalStyled.withComponent = function (nextTag, nextOptions) {
-      return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options, nextOptions) : options).apply(void 0, styles);
+      return createStyled(nextTag, nextOptions !== undefined ? pickAssign(testAlwaysTrue, {}, options || {}, nextOptions) : options).apply(void 0, styles);
     };
@@ -148,0 +129,0 @@

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(e,t){"use strict";function r(){return(r=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 n(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var i=n(RegExp.prototype.test.bind(/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|accept|acceptCharset|accessKey|action|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|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)|(on[A-Z].*)|((data|aria)-.*))$/)),o=function(e){return"theme"!==e&&"innerRef"!==e},a=function(){return!0},s=function(e,t){for(var r=2,n=arguments.length;r<n;r++){var i=arguments[r],o=void 0;for(o in i)e(o)&&(t[o]=i[o])}return t},l=!("undefined"!=typeof document)||!1;var c={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},d=/[A-Z]|^ms/g,p=n(function(e){return e.replace(d,"-$&").toLowerCase()}),u=function(e,t){return null==t||"boolean"==typeof t?"":1===c[e]||45===e.charCodeAt(1)||isNaN(t)||0===t?t:t+"px"};function f(e,t){if(null==t)return"";switch(typeof t){case"boolean":return"";case"function":return void 0===this?t.toString():f.call(this,e,t(this));case"object":return 2===t.type?t.name:void 0!==t.styles?t.styles:function(e,t){var r="";Array.isArray(t)?t.forEach(function(t){r+=f.call(this,e,t)},this):Object.keys(t).forEach(function(n){"object"!=typeof t[n]?r+=p(n)+":"+u(n,t[n])+";":Array.isArray(t[n])&&"string"==typeof t[n][0]?t[n].forEach(function(e){r+=p(n)+":"+u(n,e)+";"}):r+=n+"{"+f.call(this,e,t[n])+"}"},this);return r}.call(this,e,t);default:var r=e[t];return void 0!==r?r:t}}var m=/label:\s*([^\s;\n{]+)\s*;/g;return function n(c,d){var p,u;void 0!==d&&(p=d.label,u=d.shouldForwardProp);var h=c.__emotion_real===c,g=h&&c.__emotion_base||c;return"function"!=typeof u&&(u="string"==typeof g&&g.charAt(0)===g.charAt(0).toLowerCase()?i:o),function(){var i=arguments,o=h&&void 0!==c.__emotion_styles?c.__emotion_styles.slice(0):[];if(void 0!==p&&o.push("label:"+p+";"),null==i[0]||void 0===i[0].raw)o.push.apply(o,i);else{o.push(i[0][0]);for(var y=i.length,v=1;v<y;v++)o.push(i[v],i[0][v])}var k=t.withCSSContext(function(t,r){var n,i,c,d,p="",h=[],y=s(a,{},t,{theme:t.theme||r.theme});"string"==typeof t.className&&(p+=(n=r.registered,i=h,c=t.className,d="",c.split(" ").forEach(function(e){void 0!==n[e]?i.push(n[e]):d+=e+" "}),d));var v=function(e,t){if(1===t.length&&"object"==typeof t[0]&&null!==t[0]&&void 0!==t[0].styles)return t[0];var r="",n="";return t.forEach(function(t,n){r+=f.call(this,e,t)},this),{type:1,name:function(e){for(var t,r=e.length,n=r^r,i=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(i)|(255&e.charCodeAt(++i))<<8|(255&e.charCodeAt(++i))<<16|(255&e.charCodeAt(++i))<<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,++i;switch(r){case 3:n^=(255&e.charCodeAt(i+2))<<16;case 2:n^=(255&e.charCodeAt(i+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(i)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(r=r.replace(m,function(e,t){return n+="-"+t,""}))+n,styles:r}}.call(y,r.registered,o.concat(h)),k=function(e,t){if(1===t.type&&void 0===e.registered["css-"+t.name]&&(e.registered["css-"+t.name]=t.styles),void 0===e.inserted[t.name]){var r=e.stylis(1===t.type?".css-"+t.name:"",t.styles);if(l?e.inserted[t.name]=r.join(""):(r.forEach(function(t){e.sheet.insert(t)}),e.inserted[t.name]=!0),void 0===e.compat)return e.inserted[t.name]}}(r,v);p+="css-"+v.name;var x=e.createElement(g,s(u,{},t,{className:p,ref:t.innerRef}));return l&&void 0!==k?e.createElement(e.Fragment,null,e.createElement("style",{"data-emotion-ssr":v.name,dangerouslySetInnerHTML:{__html:k}}),x):x});k.displayName=void 0!==p?p:"Styled("+("string"==typeof g?g:g.displayName||g.name||"Component")+")";var x=e.forwardRef(function(t,n){return null===n?e.createElement(k,t):e.createElement(k,r({},t,{innerRef:n}))});return x.__emotion_real=x,x.__emotion_base=g,x.__emotion_styles=o,x.withComponent=function(e,t){return n(e,void 0!==t?r({},d,t):d).apply(void 0,o)},x}}});
+!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(e,t){"use strict";function r(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var n=r(RegExp.prototype.test.bind(/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|accept|acceptCharset|accessKey|action|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|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)|(on[A-Z].*)|((data|aria)-.*))$/)),i=function(e){return"theme"!==e&&"innerRef"!==e},o=function(){return!0},a=function(e,t){for(var r=2,n=arguments.length;r<n;r++){var i=arguments[r],o=void 0;for(o in i)e(o)&&(t[o]=i[o])}return t};var s={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},l=/[A-Z]|^ms/g,c=r(function(e){return e.replace(l,"-$&").toLowerCase()}),d=function(e,t){return null==t||"boolean"==typeof t?"":1===s[e]||45===e.charCodeAt(1)||isNaN(t)||0===t?t:t+"px"};function p(e,t){if(null==t)return"";switch(typeof t){case"boolean":return"";case"function":return void 0===this?t.toString():p.call(this,e,t(this));case"object":return 2===t.type?t.name:void 0!==t.styles?t.styles:function(e,t){var r="";Array.isArray(t)?t.forEach(function(t){r+=p.call(this,e,t)},this):Object.keys(t).forEach(function(n){"object"!=typeof t[n]?r+=c(n)+":"+d(n,t[n])+";":Array.isArray(t[n])&&"string"==typeof t[n][0]?t[n].forEach(function(e){r+=c(n)+":"+d(n,e)+";"}):r+=n+"{"+p.call(this,e,t[n])+"}"},this);return r}.call(this,e,t);default:var r=e[t];return void 0!==r?r:t}}var u=/label:\s*([^\s;\n{]+)\s*;/g;return function r(s,l){var c,d;void 0!==l&&(c=l.label,d=l.shouldForwardProp);var f=s.__emotion_real===s,m=f&&s.__emotion_base||s;return"function"!=typeof d&&(d="string"==typeof m&&m.charAt(0)===m.charAt(0).toLowerCase()?n:i),function(){var n=arguments,i=f&&void 0!==s.__emotion_styles?s.__emotion_styles.slice(0):[];if(void 0!==c&&i.push("label:"+c+";"),null==n[0]||void 0===n[0].raw)i.push.apply(i,n);else{i.push(n[0][0]);for(var h=n.length,g=1;g<h;g++)i.push(n[g],n[0][g])}var y=t.withCSSContext(function(t,r){var n,s,l,c,f="",h=[],g=a(o,{},t,{theme:t.theme||r.theme});"string"==typeof t.className&&(f+=(n=r.registered,s=h,l=t.className,c="",l.split(" ").forEach(function(e){void 0!==n[e]?s.push(n[e]):c+=e+" "}),c));var y=function(e,t){if(1===t.length&&"object"==typeof t[0]&&null!==t[0]&&void 0!==t[0].styles)return t[0];var r="",n="";return t.forEach(function(t,n){r+=p.call(this,e,t)},this),{type:1,name:function(e){for(var t,r=e.length,n=r^r,i=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(i)|(255&e.charCodeAt(++i))<<8|(255&e.charCodeAt(++i))<<16|(255&e.charCodeAt(++i))<<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,++i;switch(r){case 3:n^=(255&e.charCodeAt(i+2))<<16;case 2:n^=(255&e.charCodeAt(i+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(i)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(r=r.replace(u,function(e,t){return n+="-"+t,""}))+n,styles:r}}.call(g,r.registered,i.concat(h));return function(e,t){1===t.type&&void 0===e.registered["css-"+t.name]&&(e.registered["css-"+t.name]=t.styles),void 0===e.inserted[t.name]&&(e.stylis(1===t.type?".css-"+t.name:"",t.styles).forEach(function(t){e.sheet.insert(t)}),e.inserted[t.name]=!0,void 0===e.compat)&&e.inserted[t.name]}(r,y),f+=r.key+"-"+y.name,e.createElement(m,a(d,{},t,{className:f,ref:t.innerRef}))});y.displayName=void 0!==c?c:"Styled("+("string"==typeof m?m:m.displayName||m.name||"Component")+")";var v=e.forwardRef(function(t,r){return null===r?e.createElement(y,t):e.createElement(y,a(o,{innerRef:r},t))});return v.__emotion_real=v,v.__emotion_base=m,v.__emotion_styles=i,v.withComponent=function(e,t){return r(e,void 0!==t?a(o,{},l||{},t):l).apply(void 0,i)},v}}});
 //# sourceMappingURL=index.min.js.map

package.json

 {
   "name": "@emotion/styled-base",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "base styled API for emotion",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
+  "browser": {
+    "./dist/index.cjs.js": "./dist/index.browser.cjs.js",
+    "./dist/index.es.js": "./dist/index.browser.es.js"
+  },
   "license": "MIT",
@@ -12,4 +16,4 @@ "repository": "https://github.com/emotion-js/next/tree/master/packages/styled-base",
     "@emotion/serialize": "^0.7.0",
-    "@emotion/types": "^0.6.1",
-    "@emotion/utils": "^0.6.0"
+    "@emotion/types": "^0.6.2",
+    "@emotion/utils": "^0.6.1"
   },
@@ -16,0 +20,0 @@ "peerDependencies": {

src/index.js

@@ -83,3 +83,3 @@ // @flow
       const rules = insertStyles(context, serialized)
-      className += `css-${serialized.name}`
+      className += `${context.key}-${serialized.name}`
 
@@ -98,4 +98,6 @@ const ele = React.createElement(
             <style
-              data-emotion-ssr={serialized.name}
-              dangerouslySetInnerHTML={{ __html: rules }}
+              {...{
+                [`data-emotion-${context.key}`]: serialized.name,
+                dangerouslySetInnerHTML: { __html: rules }
+              }}
             />
@@ -124,3 +126,5 @@ {ele}
       }
-      return <Styled {...props} innerRef={ref} />
+      return (
+        <Styled {...pickAssign(testAlwaysTrue, { innerRef: ref }, props)} />
+      )
     })
@@ -138,3 +142,5 @@
         nextTag,
-        nextOptions !== undefined ? { ...options, ...nextOptions } : options
+        nextOptions !== undefined
+          ? pickAssign(testAlwaysTrue, {}, options || {}, nextOptions)
+          : options
       )(...styles)
@@ -141,0 +147,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

Improved metrics

Number of package files

15

increased by36.36%

Lines of code

622

increased by38.22%

Worsened metrics

Total package byte prevSize

86409

decreased by-28.53%

Number of low supply chain risk alerts

6

increased by50%

Dependency changes

• Updated@emotion/types@^0.6.2

• Updated@emotion/utils@^0.6.1