fix(Button): resolv issue #82, $btn-border-width variable

Author: alexander janet

package.json

@@ -189,12 +189,12 @@
   ],
   "dependencies": {
     "@bootstrap-styled/color": "^1.0.9",
-    "@bootstrap-styled/css-mixins": "^2.0.5",
+    "@bootstrap-styled/css-mixins": "^2.0.6",
     "@bootstrap-styled/css-utils": "^1.2.6",
     "@bootstrap-styled/utils": "^1.7.1",
     "@rollup-umd/documentation-cli": "^1.1.1",
     "basic-math-utils": "^0.3.4",
-    "bootstrap-styled": "^2.4.7",
+    "bootstrap-styled": "^2.4.10",
     "classnames": "^2.2.6",
     "lodash.omit": "^4.5.0",
     "map-to-css-modules": "^1.0.6",

src/Button/index.js

@@ -20,10 +20,10 @@ export const defaultProps = {
     '$enable-shadows': false,
     '$enable-hover-media-query': true,
     '$enable-transitions': true,
+    '$btn-border-width': '1px',
     '$btn-padding-x': '1rem',
     '$btn-padding-y': '.5rem',
     '$btn-line-height': '1.25',
-    '$btn-font-weight': 'normal',
     '$btn-box-shadow': 'inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075)',
     '$btn-focus-box-shadow': '0 0 0 2px rgba(2, 117, 216, 0.25)',
     '$btn-active-box-shadow': 'inset 0 3px 5px rgba(0, 0, 0, 0.125)',
@@ -133,6 +133,7 @@ export const propTypes = {
     '$btn-border-radius-lg': PropTypes.string,
     '$btn-border-radius-sm': PropTypes.string,
     '$btn-transition': PropTypes.string,
+    '$btn-border-width': PropTypes.string,
     '$link-hover-decoration': PropTypes.string,
     '$enable-rounded': PropTypes.bool,
     '$enable-shadows': PropTypes.bool,
@@ -221,7 +222,7 @@ const Button = styled(ButtonUnstyled)`
     props.theme['$btn-font-weight'],
     props.theme['$btn-line-height'],
     props.theme['$btn-transition'],
-    props.theme['$input-btn-border-width'],
+    props.theme['$btn-border-width'],
     props.theme['$btn-padding-x'],
     props.theme['$btn-padding-y'],
     props.theme['$font-size-base'],