Update Loader component.

Author: Tina C Lin (RD-TW)

docs/bundle.js

@@ -22354,7 +22354,7 @@
 
 
 	// module
-	exports.push([module.id, "/*! react-loader v0.1.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-loader */\n.loader---loader---3Kv7h {\n  display: inline-block;\n  margin: 0 auto;\n  position: relative;\n  text-indent: -9999em;\n  vertical-align: top;\n  border: 2px solid rgba(0,0,0,0.2);\n  border-left-color: rgba(0,0,0,0.8);\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: loader---spinner---2cR6i 1s infinite linear;\n  -moz-animation: loader---spinner---2cR6i 1s infinite linear;\n  -o-animation: loader---spinner---2cR6i 1s infinite linear;\n  -ms-animation: loader---spinner---2cR6i 1s infinite linear;\n  animation: loader---spinner---2cR6i 1s infinite linear;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n}\n.loader---loader---3Kv7h.loader---small---lG1lQ {\n  width: 16px;\n  height: 16px;\n}\n.loader---loader---3Kv7h.loader---medium---3uYbD {\n  width: 32px;\n  height: 32px;\n}\n.loader---loader---3Kv7h.loader---large----MUQK {\n  width: 56px;\n  height: 56px;\n}\n.loader---loader-overlay---IQP-L {\n  background-color: rgba(255,255,255,0.8);\n  cursor: wait;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---small---lG1lQ {\n  top: 50%;\n  left: 50%;\n  margin-top: -8px;\n  margin-left: -8px;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---medium---3uYbD {\n  top: 50%;\n  left: 50%;\n  margin-top: -16px;\n  margin-left: -16px;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---large----MUQK {\n  top: 50%;\n  left: 50%;\n  margin-top: -28px;\n  margin-left: -28px;\n}\n@-moz-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-o-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n/*# sourceMappingURL=react-loader.css.map*/", ""]);
+	exports.push([module.id, "/*! react-loader v0.5.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-loader */\n.loader---loader-container---3z9L3 {\n  display: block;\n}\n.loader---loader---3Kv7h {\n  display: inline-block;\n  margin: 0 auto;\n  position: relative;\n  text-indent: -9999em;\n  vertical-align: top;\n  border: 2px solid rgba(0,0,0,0.2);\n  border-left-color: rgba(0,0,0,0.8);\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: loader---spinner---2cR6i 1s infinite linear;\n  -moz-animation: loader---spinner---2cR6i 1s infinite linear;\n  -o-animation: loader---spinner---2cR6i 1s infinite linear;\n  -ms-animation: loader---spinner---2cR6i 1s infinite linear;\n  animation: loader---spinner---2cR6i 1s infinite linear;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n}\n.loader---loader---3Kv7h.loader---small---lG1lQ {\n  width: 16px;\n  height: 16px;\n}\n.loader---loader---3Kv7h.loader---medium---3uYbD {\n  width: 32px;\n  height: 32px;\n}\n.loader---loader---3Kv7h.loader---large----MUQK {\n  width: 56px;\n  height: 56px;\n}\n.loader---loader-overlay---IQP-L {\n  background-color: rgba(255,255,255,0.8);\n  cursor: wait;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---small---lG1lQ {\n  top: 50%;\n  left: 50%;\n  margin-top: -8px;\n  margin-left: -8px;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---medium---3uYbD {\n  top: 50%;\n  left: 50%;\n  margin-top: -16px;\n  margin-left: -16px;\n}\n.loader---loader-overlay---IQP-L > .loader---loader---3Kv7h.loader---large----MUQK {\n  top: 50%;\n  left: 50%;\n  margin-top: -28px;\n  margin-left: -28px;\n}\n@-moz-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-o-keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes loader---spinner---2cR6i {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n/*# sourceMappingURL=react-loader.css.map*/", ""]);
 
 	// exports
 
@@ -22363,7 +22363,7 @@
 /* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/*! react-loader v0.1.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-loader */
+	/*! react-loader v0.5.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-loader */
 	module.exports =
 	/******/ (function(modules) { // webpackBootstrap
 	/******/ 	// The module cache
@@ -22513,7 +22513,7 @@
 	            return _react2.default.createElement(
 	                'div',
 	                {
-	                    className: (0, _classnames2.default)(className, _defineProperty({}, _index2.default['loader-overlay'], overlay))
+	                    className: (0, _classnames2.default)(className, _index2.default['loader-container'], _defineProperty({}, _index2.default['loader-overlay'], overlay))
 	                },
 	                _react2.default.createElement('span', _extends({}, others, {
 	                    className: (0, _classnames2.default)(_index2.default.loader, _defineProperty({}, _index2.default.large, size === 'large' || size === 'lg'), _defineProperty({}, _index2.default.medium, size === 'medium' || size === 'md'), _defineProperty({}, _index2.default.small, size === 'small' || size === 'sm'))
@@ -22538,7 +22538,7 @@
 	/***/ (function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
-	module.exports = {"loader":"loader---loader---3Kv7h","spinner":"loader---spinner---2cR6i","small":"loader---small---lG1lQ","medium":"loader---medium---3uYbD","large":"loader---large----MUQK","loader-overlay":"loader---loader-overlay---IQP-L","loaderOverlay":"loader---loader-overlay---IQP-L"};
+	module.exports = {"loader-container":"loader---loader-container---3z9L3","loaderContainer":"loader---loader-container---3z9L3","loader":"loader---loader---3Kv7h","spinner":"loader---spinner---2cR6i","small":"loader---small---lG1lQ","medium":"loader---medium---3uYbD","large":"loader---large----MUQK","loader-overlay":"loader---loader-overlay---IQP-L","loaderOverlay":"loader---loader-overlay---IQP-L"};
 
 	/***/ }),
 	/* 2 */
@@ -22851,4 +22851,4 @@
 
 /***/ }
 /******/ ]);
-//# sourceMappingURL=bundle.js.map?141e67237f3cadb6716d
+//# sourceMappingURL=bundle.js.map?e1a0636b71c6a8821adc

docs/bundle.js.map

@@ -46,5 +46,5 @@
         </div>
     </nav>
     <div id="container"></div>
-<script type="text/javascript" src="bundle.js?141e67237f3cadb6716d"></script></body>
+<script type="text/javascript" src="bundle.js?e1a0636b71c6a8821adc"></script></body>
 </html>

docs/index.html

@@ -54,7 +54,7 @@
     "react": "^0.14.0 || ^15.0.0"
   },
   "dependencies": {
-    "@trendmicro/react-loader": "^0.1.0",
+    "@trendmicro/react-loader": "^0.5.0",
     "classnames": "^2.2.5",
     "react-addons-shallow-compare": "^0.14.0 || ^15.0.0"
   },