create-emotion-styled - npm Package Compare versions

Comparing version 9.1.2 to 9.2.0

dist/emotion.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("prop-types")):"function"==typeof define&&define.amd?define(["prop-types"],t):e["create-emotion-styled"]=t(e.PropTypes)}(this,function(e){"use strict";function t(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function n(e){this.setState({theme:e})}function r(){void 0!==this.context[a]&&(this.unsubscribe=this.context[a].subscribe(n.bind(this)))}function i(){void 0!==this.unsubscribe&&this.context[a].unsubscribe(this.unsubscribe)}e=e&&e.hasOwnProperty("default")?e.default:e;var o,a="__EMOTION_THEMING__",s=(o={},o[a]=e.object,o),l=/^((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)-.*))$/,c=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}(RegExp.prototype.test.bind(l)),p=function(e){return"theme"!==e&&"innerRef"!==e},d=function(){return!0},u=function(e,t){for(var n=2,r=arguments.length;n<r;n++){var i=arguments[n],o=void 0;for(o in i)e(o)&&(t[o]=i[o])}return t};return function(e,n){var o=function(a,l){function m(){return"."+g}var h,f,g,y;void 0!==l&&(h=l.e,f=l.label,g=l.target,y=l.shouldForwardProp);var v=a.__emotion_real===a,k=void 0===h?v&&a.__emotion_base||a:a;return"function"!=typeof y&&(y="string"==typeof k&&k.charAt(0)===k.charAt(0).toLowerCase()?c:p),function(){function c(){var t=this.props,r=this.state;this.mergedProps=u(d,{},t,{theme:null!==r&&r.theme||t.theme||{}});var i="",o=[];return t.className&&(i+=void 0===h?e.getRegisteredStyles(o,t.className):t.className+" "),i+=void 0===h?e.css.apply(this,b.concat(o)):h,void 0!==g&&(i+=" "+g),n.createElement(k,u(y,{},t,{className:i,ref:t.innerRef}))}var p=arguments,b=v&&void 0!==a.__emotion_styles?a.__emotion_styles.slice(0):[];if(void 0!==f&&b.push("label:"+f+";"),void 0===h)if(null==p[0]||void 0===p[0].raw)b.push.apply(b,p);else{b.push(p[0][0]);for(var x=p.length,_=1;_<x;_++)b.push(p[_],p[0][_])}var S=function(e){function n(){return e.apply(this,arguments)||this}t(n,e);var o=n.prototype;return o.componentWillMount=r,o.componentWillUnmount=i,o.render=c,n}(n.Component);return S.displayName=void 0!==f?f:"Styled("+("string"==typeof k?k:k.displayName||k.name||"Component")+")",S.contextTypes=s,S.__emotion_styles=b,S.__emotion_base=k,S.__emotion_real=S,Object.defineProperty(S,"toString",{enumerable:!1,value:m}),S.withComponent=function(e,t){return o(e,void 0!==t?u(d,{},l,t):l).apply(void 0,b)},S}};return o}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("prop-types")):"function"==typeof define&&define.amd?define(["prop-types"],t):e["create-emotion-styled"]=t(e.PropTypes)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t,r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o=("object"==typeof Reflect&&Reflect.construct,"__EMOTION_THEMING__"),v=((t={})[o]=e.object,t);var n,i;var b=(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)-.*))$/),i={},function(e){return void 0===i[e]&&(i[e]=n(e)),i[e]}),k=function(e){return"theme"!==e&&"innerRef"!==e},x=function(){return!0},_=function(e,t){for(var r=2,o=arguments.length;r<o;r++){var n=arguments[r],i=void 0;for(i in n)e(i)&&(t[i]=n[i])}return t};function P(){void 0!==this.context[o]&&(this.unsubscribe=this.context[o].subscribe(function(e){this.setState({theme:e})}.bind(this)))}function S(){void 0!==this.unsubscribe&&this.context[o].unsubscribe(this.unsubscribe)}return function(h,g){var y=function(a,s){var l,c,p,d;void 0!==s&&(l=s.e,c=s.label,p=s.target,d=a.__emotion_forwardProp&&s.shouldForwardProp?function(e){return a.__emotion_forwardProp(e)&&s.shouldForwardProp(e)}:s.shouldForwardProp);var u=a.__emotion_real===a,f=void 0===l&&u&&a.__emotion_base||a;function m(){return"."+p}return"function"!=typeof d&&(d="string"==typeof f&&f.charAt(0)===f.charAt(0).toLowerCase()?b:k),function(){var e=arguments,n=u&&void 0!==a.__emotion_styles?a.__emotion_styles.slice(0):[];if(void 0!==c&&n.push("label:"+c+";"),void 0===l)if(null==e[0]||void 0===e[0].raw)n.push.apply(n,e);else{n.push(e[0][0]);for(var t=e.length,r=1;r<t;r++)n.push(e[r],e[0][r])}function i(){var e=this.props,t=this.state;this.mergedProps=_(x,{},e,{theme:null!==t&&t.theme||e.theme||{}});var r="",o=[];return e.className&&(r+=void 0===l?h.getRegisteredStyles(o,e.className):e.className+" "),r+=void 0===l?h.css.apply(this,n.concat(o)):l,void 0!==p&&(r+=" "+p),g.createElement(f,_(d,{},e,{className:r,ref:e.innerRef}))}var o=function(e){var t,r;function o(){return e.apply(this,arguments)||this}r=e,(t=o).prototype=Object.create(r.prototype),(t.prototype.constructor=t).__proto__=r;var n=o.prototype;return n.componentWillMount=P,n.componentWillUnmount=S,n.render=i,o}(g.Component);return o.displayName=void 0!==c?c:"Styled("+("string"==typeof f?f:f.displayName||f.name||"Component")+")",void 0!==a.defaultProps&&(o.defaultProps=a.defaultProps),o.contextTypes=v,o.__emotion_styles=n,o.__emotion_base=f,(o.__emotion_real=o).__emotion_forwardProp=d,Object.defineProperty(o,"toString",{enumerable:!1,value:m}),o.withComponent=function(e,t){return y(e,void 0!==t?_(x,{},s,t):s).apply(void 0,n)},o}};return y}});
 //# sourceMappingURL=emotion.umd.min.js.map

dist/index.cjs.js

@@ -14,2 +14,15 @@ 'use strict';
 
+var _sPO = Object.setPrototypeOf || function _sPO(o, p) {
+  o.__proto__ = p;
+  return o;
+};
+
+var _construct = typeof Reflect === "object" && Reflect.construct || function _construct(Parent, args, Class) {
+  var Constructor,
+      a = [null];
+  a.push.apply(a, args);
+  Constructor = Parent.bind.apply(Parent, a);
+  return _sPO(new Constructor(), Class.prototype);
+};
+
 var channel = '__EMOTION_THEMING__';
@@ -97,2 +110,7 @@
 
+    function _ref(propName) {
+      return tag.__emotion_forwardProp(propName) && // $FlowFixMe
+      options.shouldForwardProp(propName);
+    }
+
     if (options !== undefined) {
@@ -102,3 +120,3 @@ staticClassName = options.e;
       stableClassName = options.target;
-      shouldForwardProp = options.shouldForwardProp;
+      shouldForwardProp = tag.__emotion_forwardProp && options.shouldForwardProp ? _ref : options.shouldForwardProp;
     }
@@ -195,2 +213,8 @@
       Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
+
+      if (tag.defaultProps !== undefined) {
+        // $FlowFixMe
+        Styled.defaultProps = tag.defaultProps;
+      }
+
       Styled.contextTypes = contextTypes;
@@ -200,2 +224,3 @@ Styled.__emotion_styles = styles;
       Styled.__emotion_real = Styled;
+      Styled.__emotion_forwardProp = shouldForwardProp;
       Object.defineProperty(Styled, 'toString', {
@@ -202,0 +227,0 @@ enumerable: false,

dist/index.es.js

@@ -10,2 +10,15 @@ import PropTypes from 'prop-types';
 
+var _sPO = Object.setPrototypeOf || function _sPO(o, p) {
+  o.__proto__ = p;
+  return o;
+};
+
+var _construct = typeof Reflect === "object" && Reflect.construct || function _construct(Parent, args, Class) {
+  var Constructor,
+      a = [null];
+  a.push.apply(a, args);
+  Constructor = Parent.bind.apply(Parent, a);
+  return _sPO(new Constructor(), Class.prototype);
+};
+
 var channel = '__EMOTION_THEMING__';
@@ -93,2 +106,7 @@
 
+    function _ref(propName) {
+      return tag.__emotion_forwardProp(propName) && // $FlowFixMe
+      options.shouldForwardProp(propName);
+    }
+
     if (options !== undefined) {
@@ -98,3 +116,3 @@ staticClassName = options.e;
       stableClassName = options.target;
-      shouldForwardProp = options.shouldForwardProp;
+      shouldForwardProp = tag.__emotion_forwardProp && options.shouldForwardProp ? _ref : options.shouldForwardProp;
     }
@@ -191,2 +209,8 @@
       Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
+
+      if (tag.defaultProps !== undefined) {
+        // $FlowFixMe
+        Styled.defaultProps = tag.defaultProps;
+      }
+
       Styled.contextTypes = contextTypes;
@@ -196,2 +220,3 @@ Styled.__emotion_styles = styles;
       Styled.__emotion_real = Styled;
+      Styled.__emotion_forwardProp = shouldForwardProp;
       Object.defineProperty(Styled, 'toString', {
@@ -198,0 +223,0 @@ enumerable: false,

package.json

 {
   "name": "create-emotion-styled",
-  "version": "9.1.2",
+  "version": "9.2.0",
   "description": "The styled API for emotion",
@@ -10,3 +10,4 @@ "main": "dist/index.cjs.js",
     "src",
-    "dist"
+    "dist",
+    "types"
   ],
@@ -16,2 +17,3 @@ "scripts": {
     "clean": "rimraf dist",
+    "test:typescript": "dtslint types",
     "rollup": "rollup -c ../../rollup.config.js",
@@ -24,7 +26,9 @@ "watch": "rollup -c ../../rollup.config.js --watch"
   "peerDependencies": {
-    "prop-types": ">= 15"
+    "prop-types": "15.x"
   },
   "devDependencies": {
+    "@types/react": "16.0.16",
+    "dtslint": "^0.3.0",
     "npm-run-all": "^4.0.2",
-    "prop-types": "^15.6.0",
+    "prop-types": "^15.6.1",
     "rimraf": "^2.6.1",
@@ -31,0 +35,0 @@ "rollup": "^0.51.3"

src/index.js

@@ -32,3 +32,9 @@ // @flow
       stableClassName = options.target
-      shouldForwardProp = options.shouldForwardProp
+      shouldForwardProp =
+        tag.__emotion_forwardProp && options.shouldForwardProp
+          ? propName =>
+              tag.__emotion_forwardProp(propName) &&
+              // $FlowFixMe
+              options.shouldForwardProp(propName)
+          : options.shouldForwardProp
     }
@@ -79,2 +85,3 @@ const isReal = tag.__emotion_real === tag
         static __emotion_target: string
+        static __emotion_forwardProp: void | (string => boolean)
         static withComponent: (ElementType, options?: StyledOptions) => any
@@ -145,2 +152,6 @@
 
+      if (tag.defaultProps !== undefined) {
+        // $FlowFixMe
+        Styled.defaultProps = tag.defaultProps
+      }
       Styled.contextTypes = contextTypes
@@ -150,2 +161,3 @@ Styled.__emotion_styles = styles
       Styled.__emotion_real = Styled
+      Styled.__emotion_forwardProp = shouldForwardProp
       Object.defineProperty(Styled, 'toString', {
@@ -152,0 +164,0 @@ enumerable: false,

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

Total package byte prevSize

146386

increased by23.2%

Number of package files

16

increased by60%

Lines of code

983

increased by60.88%

Worsened metrics

Dev dependency count

6

increased by50%

No dependency changes