@emotion/styled - npm Package Compare versions

Comparing version 11.0.0-next.9 to 11.0.0-next.10

base/dist/styled.browser.cjs.js

@@ -10,3 +10,3 @@ 'use strict';
 var isPropValid = _interopDefault(require('@emotion/is-prop-valid'));
-var core = require('@emotion/core');
+var react = require('@emotion/react');
 var utils = require('@emotion/utils');
@@ -88,3 +88,3 @@ var serialize = require('@emotion/serialize');
 
-    var Styled = core.withEmotionCache(function (props, cache, ref) {
+    var Styled = react.withEmotionCache(function (props, cache, ref) {
       var finalTag = shouldUseAs && props.as || baseTag;
@@ -102,3 +102,3 @@ var className = '';
 
-        mergedProps.theme = React.useContext(core.ThemeContext);
+        mergedProps.theme = React.useContext(react.ThemeContext);
       }
@@ -105,0 +105,0 @@

base/dist/styled.browser.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import { useContext, createElement } from 'react';
 import isPropValid from '@emotion/is-prop-valid';
-import { withEmotionCache, ThemeContext } from '@emotion/core';
+import { withEmotionCache, ThemeContext } from '@emotion/react';
 import { getRegisteredStyles, insertStyles } from '@emotion/utils';
@@ -6,0 +6,0 @@ import { serializeStyles } from '@emotion/serialize';

base/dist/styled.cjs.dev.js

@@ -10,3 +10,3 @@ 'use strict';
 var isPropValid = _interopDefault(require('@emotion/is-prop-valid'));
-var core = require('@emotion/core');
+var react = require('@emotion/react');
 var utils = require('@emotion/utils');
@@ -89,3 +89,3 @@ var serialize = require('@emotion/serialize');
 
-    var Styled = core.withEmotionCache(function (props, cache, ref) {
+    var Styled = react.withEmotionCache(function (props, cache, ref) {
       var finalTag = shouldUseAs && props.as || baseTag;
@@ -103,3 +103,3 @@ var className = '';
 
-        mergedProps.theme = React.useContext(core.ThemeContext);
+        mergedProps.theme = React.useContext(react.ThemeContext);
       }
@@ -106,0 +106,0 @@

base/dist/styled.cjs.prod.js

@@ -11,3 +11,3 @@ "use strict";
 
-var _extends = _interopDefault(require("@babel/runtime/helpers/extends")), React = require("react"), isPropValid = _interopDefault(require("@emotion/is-prop-valid")), core = require("@emotion/core"), utils = require("@emotion/utils"), serialize = require("@emotion/serialize"), testOmitPropsOnStringTag = isPropValid, testOmitPropsOnComponent = function(key) {
+var _extends = _interopDefault(require("@babel/runtime/helpers/extends")), React = require("react"), isPropValid = _interopDefault(require("@emotion/is-prop-valid")), react = require("@emotion/react"), utils = require("@emotion/utils"), serialize = require("@emotion/serialize"), testOmitPropsOnStringTag = isPropValid, testOmitPropsOnComponent = function(key) {
   return "theme" !== key;
@@ -31,7 +31,7 @@ }, getDefaultShouldForwardProp = function(tag) {
     }
-    var Styled = core.withEmotionCache((function(props, cache, ref) {
+    var Styled = react.withEmotionCache((function(props, cache, ref) {
       var finalTag = shouldUseAs && props.as || baseTag, className = "", classInterpolations = [], mergedProps = props;
       if (null == props.theme) {
         for (var key in mergedProps = {}, props) mergedProps[key] = props[key];
-        mergedProps.theme = React.useContext(core.ThemeContext);
+        mergedProps.theme = React.useContext(react.ThemeContext);
       }
@@ -38,0 +38,0 @@ "string" == typeof props.className ? className = utils.getRegisteredStyles(cache.registered, classInterpolations, props.className) : null != props.className && (className = props.className + " ");

base/dist/styled.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import { useContext, createElement, Fragment } from 'react';
 import isPropValid from '@emotion/is-prop-valid';
-import { withEmotionCache, ThemeContext } from '@emotion/core';
+import { withEmotionCache, ThemeContext } from '@emotion/react';
 import { getRegisteredStyles, insertStyles } from '@emotion/utils';
@@ -6,0 +6,0 @@ import { serializeStyles } from '@emotion/serialize';

base/dist/styled.umd.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=e||self).emotionStyledBase=t(e.React,e.emotionCore)}(this,(function(e,t){"use strict";var r=function(e,t){return e(t={exports:{}},t.exports),t.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},t.apply(this,arguments)}e.exports=t}));function n(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|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|decoding|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|loading|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|on|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)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=n((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),a=function(e){return"theme"!==e},s=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?i:a};function l(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var c=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{e.insert("."+n,o,e.sheet,!0);o=o.next}while(void 0!==o)}};var d={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},u=/[A-Z]|^ms/g,p=/_EMO_([^_]+?)_([^]*?)_EMO_/g,f=function(e){return 45===e.charCodeAt(1)},m=function(e){return null!=e&&"boolean"!=typeof e},h=n((function(e){return f(e)?e:e.replace(u,"-$&").toLowerCase()})),g=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(p,(function(e,t,r){return v={name:t,styles:r,next:v},t}))}return 1===d[e]||f(e)||"number"!=typeof t||0===t?t:t+"px"};function y(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 v={name:r.name,styles:r.styles,next:v},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)v={name:o.name,styles:o.styles,next:v},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+=y(e,t,r[o],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?n+=i+"{"+t[a]+"}":m(a)&&(n+=h(i)+":"+g(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=y(e,t,a,!1);switch(i){case"animation":case"animationName":n+=h(i)+":"+s+";";break;default:n+=i+"{"+s+"}"}}else for(var l=0;l<a.length;l++)m(a[l])&&(n+=h(i)+":"+g(i,a[l])+";")}return n}(e,t,r);case"function":if(void 0!==e){var i=v,a=r(e);return v=i,y(e,t,a,n)}}if(null==t)return r;var s=t[r];return void 0===s||n?r:s}var v,x=/label:\s*([^\s;\n{]+)\s*;/g,k=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,o="";v=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,o+=y(r,t,i,!1)):o+=i[0];for(var a=1;a<e.length;a++)o+=y(r,t,e[a],46===o.charCodeAt(o.length-1)),n&&(o+=i[a]);x.lastIndex=0;for(var s,l="";null!==(s=x.exec(o));)l+="-"+s[1];return{name:function(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)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)}(o)+l,styles:o,next:v}};return function n(o,i){var a,d,u;void 0!==i&&(a=i.label,u=i.target,d=o.__emotion_forwardProp&&i.shouldForwardProp?function(e){return o.__emotion_forwardProp(e)&&i.shouldForwardProp(e)}:i.shouldForwardProp);var p=o.__emotion_real===o,f=p&&o.__emotion_base||o;"function"!=typeof d&&p&&(d=o.__emotion_forwardProp);var m=d||s(f),h=!m("as");return function(){var g=arguments,y=p&&void 0!==o.__emotion_styles?o.__emotion_styles.slice(0):[];if(void 0!==a&&y.push("label:"+a+";"),null==g[0]||void 0===g[0].raw)y.push.apply(y,g);else{y.push(g[0][0]);for(var v=g.length,x=1;x<v;x++)y.push(g[x],g[0][x])}var b=t.withEmotionCache((function(r,n,o){var i=h&&r.as||f,a="",p=[],g=r;if(null==r.theme){for(var v in g={},r)g[v]=r[v];g.theme=e.useContext(t.ThemeContext)}"string"==typeof r.className?a=l(n.registered,p,r.className):null!=r.className&&(a=r.className+" ");var x=k(y.concat(p),n.registered,g);c(n,x,"string"==typeof i);a+=n.key+"-"+x.name,void 0!==u&&(a+=" "+u);var b=h&&void 0===d?s(i):m,w={};for(var C in r)h&&"as"===C||b(C)&&(w[C]=r[C]);return w.className=a,w.ref=o,e.createElement(i,w)}));return b.displayName=void 0!==a?a:"Styled("+("string"==typeof f?f:f.displayName||f.name||"Component")+")",b.defaultProps=o.defaultProps,b.__emotion_real=b,b.__emotion_base=f,b.__emotion_styles=y,b.__emotion_forwardProp=d,Object.defineProperty(b,"toString",{value:function(){return"."+u}}),b.withComponent=function(e,t){return n(e,void 0!==t?r({},i||{},{},t):i).apply(void 0,y)},b}}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e=e||self).emotionStyledBase=t(e.React,e.emotionCore)}(this,(function(e,t){"use strict";var r=function(e,t){return e(t={exports:{}},t.exports),t.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},t.apply(this,arguments)}e.exports=t}));function n(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|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|decoding|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|loading|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|on|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)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=n((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),a=function(e){return"theme"!==e},s=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?i:a};function l(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]+";"):n+=r+" "})),n}var c=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{e.insert("."+n,o,e.sheet,!0);o=o.next}while(void 0!==o)}};var d={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},u=/[A-Z]|^ms/g,p=/_EMO_([^_]+?)_([^]*?)_EMO_/g,f=function(e){return 45===e.charCodeAt(1)},m=function(e){return null!=e&&"boolean"!=typeof e},h=n((function(e){return f(e)?e:e.replace(u,"-$&").toLowerCase()})),g=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(p,(function(e,t,r){return v={name:t,styles:r,next:v},t}))}return 1===d[e]||f(e)||"number"!=typeof t||0===t?t:t+"px"};function y(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 v={name:r.name,styles:r.styles,next:v},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)v={name:o.name,styles:o.styles,next:v},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+=y(e,t,r[o],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?n+=i+"{"+t[a]+"}":m(a)&&(n+=h(i)+":"+g(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=y(e,t,a,!1);switch(i){case"animation":case"animationName":n+=h(i)+":"+s+";";break;default:n+=i+"{"+s+"}"}}else for(var l=0;l<a.length;l++)m(a[l])&&(n+=h(i)+":"+g(i,a[l])+";")}return n}(e,t,r);case"function":if(void 0!==e){var i=v,a=r(e);return v=i,y(e,t,a,n)}}if(null==t)return r;var s=t[r];return void 0===s||n?r:s}var v,x=/label:\s*([^\s;\n{]+)\s*;/g,k=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,o="";v=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,o+=y(r,t,i,!1)):o+=i[0];for(var a=1;a<e.length;a++)o+=y(r,t,e[a],46===o.charCodeAt(o.length-1)),n&&(o+=i[a]);x.lastIndex=0;for(var s,l="";null!==(s=x.exec(o));)l+="-"+s[1];return{name:function(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)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)}(o)+l,styles:o,next:v}};return function n(o,i){var a,d,u;void 0!==i&&(a=i.label,u=i.target,d=o.__emotion_forwardProp&&i.shouldForwardProp?function(e){return o.__emotion_forwardProp(e)&&i.shouldForwardProp(e)}:i.shouldForwardProp);var p=o.__emotion_real===o,f=p&&o.__emotion_base||o;"function"!=typeof d&&p&&(d=o.__emotion_forwardProp);var m=d||s(f),h=!m("as");return function(){var g=arguments,y=p&&void 0!==o.__emotion_styles?o.__emotion_styles.slice(0):[];if(void 0!==a&&y.push("label:"+a+";"),null==g[0]||void 0===g[0].raw)y.push.apply(y,g);else{y.push(g[0][0]);for(var v=g.length,x=1;x<v;x++)y.push(g[x],g[0][x])}var b=t.withEmotionCache((function(r,n,o){var i=h&&r.as||f,a="",p=[],g=r;if(null==r.theme){for(var v in g={},r)g[v]=r[v];g.theme=e.useContext(t.ThemeContext)}"string"==typeof r.className?a=l(n.registered,p,r.className):null!=r.className&&(a=r.className+" ");var x=k(y.concat(p),n.registered,g);c(n,x,"string"==typeof i);a+=n.key+"-"+x.name,void 0!==u&&(a+=" "+u);var b=h&&void 0===d?s(i):m,w={};for(var C in r)h&&"as"===C||b(C)&&(w[C]=r[C]);return w.className=a,w.ref=o,e.createElement(i,w)}));return b.displayName=void 0!==a?a:"Styled("+("string"==typeof f?f:f.displayName||f.name||"Component")+")",b.defaultProps=o.defaultProps,b.__emotion_real=b,b.__emotion_base=f,b.__emotion_styles=y,b.__emotion_forwardProp=d,Object.defineProperty(b,"toString",{value:function(){return"."+u}}),b.withComponent=function(e,t){return n(e,void 0!==t?r({},i||{},{},t):i).apply(void 0,y)},b}}}));
 //# sourceMappingURL=styled.umd.min.js.map

CHANGELOG.md

 # @emotion/styled
 
+## 11.0.0-next.10
+
+### Patch Changes
+
+- [`2fa7a213`](https://github.com/emotion-js/emotion/commit/2fa7a213222fc2bb99ca0a01078148f1a1c6458d) [#1572](https://github.com/emotion-js/emotion/pull/1572) Thanks [@Andarist](https://github.com/Andarist)! - Remove `StyleProps` type parameter from `CreateStyledComponent` - it's no longer needed.
+- Updated dependencies [[`b8476e08`](https://github.com/emotion-js/emotion/commit/b8476e08af4a2e8de94a112cb0daf6e8e4d56fe1), [`b8476e08`](https://github.com/emotion-js/emotion/commit/b8476e08af4a2e8de94a112cb0daf6e8e4d56fe1), [`c7850e61`](https://github.com/emotion-js/emotion/commit/c7850e61211d6aa26a3388399889a6072ee2f1fe), [`affed3dd`](https://github.com/emotion-js/emotion/commit/affed3ddf03671835356632f26a064f59811852f), [`d62d9101`](https://github.com/emotion-js/emotion/commit/d62d9101bc75e6bc9644ae588d2a6e4bf4d69285)]:
+  - @emotion/babel-plugin@11.0.0-next.10
+  - @emotion/react@11.0.0-next.10
+
 ## 11.0.0-next.9
@@ -4,0 +13,0 @@

dist/styled.browser.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
 var styled = require('../base/dist/styled.browser.cjs.js');
-require('@emotion/core');
+require('@emotion/react');
 require('@emotion/utils');
@@ -12,0 +12,0 @@ require('@emotion/serialize');

dist/styled.browser.esm.js

@@ -5,3 +5,3 @@ import '@babel/runtime/helpers/extends';
 import styled from '../base/dist/styled.browser.esm.js';
-import '@emotion/core';
+import '@emotion/react';
 import '@emotion/utils';
@@ -8,0 +8,0 @@ import '@emotion/serialize';

dist/styled.cjs.dev.js

@@ -9,3 +9,3 @@ 'use strict';
 var styled = require('../base/dist/styled.cjs.dev.js');
-require('@emotion/core');
+require('@emotion/react');
 require('@emotion/utils');
@@ -12,0 +12,0 @@ require('@emotion/serialize');

dist/styled.cjs.prod.js

@@ -9,3 +9,3 @@ "use strict";
 
-require("@emotion/core"), require("@emotion/utils"), require("@emotion/serialize");
+require("@emotion/react"), require("@emotion/utils"), require("@emotion/serialize");
 
@@ -12,0 +12,0 @@ var tags = [ "a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan" ], newStyled = styled.default.bind();

dist/styled.esm.js

@@ -5,3 +5,3 @@ import '@babel/runtime/helpers/extends';
 import styled from '../base/dist/styled.esm.js';
-import '@emotion/core';
+import '@emotion/react';
 import '@emotion/utils';
@@ -8,0 +8,0 @@ import '@emotion/serialize';

dist/styled.umd.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=e||self).emotionStyled=t(e.React,e.emotionCore)}(this,(function(e,t){"use strict";var r=function(e,t){return e(t={exports:{}},t.exports),t.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 o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},t.apply(this,arguments)}e.exports=t}));function o(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var n=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|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|decoding|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|loading|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|on|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)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=o((function(e){return n.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),a=function(e){return"theme"!==e},s=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?i:a};function l(e,t,r){var o="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):o+=r+" "})),o}var c=function(e,t,r){var o=e.key+"-"+t.name;if(!1===r&&void 0===e.registered[o]&&(e.registered[o]=t.styles),void 0===e.inserted[t.name]){var n=t;do{e.insert("."+o,n,e.sheet,!0);n=n.next}while(void 0!==n)}};var d={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},u=/[A-Z]|^ms/g,p=/_EMO_([^_]+?)_([^]*?)_EMO_/g,f=function(e){return 45===e.charCodeAt(1)},m=function(e){return null!=e&&"boolean"!=typeof e},h=o((function(e){return f(e)?e:e.replace(u,"-$&").toLowerCase()})),g=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(p,(function(e,t,r){return v={name:t,styles:r,next:v},t}))}return 1===d[e]||f(e)||"number"!=typeof t||0===t?t:t+"px"};function y(e,t,r,o){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 v={name:r.name,styles:r.styles,next:v},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)v={name:n.name,styles:n.styles,next:v},n=n.next;return r.styles+";"}return function(e,t,r){var o="";if(Array.isArray(r))for(var n=0;n<r.length;n++)o+=y(e,t,r[n],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?o+=i+"{"+t[a]+"}":m(a)&&(o+=h(i)+":"+g(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=y(e,t,a,!1);switch(i){case"animation":case"animationName":o+=h(i)+":"+s+";";break;default:o+=i+"{"+s+"}"}}else for(var l=0;l<a.length;l++)m(a[l])&&(o+=h(i)+":"+g(i,a[l])+";")}return o}(e,t,r);case"function":if(void 0!==e){var i=v,a=r(e);return v=i,y(e,t,a,o)}}if(null==t)return r;var s=t[r];return void 0===s||o?r:s}var v,b=/label:\s*([^\s;\n{]+)\s*;/g,x=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,n="";v=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,n+=y(r,t,i,!1)):n+=i[0];for(var a=1;a<e.length;a++)n+=y(r,t,e[a],46===n.charCodeAt(n.length-1)),o&&(n+=i[a]);b.lastIndex=0;for(var s,l="";null!==(s=b.exec(n));)l+="-"+s[1];return{name:function(e){for(var t,r=e.length,o=r^r,n=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+((1540483477*(t>>>16)&65535)<<16),o=1540483477*(65535&o)+((1540483477*(o>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++n;switch(r){case 3:o^=(255&e.charCodeAt(n+2))<<16;case 2:o^=(255&e.charCodeAt(n+1))<<8;case 1:o=1540483477*(65535&(o^=255&e.charCodeAt(n)))+((1540483477*(o>>>16)&65535)<<16)}return o=1540483477*(65535&(o^=o>>>13))+((1540483477*(o>>>16)&65535)<<16),((o^=o>>>15)>>>0).toString(36)}(n)+l,styles:n,next:v}},k=function o(n,i){var a,d,u;void 0!==i&&(a=i.label,u=i.target,d=n.__emotion_forwardProp&&i.shouldForwardProp?function(e){return n.__emotion_forwardProp(e)&&i.shouldForwardProp(e)}:i.shouldForwardProp);var p=n.__emotion_real===n,f=p&&n.__emotion_base||n;"function"!=typeof d&&p&&(d=n.__emotion_forwardProp);var m=d||s(f),h=!m("as");return function(){var g=arguments,y=p&&void 0!==n.__emotion_styles?n.__emotion_styles.slice(0):[];if(void 0!==a&&y.push("label:"+a+";"),null==g[0]||void 0===g[0].raw)y.push.apply(y,g);else{y.push(g[0][0]);for(var v=g.length,b=1;b<v;b++)y.push(g[b],g[0][b])}var k=t.withEmotionCache((function(r,o,n){var i=h&&r.as||f,a="",p=[],g=r;if(null==r.theme){for(var v in g={},r)g[v]=r[v];g.theme=e.useContext(t.ThemeContext)}"string"==typeof r.className?a=l(o.registered,p,r.className):null!=r.className&&(a=r.className+" ");var b=x(y.concat(p),o.registered,g);c(o,b,"string"==typeof i);a+=o.key+"-"+b.name,void 0!==u&&(a+=" "+u);var k=h&&void 0===d?s(i):m,w={};for(var C in r)h&&"as"===C||k(C)&&(w[C]=r[C]);return w.className=a,w.ref=n,e.createElement(i,w)}));return k.displayName=void 0!==a?a:"Styled("+("string"==typeof f?f:f.displayName||f.name||"Component")+")",k.defaultProps=n.defaultProps,k.__emotion_real=k,k.__emotion_base=f,k.__emotion_styles=y,k.__emotion_forwardProp=d,Object.defineProperty(k,"toString",{value:function(){return"."+u}}),k.withComponent=function(e,t){return o(e,void 0!==t?r({},i||{},{},t):i).apply(void 0,y)},k}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){k[e]=k(e)})),k}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e=e||self).emotionStyled=t(e.React,e.emotionCore)}(this,(function(e,t){"use strict";var r=function(e,t){return e(t={exports:{}},t.exports),t.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 o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},t.apply(this,arguments)}e.exports=t}));function o(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var n=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|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|decoding|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|loading|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|on|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)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=o((function(e){return n.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),a=function(e){return"theme"!==e},s=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?i:a};function l(e,t,r){var o="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]+";"):o+=r+" "})),o}var c=function(e,t,r){var o=e.key+"-"+t.name;if(!1===r&&void 0===e.registered[o]&&(e.registered[o]=t.styles),void 0===e.inserted[t.name]){var n=t;do{e.insert("."+o,n,e.sheet,!0);n=n.next}while(void 0!==n)}};var d={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},u=/[A-Z]|^ms/g,p=/_EMO_([^_]+?)_([^]*?)_EMO_/g,f=function(e){return 45===e.charCodeAt(1)},m=function(e){return null!=e&&"boolean"!=typeof e},h=o((function(e){return f(e)?e:e.replace(u,"-$&").toLowerCase()})),g=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(p,(function(e,t,r){return v={name:t,styles:r,next:v},t}))}return 1===d[e]||f(e)||"number"!=typeof t||0===t?t:t+"px"};function y(e,t,r,o){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 v={name:r.name,styles:r.styles,next:v},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)v={name:n.name,styles:n.styles,next:v},n=n.next;return r.styles+";"}return function(e,t,r){var o="";if(Array.isArray(r))for(var n=0;n<r.length;n++)o+=y(e,t,r[n],!1);else for(var i in r){var a=r[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?o+=i+"{"+t[a]+"}":m(a)&&(o+=h(i)+":"+g(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=y(e,t,a,!1);switch(i){case"animation":case"animationName":o+=h(i)+":"+s+";";break;default:o+=i+"{"+s+"}"}}else for(var l=0;l<a.length;l++)m(a[l])&&(o+=h(i)+":"+g(i,a[l])+";")}return o}(e,t,r);case"function":if(void 0!==e){var i=v,a=r(e);return v=i,y(e,t,a,o)}}if(null==t)return r;var s=t[r];return void 0===s||o?r:s}var v,b=/label:\s*([^\s;\n{]+)\s*;/g,x=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,n="";v=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,n+=y(r,t,i,!1)):n+=i[0];for(var a=1;a<e.length;a++)n+=y(r,t,e[a],46===n.charCodeAt(n.length-1)),o&&(n+=i[a]);b.lastIndex=0;for(var s,l="";null!==(s=b.exec(n));)l+="-"+s[1];return{name:function(e){for(var t,r=e.length,o=r^r,n=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+((1540483477*(t>>>16)&65535)<<16),o=1540483477*(65535&o)+((1540483477*(o>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++n;switch(r){case 3:o^=(255&e.charCodeAt(n+2))<<16;case 2:o^=(255&e.charCodeAt(n+1))<<8;case 1:o=1540483477*(65535&(o^=255&e.charCodeAt(n)))+((1540483477*(o>>>16)&65535)<<16)}return o=1540483477*(65535&(o^=o>>>13))+((1540483477*(o>>>16)&65535)<<16),((o^=o>>>15)>>>0).toString(36)}(n)+l,styles:n,next:v}},k=function o(n,i){var a,d,u;void 0!==i&&(a=i.label,u=i.target,d=n.__emotion_forwardProp&&i.shouldForwardProp?function(e){return n.__emotion_forwardProp(e)&&i.shouldForwardProp(e)}:i.shouldForwardProp);var p=n.__emotion_real===n,f=p&&n.__emotion_base||n;"function"!=typeof d&&p&&(d=n.__emotion_forwardProp);var m=d||s(f),h=!m("as");return function(){var g=arguments,y=p&&void 0!==n.__emotion_styles?n.__emotion_styles.slice(0):[];if(void 0!==a&&y.push("label:"+a+";"),null==g[0]||void 0===g[0].raw)y.push.apply(y,g);else{y.push(g[0][0]);for(var v=g.length,b=1;b<v;b++)y.push(g[b],g[0][b])}var k=t.withEmotionCache((function(r,o,n){var i=h&&r.as||f,a="",p=[],g=r;if(null==r.theme){for(var v in g={},r)g[v]=r[v];g.theme=e.useContext(t.ThemeContext)}"string"==typeof r.className?a=l(o.registered,p,r.className):null!=r.className&&(a=r.className+" ");var b=x(y.concat(p),o.registered,g);c(o,b,"string"==typeof i);a+=o.key+"-"+b.name,void 0!==u&&(a+=" "+u);var k=h&&void 0===d?s(i):m,w={};for(var C in r)h&&"as"===C||k(C)&&(w[C]=r[C]);return w.className=a,w.ref=n,e.createElement(i,w)}));return k.displayName=void 0!==a?a:"Styled("+("string"==typeof f?f:f.displayName||f.name||"Component")+")",k.defaultProps=n.defaultProps,k.__emotion_real=k,k.__emotion_base=f,k.__emotion_styles=y,k.__emotion_forwardProp=d,Object.defineProperty(k,"toString",{value:function(){return"."+u}}),k.withComponent=function(e,t){return o(e,void 0!==t?r({},i||{},{},t):i).apply(void 0,y)},k}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){k[e]=k(e)})),k}));
 //# sourceMappingURL=styled.umd.min.js.map

macro.js

@@ -1,1 +0,1 @@
-module.exports = require('babel-plugin-emotion').macros.webStyled
+module.exports = require('@emotion/babel-plugin').macros.webStyled

package.json

 {
   "name": "@emotion/styled",
-  "version": "11.0.0-next.9",
+  "version": "11.0.0-next.10",
   "description": "styled API for emotion",
@@ -15,10 +15,10 @@ "main": "dist/styled.cjs.js",
     "@babel/runtime": "^7.7.2",
+    "@emotion/babel-plugin": "^11.0.0-next.10",
     "@emotion/is-prop-valid": "0.9.0-next.1",
     "@emotion/serialize": "^0.12.0-next.3",
-    "@emotion/utils": "0.11.2",
-    "babel-plugin-emotion": "^11.0.0-next.8"
+    "@emotion/utils": "0.11.2"
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0",
-    "@emotion/core": "^11.0.0-next.9",
+    "@emotion/react": "^11.0.0-next.10",
     "react": ">=16.8.0"
@@ -33,3 +33,3 @@ },
     "@babel/core": "^7.7.2",
-    "@emotion/core": "^11.0.0-next.9",
+    "@emotion/react": "^11.0.0-next.10",
     "dtslint": "^0.3.0",
@@ -45,3 +45,3 @@ "react": "^16.11.0"
     "base",
-    "types",
+    "types/*.d.ts",
     "macro.d.ts",
@@ -48,0 +48,0 @@ "macro.js",

README.md

 # @emotion/styled
 
-> The styled API for @emotion/core
+> The styled API for @emotion/react
 
@@ -8,3 +8,3 @@ ## Install
 ```bash
-yarn add @emotion/core @emotion/styled
+yarn add @emotion/react @emotion/styled
 ```
@@ -11,0 +11,0 @@

src/base.js

@@ -10,3 +10,3 @@ // @flow
 } from './utils'
-import { withEmotionCache, ThemeContext } from '@emotion/core'
+import { withEmotionCache, ThemeContext } from '@emotion/react'
 import { getRegisteredStyles, insertStyles } from '@emotion/utils'
@@ -13,0 +13,0 @@ import { serializeStyles } from '@emotion/serialize'

types/base.d.ts

 // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
 // TypeScript Version: 3.2
 
-/**
- * @desc
- * In following types,
- * `InnerProps` is type parameter that represents props type of
- * internal component (target of styling)
- * `ExtraProps` is type parameter that represents extra props type of
- * styled component.
- * `StyleProps` is type parameter that represents props used in
- * a style of that component.
- */
-
 import * as React from 'react'
 import { ComponentSelector, Interpolation } from '@emotion/serialize'
-import { PropsOf, DistributiveOmit, Theme } from '@emotion/core'
+import { PropsOf, DistributiveOmit, Theme } from '@emotion/react'
 
@@ -62,8 +51,6 @@ export {
  * @typeparam SpecificComponentProps  Props which will *not* be included when withComponent is called
- * @typeparam StyleProps  Params passed to styles but not exposed as React props. These are normally library provided props
  */
 export interface CreateStyledComponent<
   ComponentProps extends {},
-  SpecificComponentProps extends {} = {},
-  StyleProps extends {} = {}
+  SpecificComponentProps extends {} = {}
 > {
@@ -78,3 +65,2 @@ /**
           SpecificComponentProps &
-          StyleProps &
           AdditionalProps & { theme: Theme }
@@ -87,5 +73,3 @@ >
     template: TemplateStringsArray,
-    ...styles: Array<
-      Interpolation<ComponentProps & SpecificComponentProps & StyleProps>
-    >
+    ...styles: Array<Interpolation<ComponentProps & SpecificComponentProps>>
   ): StyledComponent<ComponentProps, SpecificComponentProps>
@@ -102,3 +86,2 @@
           SpecificComponentProps &
-          StyleProps &
           AdditionalProps & { theme: Theme }
@@ -105,0 +88,0 @@ >

types/index.d.ts

 // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
 // TypeScript Version: 3.2
 
-import { Theme } from '@emotion/core'
+import { Theme } from '@emotion/react'
 import { CreateStyled as BaseCreateStyled, CreateStyledComponent } from './base'
@@ -6,0 +6,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

165062

decreased by-8.22%

Number of package files

31

decreased by-11.43%

Lines of code

1295

decreased by-30.04%

Dependency changes

• + Added@emotion/babel-plugin@^11.0.0-next.10

• + Added@emotion/babel-plugin@11.11.0(transitive)

• + Added@emotion/cache@11.11.0(transitive)

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

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

• + Added@emotion/react@11.11.4(transitive)

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

• + Added@emotion/sheet@1.2.2(transitive)

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

• + Added@emotion/use-insertion-effect-with-fallbacks@1.0.1(transitive)

• + Added@emotion/utils@1.2.1(transitive)

• + Added@emotion/weak-memoize@0.3.1(transitive)

• + Added@types/parse-json@4.0.2(transitive)

• + Addedbabel-plugin-macros@3.1.0(transitive)

• + Addedcallsites@3.1.0(transitive)

• + Addedconvert-source-map@1.9.0(transitive)

• + Addedcosmiconfig@7.1.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addederror-ex@1.3.2(transitive)

• + Addedescape-string-regexp@4.0.0(transitive)

• + Addedfind-root@1.1.0(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedhoist-non-react-statics@3.3.2(transitive)

• + Addedimport-fresh@3.3.0(transitive)

• + Addedis-arrayish@0.2.1(transitive)

• + Addedis-core-module@2.14.0(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedlines-and-columns@1.2.4(transitive)

• + Addedparent-module@1.0.1(transitive)

• + Addedparse-json@5.2.0(transitive)

• + Addedpath-parse@1.0.7(transitive)

• + Addedpath-type@4.0.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedresolve@1.22.8(transitive)

• + Addedresolve-from@4.0.0(transitive)

• + Addedsource-map@0.5.7(transitive)

• + Addedstylis@4.2.0(transitive)

• + Addedsupports-preserve-symlinks-flag@1.0.0(transitive)

• + Addedyaml@1.10.2(transitive)

• - Removedbabel-plugin-emotion@^11.0.0-next.8

• - Removed@emotion/core@11.0.0(transitive)

• - Removedbabel-plugin-emotion@11.0.0(transitive)