@wadehrarshpreet/react-loading-skeleton - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+### [0.0.2](https://github.com/wadehrarshpreet/react-loading-skeleton/compare/v0.0.1...v0.0.2) (2020-01-17)
+
+
+### Bug Fixes
+
+* skeleton Theme fix ([cde4f33](https://github.com/wadehrarshpreet/react-loading-skeleton/commit/cde4f33be25c0b1024b191ed255f39be977191ad))
+
 ### 0.0.1 (2020-01-17)
@@ -7,0 +14,0 @@

dist/cjs/Skeleton/skeleton-theme.js

@@ -10,4 +10,2 @@ "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@emotion/core");
@@ -34,4 +32,4 @@
   var themeClass = (0, _core.css)(_templateObject(), color, color, highlightColor, color);
-  return _react["default"].createElement("div", {
-    className: themeClass
+  return (0, _core.jsx)("div", {
+    css: themeClass
   }, children);
@@ -38,0 +36,0 @@ };

dist/es/Skeleton/skeleton-theme.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@emotion/core");
@@ -36,4 +34,4 @@
   var themeClass = (0, _core.css)(_templateObject(), color, color, highlightColor, color);
-  return _react["default"].createElement("div", {
-    className: themeClass
+  return (0, _core.jsx)("div", {
+    css: themeClass
   }, children);
@@ -40,0 +38,0 @@ };

dist/esnext/Skeleton/skeleton-theme.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@emotion/core");
@@ -36,4 +34,4 @@
   var themeClass = (0, _core.css)(_templateObject(), color, color, highlightColor, color);
-  return _react["default"].createElement("div", {
-    className: themeClass
+  return (0, _core.jsx)("div", {
+    css: themeClass
   }, children);
@@ -40,0 +38,0 @@ };

dist/react-loading-skeleton.umd.js

 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/core'), require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@emotion/core', 'react'], factory) :
-  (global = global || self, factory(global['@wadehrarshpreet/react-loading-skeleton'] = {}, global['@emotion/Core'], global.React));
-}(this, (function (exports, core, React) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/core')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@emotion/core'], factory) :
+  (global = global || self, factory(global['@wadehrarshpreet/react-loading-skeleton'] = {}, global['@emotion/Core']));
+}(this, (function (exports, core) { 'use strict';
 
-  React = React && React.hasOwnProperty('default') ? React['default'] : React;
-
   function _taggedTemplateLiteralLoose(strings, raw) {
@@ -104,4 +102,4 @@ if (!raw) {
     var themeClass = core.css(_templateObject$1(), color, color, highlightColor, color);
-    return React.createElement("div", {
-      className: themeClass
+    return core.jsx("div", {
+      css: themeClass
     }, children);
@@ -108,0 +106,0 @@ };

dist/react-loading-skeleton.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@emotion/core"),require("react")):"function"==typeof define&&define.amd?define(["exports","@emotion/core","react"],n):n((t=t||self)["@wadehrarshpreet/react-loading-skeleton"]={},t["@emotion/Core"],t.React)}(this,(function(t,n,e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var r=function(t,n){return n||(n=t.slice(0)),t.raw=n,t};function o(){var t=r(["\n\t\t\t\t\t"," & {\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t\tanimation: "," ","s ease-in-out infinite;\n\t\t\t\t\t}\n\t\t\t\t"]);return o=function(){return t},t}function i(){var t=r(["\n\tbackground-color: ",";\n\tbackground-image: linear-gradient(\n\t\t90deg,\n\t\t",",\n\t\t",",\n\t\t","\n\t);\n\tbackground-size: 200px 100%;\n\tbackground-repeat: no-repeat;\n\tborder-radius: 4px;\n\tdisplay: inline-block;\n\tline-height: 1;\n\twidth: 100%;\n"]);return i=function(){return t},t}function a(){var t=r(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"]);return a=function(){return t},t}var u=n.keyframes(a()),c=n.css(i(),"#eee","#eee","#f5f5f5","#eee");function l(t){for(var e=t.count,r=t.duration,i=t.width,a=t.wrapper,l=t.height,d=t.circle,s=[],f=0;f<e;f++)s.push(n.jsx("span",{key:f,css:n.css(o(),c,l&&"height: "+l+"px;",i&&"width: "+i+"px;",null!==i&&null!==l&&d&&"border-radius: 50%;",u,String(r)),className:"react-loading-skeleton"},"‌"));return n.jsx("span",null,a?s.map((function(t,e){return n.jsx(a,{key:e},t,"‌")})):s)}function d(){var t=r(["\n\t\t.react-loading-skeleton {\n\t\t\tbackground-color: ",";\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\t",",\n\t\t\t\t",",\n\t\t\t\t","\n\t\t\t);\n\t\t}\n\t"]);return d=function(){return t},t}l.defaultProps={count:1,duration:1.2,width:null,wrapper:null,height:null,circle:!1};t.SkeletonTheme=function(t){var r=t.color,o=void 0===r?"#eee":r,i=t.highlightColor,a=void 0===i?"#f5f5f5":i,u=t.children,c=n.css(d(),o,o,a,o);return e.createElement("div",{className:c},u)},t.default=l,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@emotion/core")):"function"==typeof define&&define.amd?define(["exports","@emotion/core"],n):n((t=t||self)["@wadehrarshpreet/react-loading-skeleton"]={},t["@emotion/Core"])}(this,(function(t,n){"use strict";var e=function(t,n){return n||(n=t.slice(0)),t.raw=n,t};function r(){var t=e(["\n\t\t\t\t\t"," & {\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t\tanimation: "," ","s ease-in-out infinite;\n\t\t\t\t\t}\n\t\t\t\t"]);return r=function(){return t},t}function o(){var t=e(["\n\tbackground-color: ",";\n\tbackground-image: linear-gradient(\n\t\t90deg,\n\t\t",",\n\t\t",",\n\t\t","\n\t);\n\tbackground-size: 200px 100%;\n\tbackground-repeat: no-repeat;\n\tborder-radius: 4px;\n\tdisplay: inline-block;\n\tline-height: 1;\n\twidth: 100%;\n"]);return o=function(){return t},t}function i(){var t=e(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"]);return i=function(){return t},t}var u=n.keyframes(i()),a=n.css(o(),"#eee","#eee","#f5f5f5","#eee");function c(t){for(var e=t.count,o=t.duration,i=t.width,c=t.wrapper,d=t.height,l=t.circle,s=[],f=0;f<e;f++)s.push(n.jsx("span",{key:f,css:n.css(r(),a,d&&"height: "+d+"px;",i&&"width: "+i+"px;",null!==i&&null!==d&&l&&"border-radius: 50%;",u,String(o)),className:"react-loading-skeleton"},"‌"));return n.jsx("span",null,c?s.map((function(t,e){return n.jsx(c,{key:e},t,"‌")})):s)}function d(){var t=e(["\n\t\t.react-loading-skeleton {\n\t\t\tbackground-color: ",";\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\t",",\n\t\t\t\t",",\n\t\t\t\t","\n\t\t\t);\n\t\t}\n\t"]);return d=function(){return t},t}c.defaultProps={count:1,duration:1.2,width:null,wrapper:null,height:null,circle:!1};t.SkeletonTheme=function(t){var e=t.color,r=void 0===e?"#eee":e,o=t.highlightColor,i=void 0===o?"#f5f5f5":o,u=t.children,a=n.css(d(),r,r,i,r);return n.jsx("div",{css:a},u)},t.default=c,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=react-loading-skeleton.umd.min.js.map

package.json

 {
 	"name": "@wadehrarshpreet/react-loading-skeleton",
 	"homepage": "https://github.com/wadehrarshpreet/react-loading-skeleton",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"description": "React Loading Skeleton Library",
@@ -28,3 +28,3 @@ "repository": {
 		"build": "node build-tool/build.js",
-		"prepublish": "npm run lint && npm run build",
+		"pre-publish": "npm run lint && npm run build",
 		"publish": "npm run pre-publish && npm publish",
@@ -31,0 +31,0 @@ "doc:dev": "  start-storybook -p 6006 ",

No alert changes

Worsened metrics

Total package byte prevSize

38862

decreased by-0.78%

Lines of code

474

decreased by-1.04%

No dependency changes