@micromag/element-button 0.3.115 → 0.3.120

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +6 -26
  3. package/lib/index.js +6 -26
  4. package/package.json +3 -3
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-button-container{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border-radius:0;background-color:hsla(0,0%,100%,.1)}.micromag-element-button-container.micromag-element-button-active,.micromag-element-button-container.micromag-element-button-focus,.micromag-element-button-container:active,.micromag-element-button-container:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.micromag-element-button-container.micromag-element-button-disabled,.micromag-element-button-container:disabled{cursor:auto}.micromag-element-button-border{display:block}
1
+ .micromag-element-button-container{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border-radius:0;background-clip:padding-box;background-color:hsla(0,0%,100%,.1)}.micromag-element-button-container.micromag-element-button-active,.micromag-element-button-container.micromag-element-button-focus,.micromag-element-button-container:active,.micromag-element-button-container:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.micromag-element-button-container.micromag-element-button-disabled,.micromag-element-button-container:disabled{cursor:auto}.micromag-element-button-border{display:block}
package/es/index.js CHANGED
@@ -11,8 +11,7 @@ import { getStyleFromText, getStyleFromBox } from '@micromag/core/utils';
11
11
  var styles = {"container":"micromag-element-button-container","active":"micromag-element-button-active","focus":"micromag-element-button-focus","disabled":"micromag-element-button-disabled","border":"micromag-element-button-border"};
12
12
 
13
13
  var _excluded = ["textStyle", "buttonStyle", "type", "disabled", "focusable", "inline", "onClick", "children", "className", "withoutExternalBorder", "refButton"],
14
- _excluded2 = ["body"],
15
- _excluded3 = ["borderRadius", "borderWidth", "borderColor", "borderStyle"];
14
+ _excluded2 = ["body"];
16
15
  var propTypes = {
17
16
  textStyle: PropTypes.textStyle,
18
17
  buttonStyle: PropTypes.boxStyle,
@@ -57,8 +56,7 @@ var Button = function Button(_ref) {
57
56
  refButton = _ref.refButton,
58
57
  buttonProps = _objectWithoutProperties(_ref, _excluded);
59
58
 
60
- var finalStyles = null;
61
- var borderStyles = null; // eslint-disable-next-line no-unused-vars
59
+ var finalStyles = null; // eslint-disable-next-line no-unused-vars
62
60
 
63
61
  var _ref2 = buttonProps || {};
64
62
  _ref2.body;
@@ -76,32 +74,18 @@ var Button = function Button(_ref) {
76
74
 
77
75
  if (!withoutExternalBorder) {
78
76
  var _ref3 = finalStyles || {},
79
- _ref3$borderRadius = _ref3.borderRadius,
80
- borderRadius = _ref3$borderRadius === void 0 ? null : _ref3$borderRadius,
81
77
  _ref3$borderWidth = _ref3.borderWidth,
82
- borderWidth = _ref3$borderWidth === void 0 ? null : _ref3$borderWidth,
83
- _ref3$borderColor = _ref3.borderColor,
84
- borderColor = _ref3$borderColor === void 0 ? null : _ref3$borderColor,
85
- _ref3$borderStyle = _ref3.borderStyle,
86
- borderStyle = _ref3$borderStyle === void 0 ? null : _ref3$borderStyle,
87
- otherStyles = _objectWithoutProperties(_ref3, _excluded3);
78
+ borderWidth = _ref3$borderWidth === void 0 ? null : _ref3$borderWidth;
88
79
 
89
80
  var margin = borderWidth !== null && borderWidth > 0 ? '-1px' : null;
90
- finalStyles = _objectSpread(_objectSpread({}, otherStyles), {}, {
91
- borderRadius: borderRadius
81
+ finalStyles = _objectSpread(_objectSpread({}, finalStyles), {}, {
82
+ display: inline ? 'inline-block' : null
92
83
  }, margin !== null ? {
93
84
  margin: margin
94
85
  } : null);
95
- borderStyles = {
96
- borderRadius: borderRadius + borderWidth,
97
- borderWidth: borderWidth,
98
- borderColor: borderColor,
99
- borderStyle: borderStyle,
100
- display: inline ? 'inline-block' : null
101
- };
102
86
  }
103
87
 
104
- var button = /*#__PURE__*/React.createElement(Button$1, Object.assign({
88
+ return /*#__PURE__*/React.createElement(Button$1, Object.assign({
105
89
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
106
90
  disabled: disabled,
107
91
  style: finalStyles,
@@ -110,10 +94,6 @@ var Button = function Button(_ref) {
110
94
  type: type,
111
95
  focusable: focusable
112
96
  }, otherProps), children);
113
- return borderStyles !== null ? /*#__PURE__*/React.createElement("div", {
114
- className: styles.border,
115
- style: borderStyles
116
- }, button) : button;
117
97
  };
118
98
 
119
99
  Button.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -22,8 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var styles = {"container":"micromag-element-button-container","active":"micromag-element-button-active","focus":"micromag-element-button-focus","disabled":"micromag-element-button-disabled","border":"micromag-element-button-border"};
23
23
 
24
24
  var _excluded = ["textStyle", "buttonStyle", "type", "disabled", "focusable", "inline", "onClick", "children", "className", "withoutExternalBorder", "refButton"],
25
- _excluded2 = ["body"],
26
- _excluded3 = ["borderRadius", "borderWidth", "borderColor", "borderStyle"];
25
+ _excluded2 = ["body"];
27
26
  var propTypes = {
28
27
  textStyle: core.PropTypes.textStyle,
29
28
  buttonStyle: core.PropTypes.boxStyle,
@@ -68,8 +67,7 @@ var Button = function Button(_ref) {
68
67
  refButton = _ref.refButton,
69
68
  buttonProps = _objectWithoutProperties__default["default"](_ref, _excluded);
70
69
 
71
- var finalStyles = null;
72
- var borderStyles = null; // eslint-disable-next-line no-unused-vars
70
+ var finalStyles = null; // eslint-disable-next-line no-unused-vars
73
71
 
74
72
  var _ref2 = buttonProps || {};
75
73
  _ref2.body;
@@ -87,32 +85,18 @@ var Button = function Button(_ref) {
87
85
 
88
86
  if (!withoutExternalBorder) {
89
87
  var _ref3 = finalStyles || {},
90
- _ref3$borderRadius = _ref3.borderRadius,
91
- borderRadius = _ref3$borderRadius === void 0 ? null : _ref3$borderRadius,
92
88
  _ref3$borderWidth = _ref3.borderWidth,
93
- borderWidth = _ref3$borderWidth === void 0 ? null : _ref3$borderWidth,
94
- _ref3$borderColor = _ref3.borderColor,
95
- borderColor = _ref3$borderColor === void 0 ? null : _ref3$borderColor,
96
- _ref3$borderStyle = _ref3.borderStyle,
97
- borderStyle = _ref3$borderStyle === void 0 ? null : _ref3$borderStyle,
98
- otherStyles = _objectWithoutProperties__default["default"](_ref3, _excluded3);
89
+ borderWidth = _ref3$borderWidth === void 0 ? null : _ref3$borderWidth;
99
90
 
100
91
  var margin = borderWidth !== null && borderWidth > 0 ? '-1px' : null;
101
- finalStyles = _objectSpread__default["default"](_objectSpread__default["default"]({}, otherStyles), {}, {
102
- borderRadius: borderRadius
92
+ finalStyles = _objectSpread__default["default"](_objectSpread__default["default"]({}, finalStyles), {}, {
93
+ display: inline ? 'inline-block' : null
103
94
  }, margin !== null ? {
104
95
  margin: margin
105
96
  } : null);
106
- borderStyles = {
107
- borderRadius: borderRadius + borderWidth,
108
- borderWidth: borderWidth,
109
- borderColor: borderColor,
110
- borderStyle: borderStyle,
111
- display: inline ? 'inline-block' : null
112
- };
113
97
  }
114
98
 
115
- var button = /*#__PURE__*/React__default["default"].createElement(components.Button, Object.assign({
99
+ return /*#__PURE__*/React__default["default"].createElement(components.Button, Object.assign({
116
100
  className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
117
101
  disabled: disabled,
118
102
  style: finalStyles,
@@ -121,10 +105,6 @@ var Button = function Button(_ref) {
121
105
  type: type,
122
106
  focusable: focusable
123
107
  }, otherProps), children);
124
- return borderStyles !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
125
- className: styles.border,
126
- style: borderStyles
127
- }, button) : button;
128
108
  };
129
109
 
130
110
  Button.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-button",
3
- "version": "0.3.115",
3
+ "version": "0.3.120",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,7 +49,7 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.115",
52
+ "@micromag/core": "^0.3.120",
53
53
  "classnames": "^2.2.6",
54
54
  "prop-types": "^15.7.2",
55
55
  "react-intl": "^5.12.1",
@@ -58,5 +58,5 @@
58
58
  "publishConfig": {
59
59
  "access": "public"
60
60
  },
61
- "gitHead": "47c269c5f0b4b423cb5bb187f12ec821479b89dc"
61
+ "gitHead": "997e92f10cf01fd5557b5c842c62bacf0babbd5a"
62
62
  }