react-bootstrap-buttons - npm Package Compare versions

Comparing version 0.5.0 to 1.0.0

lib/index.js

@@ -1,2 +0,2 @@
-/*! react-bootstrap-buttons v0.5.0 | (c) 2019 Cheton Wu <[e-mail]> | MIT | https://github.com/cheton/react-bootstrap-buttons */
+/*! react-bootstrap-buttons v1.0.0 | (c) 2019 Cheton Wu <[e-mail]> | MIT | https://github.com/cheton/react-bootstrap-buttons */
 module.exports =
@@ -107,4 +107,5 @@ /******/ (function(modules) { // webpackBootstrap
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
-/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./styles/index.styl */ "./src/styles/index.styl");
-/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_styles_index_styl__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _deprecate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./deprecate */ "./src/deprecate.js");
+/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles/index.styl */ "./src/styles/index.styl");
+/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_index_styl__WEBPACK_IMPORTED_MODULE_5__);
 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); }
@@ -123,2 +124,3 @@
 
+
 /**
@@ -135,2 +137,6 @@ * @example ../examples/Button.md
       btnSize = _ref.btnSize,
+      lg = _ref.lg,
+      md = _ref.md,
+      sm = _ref.sm,
+      xs = _ref.xs,
       btnStyle = _ref.btnStyle,
@@ -143,5 +149,37 @@ outline = _ref.outline,
       disabled = _ref.disabled,
-      props = _objectWithoutProperties(_ref, ["className", "tag", "type", "btnSize", "btnStyle", "outline", "block", "active", "hover", "focus", "disabled"]);
+      props = _objectWithoutProperties(_ref, ["className", "tag", "type", "btnSize", "lg", "md", "sm", "xs", "btnStyle", "outline", "block", "active", "hover", "focus", "disabled"]);
 
-  var classes = (_classes = {}, _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btn, true), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnLg, btnSize === 'large' || btnSize === 'lg'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnMd, btnSize === 'medium' || btnSize === 'md'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnSm, btnSize === 'small' || btnSize === 'sm'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnXs, btnSize === 'extra-small' || btnSize === 'xs'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnDefault, btnStyle === 'default' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnPrimary, btnStyle === 'primary' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnSecondary, btnStyle === 'secondary' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnDanger, btnStyle === 'danger' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnWarning, btnStyle === 'warning' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnInfo, btnStyle === 'info' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnSuccess, btnStyle === 'success' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnLight, btnStyle === 'light' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnDark, btnStyle === 'dark' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnLink, btnStyle === 'link'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineDefault, btnStyle === 'default' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlinePrimary, btnStyle === 'primary' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineSecondary, btnStyle === 'secondary' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineDanger, btnStyle === 'danger' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineWarning, btnStyle === 'warning' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineInfo, btnStyle === 'info' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineSuccess, btnStyle === 'success' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineLight, btnStyle === 'light' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnOutlineDark, btnStyle === 'dark' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.btnBlock, block), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.hover, hover), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.active, active), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_4___default.a.focus, focus), _classes);
+  if (btnSize !== undefined) {
+    var deprecatedPropName = 'btnSize';
+    var remappedPropName = 'lg|md|sm|xs';
+    Object(_deprecate__WEBPACK_IMPORTED_MODULE_4__["default"])({
+      deprecatedPropName: deprecatedPropName,
+      remappedPropName: remappedPropName
+    });
+    lg = btnSize === 'large' || btnSize === 'lg';
+    md = btnSize === 'medium' || btnSize === 'md';
+    sm = btnSize === 'small' || btnSize === 'sm';
+    xs = btnSize === 'extra-small' || btnSize === 'xs';
+  }
+
+  if (lg) {
+    md = false;
+    sm = false;
+    xs = false;
+  }
+
+  if (md) {
+    sm = false;
+    xs = false;
+  }
+
+  if (sm) {
+    xs = false;
+  }
+
+  if (!lg && !md && !sm && !xs) {
+    md = true;
+  }
+
+  var classes = (_classes = {}, _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btn, true), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnLg, lg), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnMd, md), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnSm, sm), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnXs, xs), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnDefault, btnStyle === 'default' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnPrimary, btnStyle === 'primary' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnSecondary, btnStyle === 'secondary' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnDanger, btnStyle === 'danger' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnWarning, btnStyle === 'warning' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnInfo, btnStyle === 'info' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnSuccess, btnStyle === 'success' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnLight, btnStyle === 'light' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnDark, btnStyle === 'dark' && !outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnLink, btnStyle === 'link'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineDefault, btnStyle === 'default' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlinePrimary, btnStyle === 'primary' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineSecondary, btnStyle === 'secondary' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineDanger, btnStyle === 'danger' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineWarning, btnStyle === 'warning' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineInfo, btnStyle === 'info' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineSuccess, btnStyle === 'success' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineLight, btnStyle === 'light' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnOutlineDark, btnStyle === 'dark' && outline), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnBlock, block), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.hover, hover), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.active, active), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.focus, focus), _classes);
   return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Component, _extends({}, props, {
@@ -165,4 +203,12 @@ type: type,
   type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['button', 'reset', 'submit']),
-  // Component size variations.
+  // [deprecated] Component size variations.
   btnSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(_constants__WEBPACK_IMPORTED_MODULE_3__["btnSizes"]),
+  // Large button.
+  lg: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Medium button.
+  md: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Small button.
+  sm: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Extra small button.
+  xs: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
   // Component visual or contextual style variants.
@@ -186,3 +232,2 @@ btnStyle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(_constants__WEBPACK_IMPORTED_MODULE_3__["btnStyles"]),
   type: 'button',
-  btnSize: 'md',
   btnStyle: 'default',
@@ -217,4 +262,5 @@ outline: false,
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
-/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles/index.styl */ "./src/styles/index.styl");
-/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_index_styl__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _deprecate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./deprecate */ "./src/deprecate.js");
+/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styles/index.styl */ "./src/styles/index.styl");
+/* harmony import */ var _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_styles_index_styl__WEBPACK_IMPORTED_MODULE_6__);
 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); }
@@ -235,2 +281,3 @@
 
+
 var getComponentType = function getComponentType(Component) {
@@ -248,2 +295,6 @@ return Component ? react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Component, null).type : undefined;
   var btnSize = _ref.btnSize,
+      lg = _ref.lg,
+      md = _ref.md,
+      sm = _ref.sm,
+      xs = _ref.xs,
       btnStyle = _ref.btnStyle,
@@ -253,5 +304,37 @@ vertical = _ref.vertical,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, ["btnSize", "btnStyle", "vertical", "children", "className"]);
+      props = _objectWithoutProperties(_ref, ["btnSize", "lg", "md", "sm", "xs", "btnStyle", "vertical", "children", "className"]);
 
-  var classes = (_classes = {}, _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroup, !vertical), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroupVertical, !!vertical), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroupLg, btnSize === 'large' || btnSize === 'lg'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroupMd, btnSize === 'medium' || btnSize === 'md'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroupSm, btnSize === 'small' || btnSize === 'sm'), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_5___default.a.btnGroupXs, btnSize === 'extra-small' || btnSize === 'xs'), _classes);
+  if (btnSize !== undefined) {
+    var deprecatedPropName = 'btnSize';
+    var remappedPropName = 'lg|md|sm|xs';
+    Object(_deprecate__WEBPACK_IMPORTED_MODULE_5__["default"])({
+      deprecatedPropName: deprecatedPropName,
+      remappedPropName: remappedPropName
+    });
+    lg = btnSize === 'large' || btnSize === 'lg';
+    md = btnSize === 'medium' || btnSize === 'md';
+    sm = btnSize === 'small' || btnSize === 'sm';
+    xs = btnSize === 'extra-small' || btnSize === 'xs';
+  }
+
+  if (lg) {
+    md = false;
+    sm = false;
+    xs = false;
+  }
+
+  if (md) {
+    sm = false;
+    xs = false;
+  }
+
+  if (sm) {
+    xs = false;
+  }
+
+  if (!lg && !md && !sm && !xs) {
+    md = true;
+  }
+
+  var classes = (_classes = {}, _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroup, !vertical), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroupVertical, !!vertical), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroupLg, lg), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroupMd, md), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroupSm, sm), _defineProperty(_classes, _styles_index_styl__WEBPACK_IMPORTED_MODULE_6___default.a.btnGroupXs, xs), _classes);
   return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", _extends({}, props, {
@@ -279,4 +362,12 @@ className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(className, classes)
 ButtonGroup.propTypes = {
-  // Component size variations.
+  // [deprecated] Component size variations.
   btnSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(_constants__WEBPACK_IMPORTED_MODULE_4__["btnSizes"]),
+  // Large button group.
+  lg: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Medium button group.
+  md: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Small button group.
+  sm: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  // Extra small button group.
+  xs: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
   // Component visual or contextual style variants.
@@ -351,2 +442,27 @@ btnStyle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(_constants__WEBPACK_IMPORTED_MODULE_4__["btnStyles"]),
 
+/***/ "./src/deprecate.js":
+/*!**************************!*\
+  !*** ./src/deprecate.js ***!
+  \**************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+var deprecateProp = function deprecateProp(_ref) {
+  var deprecatedPropName = _ref.deprecatedPropName,
+      remappedPropName = _ref.remappedPropName;
+
+  if (remappedPropName) {
+    console.warn("Warning: the \"".concat(deprecatedPropName, "\" prop is deprecated. Use \"").concat(remappedPropName, "\" instead."));
+    return;
+  }
+
+  console.warn("Warning: the \"".concat(deprecatedPropName, "\" prop is deprecated."));
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (deprecateProp);
+
+/***/ }),
+
 /***/ "./src/index.js":
@@ -353,0 +469,0 @@ /*!**********************!*\

package.json

 {
   "name": "react-bootstrap-buttons",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "description": "React Bootstrap buttons.",
@@ -11,3 +11,3 @@ "main": "lib/index.js",
   "scripts": {
-    "prepublish": "npm run eslint && npm test && npm run clean && npm run build && npm run styleguide:build",
+    "prepare": "npm run eslint && npm test && npm run clean && npm run build && npm run styleguide:build",
     "build": "webpack && npm run cleancss",
@@ -19,4 +19,4 @@ "clean": "rm -rf {lib,dist,docs}/*",
     "eslint:fix": "eslint --fix ./src",
-    "test": "tap test/*.js --node-arg=--require --node-arg=@babel/register --node-arg=--require --node-arg=@babel/polyfill",
-    "coveralls": "tap test/*.js --coverage --coverage-report=text-lcov --nyc-arg=--require --nyc-arg=@babel/register --nyc-arg=--require --nyc-arg=@babel/polyfill | coveralls",
+    "test": "tap test/*.js --node-arg=--require --node-arg=@babel/register",
+    "coveralls": "tap test/*.js --coverage --coverage-report=text-lcov --nyc-arg=--require --nyc-arg=@babel/register | coveralls",
     "dev": "npm run styleguide",
@@ -50,54 +50,55 @@ "styleguide": "styleguidist server",
   "peerDependencies": {
-    "react": "^0.14.0 || >=15.0.0"
+    "react": ">=15.0.0"
   },
   "dependencies": {
     "classnames": "^2.2.5",
-    "color": "^3.1.0",
     "prop-types": "^15.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "~7.2.3",
-    "@babel/core": "~7.2.2",
-    "@babel/polyfill": "~7.2.3",
-    "@babel/preset-env": "~7.2.3",
+    "@babel/cli": "~7.5.5",
+    "@babel/core": "~7.5.5",
+    "@babel/polyfill": "~7.4.4",
+    "@babel/preset-env": "~7.5.5",
     "@babel/preset-react": "~7.0.0",
-    "@babel/register": "~7.0.0",
-    "@fortawesome/fontawesome-free": "~5.6.3",
+    "@babel/register": "~7.5.5",
+    "@fortawesome/fontawesome-free": "~5.9.0",
     "@trendmicro/babel-config": "~1.0.0-alpha",
-    "babel-eslint": "~10.0.1",
-    "babel-loader": "~8.0.4",
+    "babel-eslint": "~10.0.2",
+    "babel-loader": "~8.0.6",
     "clean-css": "~4.2.1",
-    "clean-css-cli": "~4.2.1",
-    "coveralls": "~3.0.2",
+    "clean-css-cli": "~4.3.0",
+    "coveralls": "~3.0.5",
     "cross-env": "~5.2.0",
-    "css-loader": "~1.0.0",
-    "enzyme": "~3.8.0",
-    "enzyme-adapter-react-16": "~1.7.1",
-    "eslint": "~5.10.0",
+    "css-loader": "~3.1.0",
+    "enzyme": "~3.10.0",
+    "enzyme-adapter-react-16": "~1.14.0",
+    "eslint": "~6.1.0",
     "eslint-config-trendmicro": "~1.4.1",
-    "eslint-loader": "~2.1.1",
-    "eslint-plugin-import": "~2.14.0",
-    "eslint-plugin-jsx-a11y": "~6.1.2",
-    "eslint-plugin-react": "~7.11.1",
+    "eslint-loader": "~2.2.1",
+    "eslint-plugin-import": "~2.18.2",
+    "eslint-plugin-jsx-a11y": "~6.2.3",
+    "eslint-plugin-react": "~7.14.2",
     "extract-text-webpack-plugin": "~3.0.2",
-    "file-loader": "~3.0.1",
+    "file-loader": "~4.1.0",
     "find-imports": "~1.1.0",
     "html-webpack-plugin": "~3.2.0",
     "http-server": "~0.11.1",
-    "jsdom": "~13.1.0",
-    "mini-css-extract-plugin": "~0.5.0",
-    "nib": "~1.1.2",
-    "react": "~16.7.0",
-    "react-dom": "~16.7.0",
-    "react-styleguidist": "~8.0.6",
+    "jsdom": "~15.1.1",
+    "mini-css-extract-plugin": "~0.8.0",
+    "react": "~16.8.0",
+    "react-dom": "~16.8.0",
+    "react-github-corner": "~2.3.0",
+    "react-styleguidist": "~9.1.11",
     "style-loader": "~0.23.1",
-    "stylint": "~1.5.9",
+    "styled-components": "~4.3.2",
+    "stylint": "~2.0.0",
+    "stylus": "~0.54.5",
     "stylus-loader": "~3.0.2",
-    "tap": "~12.1.1",
+    "tap": "~14.4.2",
     "trendmicro-ui": "~0.5.2",
-    "url-loader": "~1.1.2",
-    "webpack": "~4.28.1",
-    "webpack-cli": "~3.1.2",
-    "webpack-dev-server": "~3.1.10"
+    "url-loader": "~2.1.0",
+    "webpack": "~4.36.1",
+    "webpack-cli": "~3.3.6",
+    "webpack-dev-server": "~3.7.2"
   }
 }

README.md

@@ -66,3 +66,6 @@ # react-bootstrap-buttons [![build status](https://travis-ci.org/cheton/react-bootstrap-buttons.svg?branch=master)](https://travis-ci.org/cheton/react-bootstrap-buttons) [![Coverage Status](https://coveralls.io/repos/github/cheton/react-bootstrap-buttons/badge.svg?branch=master)](https://coveralls.io/github/cheton/react-bootstrap-buttons?branch=master)
 type | One of:<br/>'button'<br/>'reset'<br/>'submit' | 'button' | Specifies the type of button.
-btnSize | One of:<br/>'lg'<br/>'md'<br/>'sm'<br/>'xs'<br/>'large'<br/>'medium'<br/>'small'<br/>'extra-small' | 'md' | Component size variations.
+lg | Boolean | | Large button.
+md | Boolean | | Medium button.
+sm | Boolean | | Small button.
+xs | Boolean | | Extra small button.
 btnStyle | One of:<br/>'default'<br/>'primary'<br/>'secondary'<br/>'danger'<br/>'warning'<br/>'info'<br/>'success'<br/>'light'<br/>'dark'<br/>'link'<br/> | 'default' | Component visual or contextual style variants.
@@ -80,3 +83,6 @@ outline | Boolean | false | Specifies whether to remove background image and color on a button.
 :--- | :--- | :------ | :----------
-btnSize | One of:<br/>'lg'<br/>'md'<br/>'sm'<br/>'xs'<br/>'large'<br/>'medium'<br/>'small'<br/>'extra-small' | | Component size variations.
+lg | Boolean | | Large button group.
+md | Boolean | | Medium button group.
+sm | Boolean | | Small button group.
+xs | Boolean | | Extra small button group.
 btnStyle | One of:<br/>'default'<br/>'primary'<br/>'secondary'<br/>'danger'<br/>'warning'<br/>'info'<br/>'success'<br/>'light'<br/>'dark'<br/>'link'<br/> | | Component visual or contextual style variants.
@@ -83,0 +89,0 @@ vertical | Boolean | false | Specifies whether a button group should be aligned vertically or not.

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-25%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

97

increased by6.59%

Worsened metrics

Total package byte prevSize

172419

decreased by-3.43%

Dev dependency count

45

increased by4.65%

Lines of code

1300

decreased by-0.08%

Dependency changes

• - Removedcolor@^3.1.0

• - Removedcolor@3.2.1(transitive)

• - Removedcolor-convert@1.9.3(transitive)

• - Removedcolor-name@1.1.3(transitive)

• - Removedcolor-string@1.9.1(transitive)

• - Removedis-arrayish@0.3.2(transitive)

• - Removedsimple-swizzle@0.2.2(transitive)