@commercetools-uikit/flat-button 19.20.0 → 19.21.0
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.
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
var _pt = require('prop-types');
|
|
15
16
|
var react$1 = require('react');
|
|
16
17
|
var react = require('@emotion/react');
|
|
@@ -55,23 +56,18 @@ const getTextColor = props => {
|
|
|
55
56
|
}
|
|
56
57
|
};
|
|
57
58
|
|
|
59
|
+
const _excluded = ["tone", "type", "iconPosition", "isDisabled"];
|
|
58
60
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
59
61
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
60
62
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
61
63
|
const propsToOmit = ['type'];
|
|
62
|
-
const defaultProps = {
|
|
63
|
-
tone: 'primary',
|
|
64
|
-
type: 'button',
|
|
65
|
-
iconPosition: 'left',
|
|
66
|
-
isDisabled: false
|
|
67
|
-
};
|
|
68
64
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
69
65
|
name: "1989ovb",
|
|
70
66
|
styles: "vertical-align:middle"
|
|
71
67
|
} : {
|
|
72
68
|
name: "14vgzxd-ButtonIcon",
|
|
73
69
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
74
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
70
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPih7XG4gIHRvbmUgPSAncHJpbWFyeScsXG4gIHR5cGUgPSAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICBpc0Rpc2FibGVkID0gZmFsc2UsXG4gIC4uLnByb3BzXG59OiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhcbiAgICAgIG9taXQoXG4gICAgICAgIHtcbiAgICAgICAgICB0b25lLFxuICAgICAgICAgIHR5cGUsXG4gICAgICAgICAgaWNvblBvc2l0aW9uLFxuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0sXG4gICAgICAgIHByb3BzVG9PbWl0XG4gICAgICApXG4gICAgKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBpc0Rpc2FibGVkLFxuICB9O1xuICBjb25zdCBidXR0b25JY29uUHJvcHMgPSB7XG4gICAgdG9uZSxcbiAgICB0eXBlLFxuICAgIGljb25Qb3NpdGlvbixcbiAgICBpc0Rpc2FibGVkLFxuICAgIC4uLnByb3BzLFxuICB9IGFzIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgdG9uZTogdG9uZSxcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgfSl9O1xuICAgICAgICB9XG5cbiAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICBpc0ljb246IHRydWUsXG4gICAgICAgIH0pfTtcblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFpc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgICAgICAgaXNIb3ZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgfSl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgICAgICAgaXNIb3ZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICBpc0ljb246IHRydWUsXG4gICAgICAgICAgICAgICAgfSl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBpY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLmJ1dHRvbkljb25Qcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4uYnV0dG9uSWNvblByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */",
|
|
75
71
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
76
72
|
};
|
|
77
73
|
const ButtonIcon = props => {
|
|
@@ -98,51 +94,71 @@ ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
98
94
|
isDisabled: _pt__default["default"].bool
|
|
99
95
|
} : {};
|
|
100
96
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
101
|
-
const FlatButton =
|
|
97
|
+
const FlatButton = _ref2 => {
|
|
98
|
+
let _ref2$tone = _ref2.tone,
|
|
99
|
+
tone = _ref2$tone === void 0 ? 'primary' : _ref2$tone,
|
|
100
|
+
_ref2$type = _ref2.type,
|
|
101
|
+
type = _ref2$type === void 0 ? 'button' : _ref2$type,
|
|
102
|
+
_ref2$iconPosition = _ref2.iconPosition,
|
|
103
|
+
iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
|
|
104
|
+
_ref2$isDisabled = _ref2.isDisabled,
|
|
105
|
+
isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
|
|
106
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
102
107
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
103
108
|
'data-track-component': 'FlatButton'
|
|
104
|
-
}, utils.filterInvalidAttributes(omit__default["default"](
|
|
109
|
+
}, utils.filterInvalidAttributes(omit__default["default"](_objectSpread({
|
|
110
|
+
tone,
|
|
111
|
+
type,
|
|
112
|
+
iconPosition,
|
|
113
|
+
isDisabled
|
|
114
|
+
}, props), propsToOmit))), {}, {
|
|
105
115
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
106
116
|
// we fall back to `isDisabled`
|
|
107
|
-
disabled:
|
|
117
|
+
disabled: isDisabled
|
|
108
118
|
});
|
|
119
|
+
const buttonIconProps = _objectSpread({
|
|
120
|
+
tone,
|
|
121
|
+
type,
|
|
122
|
+
iconPosition,
|
|
123
|
+
isDisabled
|
|
124
|
+
}, props);
|
|
109
125
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
110
126
|
as: props.as,
|
|
111
|
-
type:
|
|
127
|
+
type: type,
|
|
112
128
|
label: props.label,
|
|
113
129
|
onClick: props.onClick,
|
|
114
|
-
isDisabled:
|
|
130
|
+
isDisabled: isDisabled,
|
|
115
131
|
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? `white-space: normal;
|
|
116
132
|
display: inline-block;` : '', ";span{color:", getTextColor({
|
|
117
|
-
tone:
|
|
118
|
-
isDisabled:
|
|
133
|
+
tone: tone,
|
|
134
|
+
isDisabled: isDisabled
|
|
119
135
|
}), ";}fill:", getTextColor({
|
|
120
|
-
tone:
|
|
121
|
-
isDisabled:
|
|
136
|
+
tone: tone,
|
|
137
|
+
isDisabled: isDisabled,
|
|
122
138
|
isIcon: true
|
|
123
|
-
}), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !
|
|
139
|
+
}), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !isDisabled ? `
|
|
124
140
|
&:hover,
|
|
125
141
|
&:focus {
|
|
126
142
|
span {
|
|
127
143
|
color: ${getTextColor({
|
|
128
|
-
tone:
|
|
144
|
+
tone: tone,
|
|
129
145
|
isHover: true,
|
|
130
|
-
isDisabled:
|
|
146
|
+
isDisabled: isDisabled
|
|
131
147
|
})};
|
|
132
148
|
}
|
|
133
149
|
svg * {
|
|
134
150
|
fill: ${getTextColor({
|
|
135
|
-
tone:
|
|
151
|
+
tone: tone,
|
|
136
152
|
isHover: true,
|
|
137
|
-
isDisabled:
|
|
153
|
+
isDisabled: isDisabled,
|
|
138
154
|
isIcon: true
|
|
139
155
|
})};
|
|
140
156
|
}
|
|
141
|
-
}` : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
157
|
+
}` : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRWxlbWVudFR5cGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnIHwgJ2NyaXRpY2FsJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KHtcbiAgdG9uZSA9ICdwcmltYXJ5JyxcbiAgdHlwZSA9ICdidXR0b24nLFxuICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgLi4ucHJvcHNcbn06IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKFxuICAgICAgb21pdChcbiAgICAgICAge1xuICAgICAgICAgIHRvbmUsXG4gICAgICAgICAgdHlwZSxcbiAgICAgICAgICBpY29uUG9zaXRpb24sXG4gICAgICAgICAgaXNEaXNhYmxlZCxcbiAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgfSxcbiAgICAgICAgcHJvcHNUb09taXRcbiAgICAgIClcbiAgICApLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gIH07XG4gIGNvbnN0IGJ1dHRvbkljb25Qcm9wcyA9IHtcbiAgICB0b25lLFxuICAgIHR5cGUsXG4gICAgaWNvblBvc2l0aW9uLFxuICAgIGlzRGlzYWJsZWQsXG4gICAgLi4ucHJvcHMsXG4gIH0gYXMgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogdG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBpc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIGljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4uYnV0dG9uSWNvblByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBpY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5idXR0b25JY29uUHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */"),
|
|
142
158
|
buttonAttributes: buttonAttributes,
|
|
143
|
-
children: [props.icon &&
|
|
159
|
+
children: [props.icon && iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, buttonIconProps)), jsxRuntime.jsx("span", {
|
|
144
160
|
children: props.label
|
|
145
|
-
}), props.icon &&
|
|
161
|
+
}), props.icon && iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, buttonIconProps))]
|
|
146
162
|
});
|
|
147
163
|
};
|
|
148
164
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -156,11 +172,10 @@ FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
156
172
|
isDisabled: _pt__default["default"].bool
|
|
157
173
|
} : {};
|
|
158
174
|
FlatButton.displayName = 'FlatButton';
|
|
159
|
-
FlatButton.defaultProps = defaultProps;
|
|
160
175
|
var FlatButton$1 = FlatButton;
|
|
161
176
|
|
|
162
177
|
// NOTE: This string will be replaced on build time with the package version.
|
|
163
|
-
var version = "19.
|
|
178
|
+
var version = "19.21.0";
|
|
164
179
|
|
|
165
180
|
exports["default"] = FlatButton$1;
|
|
166
181
|
exports.version = version;
|
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
require('prop-types');
|
|
15
16
|
var react$1 = require('react');
|
|
16
17
|
var react = require('@emotion/react');
|
|
@@ -54,15 +55,10 @@ const getTextColor = props => {
|
|
|
54
55
|
}
|
|
55
56
|
};
|
|
56
57
|
|
|
58
|
+
const _excluded = ["tone", "type", "iconPosition", "isDisabled"];
|
|
57
59
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
58
60
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
59
61
|
const propsToOmit = ['type'];
|
|
60
|
-
const defaultProps = {
|
|
61
|
-
tone: 'primary',
|
|
62
|
-
type: 'button',
|
|
63
|
-
iconPosition: 'left',
|
|
64
|
-
isDisabled: false
|
|
65
|
-
};
|
|
66
62
|
var _ref = {
|
|
67
63
|
name: "1989ovb",
|
|
68
64
|
styles: "vertical-align:middle"
|
|
@@ -82,60 +78,79 @@ const ButtonIcon = props => {
|
|
|
82
78
|
};
|
|
83
79
|
ButtonIcon.propTypes = {};
|
|
84
80
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
85
|
-
const FlatButton =
|
|
81
|
+
const FlatButton = _ref2 => {
|
|
82
|
+
let _ref2$tone = _ref2.tone,
|
|
83
|
+
tone = _ref2$tone === void 0 ? 'primary' : _ref2$tone,
|
|
84
|
+
_ref2$type = _ref2.type,
|
|
85
|
+
type = _ref2$type === void 0 ? 'button' : _ref2$type,
|
|
86
|
+
_ref2$iconPosition = _ref2.iconPosition,
|
|
87
|
+
iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
|
|
88
|
+
_ref2$isDisabled = _ref2.isDisabled,
|
|
89
|
+
isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
|
|
90
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
86
91
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
87
92
|
'data-track-component': 'FlatButton'
|
|
88
|
-
}, utils.filterInvalidAttributes(omit__default["default"](
|
|
93
|
+
}, utils.filterInvalidAttributes(omit__default["default"](_objectSpread({
|
|
94
|
+
tone,
|
|
95
|
+
type,
|
|
96
|
+
iconPosition,
|
|
97
|
+
isDisabled
|
|
98
|
+
}, props), propsToOmit))), {}, {
|
|
89
99
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
90
100
|
// we fall back to `isDisabled`
|
|
91
|
-
disabled:
|
|
101
|
+
disabled: isDisabled
|
|
92
102
|
});
|
|
103
|
+
const buttonIconProps = _objectSpread({
|
|
104
|
+
tone,
|
|
105
|
+
type,
|
|
106
|
+
iconPosition,
|
|
107
|
+
isDisabled
|
|
108
|
+
}, props);
|
|
93
109
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
94
110
|
as: props.as,
|
|
95
|
-
type:
|
|
111
|
+
type: type,
|
|
96
112
|
label: props.label,
|
|
97
113
|
onClick: props.onClick,
|
|
98
|
-
isDisabled:
|
|
114
|
+
isDisabled: isDisabled,
|
|
99
115
|
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? `white-space: normal;
|
|
100
116
|
display: inline-block;` : '', ";span{color:", getTextColor({
|
|
101
|
-
tone:
|
|
102
|
-
isDisabled:
|
|
117
|
+
tone: tone,
|
|
118
|
+
isDisabled: isDisabled
|
|
103
119
|
}), ";}fill:", getTextColor({
|
|
104
|
-
tone:
|
|
105
|
-
isDisabled:
|
|
120
|
+
tone: tone,
|
|
121
|
+
isDisabled: isDisabled,
|
|
106
122
|
isIcon: true
|
|
107
|
-
}), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !
|
|
123
|
+
}), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !isDisabled ? `
|
|
108
124
|
&:hover,
|
|
109
125
|
&:focus {
|
|
110
126
|
span {
|
|
111
127
|
color: ${getTextColor({
|
|
112
|
-
tone:
|
|
128
|
+
tone: tone,
|
|
113
129
|
isHover: true,
|
|
114
|
-
isDisabled:
|
|
130
|
+
isDisabled: isDisabled
|
|
115
131
|
})};
|
|
116
132
|
}
|
|
117
133
|
svg * {
|
|
118
134
|
fill: ${getTextColor({
|
|
119
|
-
tone:
|
|
135
|
+
tone: tone,
|
|
120
136
|
isHover: true,
|
|
121
|
-
isDisabled:
|
|
137
|
+
isDisabled: isDisabled,
|
|
122
138
|
isIcon: true
|
|
123
139
|
})};
|
|
124
140
|
}
|
|
125
141
|
}` : '', ";" + ("" ), "" ),
|
|
126
142
|
buttonAttributes: buttonAttributes,
|
|
127
|
-
children: [props.icon &&
|
|
143
|
+
children: [props.icon && iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, buttonIconProps)), jsxRuntime.jsx("span", {
|
|
128
144
|
children: props.label
|
|
129
|
-
}), props.icon &&
|
|
145
|
+
}), props.icon && iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, buttonIconProps))]
|
|
130
146
|
});
|
|
131
147
|
};
|
|
132
148
|
FlatButton.propTypes = {};
|
|
133
149
|
FlatButton.displayName = 'FlatButton';
|
|
134
|
-
FlatButton.defaultProps = defaultProps;
|
|
135
150
|
var FlatButton$1 = FlatButton;
|
|
136
151
|
|
|
137
152
|
// NOTE: This string will be replaced on build time with the package version.
|
|
138
|
-
var version = "19.
|
|
153
|
+
var version = "19.21.0";
|
|
139
154
|
|
|
140
155
|
exports["default"] = FlatButton$1;
|
|
141
156
|
exports.version = version;
|
|
@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
|
|
|
7
7
|
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
11
|
import _pt from 'prop-types';
|
|
11
12
|
import { cloneElement } from 'react';
|
|
12
13
|
import { css } from '@emotion/react';
|
|
@@ -37,23 +38,18 @@ const getTextColor = props => {
|
|
|
37
38
|
}
|
|
38
39
|
};
|
|
39
40
|
|
|
41
|
+
const _excluded = ["tone", "type", "iconPosition", "isDisabled"];
|
|
40
42
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
41
43
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
42
44
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
43
45
|
const propsToOmit = ['type'];
|
|
44
|
-
const defaultProps = {
|
|
45
|
-
tone: 'primary',
|
|
46
|
-
type: 'button',
|
|
47
|
-
iconPosition: 'left',
|
|
48
|
-
isDisabled: false
|
|
49
|
-
};
|
|
50
46
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
51
47
|
name: "1989ovb",
|
|
52
48
|
styles: "vertical-align:middle"
|
|
53
49
|
} : {
|
|
54
50
|
name: "14vgzxd-ButtonIcon",
|
|
55
51
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
56
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPih7XG4gIHRvbmUgPSAncHJpbWFyeScsXG4gIHR5cGUgPSAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICBpc0Rpc2FibGVkID0gZmFsc2UsXG4gIC4uLnByb3BzXG59OiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhcbiAgICAgIG9taXQoXG4gICAgICAgIHtcbiAgICAgICAgICB0b25lLFxuICAgICAgICAgIHR5cGUsXG4gICAgICAgICAgaWNvblBvc2l0aW9uLFxuICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgIH0sXG4gICAgICAgIHByb3BzVG9PbWl0XG4gICAgICApXG4gICAgKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBpc0Rpc2FibGVkLFxuICB9O1xuICBjb25zdCBidXR0b25JY29uUHJvcHMgPSB7XG4gICAgdG9uZSxcbiAgICB0eXBlLFxuICAgIGljb25Qb3NpdGlvbixcbiAgICBpc0Rpc2FibGVkLFxuICAgIC4uLnByb3BzLFxuICB9IGFzIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgdG9uZTogdG9uZSxcbiAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgfSl9O1xuICAgICAgICB9XG5cbiAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICBpc0ljb246IHRydWUsXG4gICAgICAgIH0pfTtcblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFpc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgICAgICAgaXNIb3ZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgfSl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgICAgICAgaXNIb3ZlcjogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICBpc0ljb246IHRydWUsXG4gICAgICAgICAgICAgICAgfSl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBpY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLmJ1dHRvbkljb25Qcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4uYnV0dG9uSWNvblByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */",
|
|
57
53
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
58
54
|
};
|
|
59
55
|
const ButtonIcon = props => {
|
|
@@ -80,51 +76,71 @@ ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
80
76
|
isDisabled: _pt.bool
|
|
81
77
|
} : {};
|
|
82
78
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
83
|
-
const FlatButton =
|
|
79
|
+
const FlatButton = _ref2 => {
|
|
80
|
+
let _ref2$tone = _ref2.tone,
|
|
81
|
+
tone = _ref2$tone === void 0 ? 'primary' : _ref2$tone,
|
|
82
|
+
_ref2$type = _ref2.type,
|
|
83
|
+
type = _ref2$type === void 0 ? 'button' : _ref2$type,
|
|
84
|
+
_ref2$iconPosition = _ref2.iconPosition,
|
|
85
|
+
iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
|
|
86
|
+
_ref2$isDisabled = _ref2.isDisabled,
|
|
87
|
+
isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
|
|
88
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
84
89
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
85
90
|
'data-track-component': 'FlatButton'
|
|
86
|
-
}, filterInvalidAttributes(omit(
|
|
91
|
+
}, filterInvalidAttributes(omit(_objectSpread({
|
|
92
|
+
tone,
|
|
93
|
+
type,
|
|
94
|
+
iconPosition,
|
|
95
|
+
isDisabled
|
|
96
|
+
}, props), propsToOmit))), {}, {
|
|
87
97
|
// if there is a divergence between `isDisabled` and `disabled`,
|
|
88
98
|
// we fall back to `isDisabled`
|
|
89
|
-
disabled:
|
|
99
|
+
disabled: isDisabled
|
|
90
100
|
});
|
|
101
|
+
const buttonIconProps = _objectSpread({
|
|
102
|
+
tone,
|
|
103
|
+
type,
|
|
104
|
+
iconPosition,
|
|
105
|
+
isDisabled
|
|
106
|
+
}, props);
|
|
91
107
|
return jsxs(AccessibleButton, {
|
|
92
108
|
as: props.as,
|
|
93
|
-
type:
|
|
109
|
+
type: type,
|
|
94
110
|
label: props.label,
|
|
95
111
|
onClick: props.onClick,
|
|
96
|
-
isDisabled:
|
|
112
|
+
isDisabled: isDisabled,
|
|
97
113
|
css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? `white-space: normal;
|
|
98
114
|
display: inline-block;` : '', ";span{color:", getTextColor({
|
|
99
|
-
tone:
|
|
100
|
-
isDisabled:
|
|
115
|
+
tone: tone,
|
|
116
|
+
isDisabled: isDisabled
|
|
101
117
|
}), ";}fill:", getTextColor({
|
|
102
|
-
tone:
|
|
103
|
-
isDisabled:
|
|
118
|
+
tone: tone,
|
|
119
|
+
isDisabled: isDisabled,
|
|
104
120
|
isIcon: true
|
|
105
|
-
}), ";*+span,*+svg{margin-left:", designTokens.spacing10, ";}", !
|
|
121
|
+
}), ";*+span,*+svg{margin-left:", designTokens.spacing10, ";}", !isDisabled ? `
|
|
106
122
|
&:hover,
|
|
107
123
|
&:focus {
|
|
108
124
|
span {
|
|
109
125
|
color: ${getTextColor({
|
|
110
|
-
tone:
|
|
126
|
+
tone: tone,
|
|
111
127
|
isHover: true,
|
|
112
|
-
isDisabled:
|
|
128
|
+
isDisabled: isDisabled
|
|
113
129
|
})};
|
|
114
130
|
}
|
|
115
131
|
svg * {
|
|
116
132
|
fill: ${getTextColor({
|
|
117
|
-
tone:
|
|
133
|
+
tone: tone,
|
|
118
134
|
isHover: true,
|
|
119
|
-
isDisabled:
|
|
135
|
+
isDisabled: isDisabled,
|
|
120
136
|
isIcon: true
|
|
121
137
|
})};
|
|
122
138
|
}
|
|
123
|
-
}` : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
139
|
+
}` : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRWxlbWVudFR5cGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnIHwgJ2NyaXRpY2FsJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KHtcbiAgdG9uZSA9ICdwcmltYXJ5JyxcbiAgdHlwZSA9ICdidXR0b24nLFxuICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgLi4ucHJvcHNcbn06IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKFxuICAgICAgb21pdChcbiAgICAgICAge1xuICAgICAgICAgIHRvbmUsXG4gICAgICAgICAgdHlwZSxcbiAgICAgICAgICBpY29uUG9zaXRpb24sXG4gICAgICAgICAgaXNEaXNhYmxlZCxcbiAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgfSxcbiAgICAgICAgcHJvcHNUb09taXRcbiAgICAgIClcbiAgICApLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IGlzRGlzYWJsZWQsXG4gIH07XG4gIGNvbnN0IGJ1dHRvbkljb25Qcm9wcyA9IHtcbiAgICB0b25lLFxuICAgIHR5cGUsXG4gICAgaWNvblBvc2l0aW9uLFxuICAgIGlzRGlzYWJsZWQsXG4gICAgLi4ucHJvcHMsXG4gIH0gYXMgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiB0b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogdG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBpc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIGljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4uYnV0dG9uSWNvblByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBpY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5idXR0b25JY29uUHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */"),
|
|
124
140
|
buttonAttributes: buttonAttributes,
|
|
125
|
-
children: [props.icon &&
|
|
141
|
+
children: [props.icon && iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, buttonIconProps)), jsx("span", {
|
|
126
142
|
children: props.label
|
|
127
|
-
}), props.icon &&
|
|
143
|
+
}), props.icon && iconPosition === 'right' && jsx(ButtonIcon, _objectSpread({}, buttonIconProps))]
|
|
128
144
|
});
|
|
129
145
|
};
|
|
130
146
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -138,10 +154,9 @@ FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
138
154
|
isDisabled: _pt.bool
|
|
139
155
|
} : {};
|
|
140
156
|
FlatButton.displayName = 'FlatButton';
|
|
141
|
-
FlatButton.defaultProps = defaultProps;
|
|
142
157
|
var FlatButton$1 = FlatButton;
|
|
143
158
|
|
|
144
159
|
// NOTE: This string will be replaced on build time with the package version.
|
|
145
|
-
var version = "19.
|
|
160
|
+
var version = "19.21.0";
|
|
146
161
|
|
|
147
162
|
export { FlatButton$1 as default, version };
|
|
@@ -43,8 +43,7 @@ export type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'>
|
|
|
43
43
|
* passed to `<FlatButton>`: <FlatButton as={Link} to="/foo" label="Foo" />.
|
|
44
44
|
*/ ComponentPropsWithRef<TStringOrComponent>;
|
|
45
45
|
declare const FlatButton: {
|
|
46
|
-
<TStringOrComponent extends ElementType = "button">(props: TFlatButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
46
|
+
<TStringOrComponent extends ElementType = "button">({ tone, type, iconPosition, isDisabled, ...props }: TFlatButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
47
47
|
displayName: string;
|
|
48
|
-
defaultProps: Pick<TFlatButtonProps<"button">, "type" | "isDisabled" | "tone" | "iconPosition">;
|
|
49
48
|
};
|
|
50
49
|
export default FlatButton;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/flat-button",
|
|
3
3
|
"description": "Flat buttons are minimal and a flat variation of primary and secondary buttons.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.21.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
27
|
-
"@commercetools-uikit/text": "19.
|
|
28
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.21.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.21.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "19.21.0",
|
|
27
|
+
"@commercetools-uikit/text": "19.21.0",
|
|
28
|
+
"@commercetools-uikit/utils": "19.21.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|