@commercetools-uikit/flat-button 15.15.1 → 16.1.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.
|
@@ -40,33 +40,25 @@ const getTextColor = props => {
|
|
|
40
40
|
if (props.isIcon && props.isDisabled) {
|
|
41
41
|
return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
|
|
42
42
|
}
|
|
43
|
-
|
|
44
43
|
if (props.isDisabled) {
|
|
45
44
|
return designSystem.designTokens.fontColorForTextWhenDisabled;
|
|
46
45
|
}
|
|
47
|
-
|
|
48
46
|
switch (props.tone) {
|
|
49
47
|
case 'primary':
|
|
50
48
|
return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
|
|
51
|
-
|
|
52
49
|
case 'secondary':
|
|
53
50
|
return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
|
|
54
|
-
|
|
55
51
|
case 'inverted':
|
|
56
52
|
return designSystem.designTokens.fontColorForFlatButtonAsInverted;
|
|
57
|
-
|
|
58
53
|
case 'critical':
|
|
59
54
|
return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
|
|
60
|
-
|
|
61
55
|
default:
|
|
62
56
|
return 'inherit';
|
|
63
57
|
}
|
|
64
58
|
};
|
|
65
59
|
|
|
66
60
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
67
|
-
|
|
68
61
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
69
|
-
|
|
70
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)."; }
|
|
71
63
|
const propsToOmit = ['type'];
|
|
72
64
|
const defaultProps = {
|
|
@@ -75,7 +67,6 @@ const defaultProps = {
|
|
|
75
67
|
iconPosition: 'left',
|
|
76
68
|
isDisabled: false
|
|
77
69
|
};
|
|
78
|
-
|
|
79
70
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
80
71
|
name: "1989ovb",
|
|
81
72
|
styles: "vertical-align:middle"
|
|
@@ -85,23 +76,19 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
85
76
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
|
|
86
77
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
87
78
|
};
|
|
88
|
-
|
|
89
79
|
const ButtonIcon = props => {
|
|
90
80
|
if (!props.icon) return null;
|
|
91
81
|
const Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
92
82
|
size: 'medium'
|
|
93
83
|
});
|
|
94
|
-
|
|
95
84
|
if (props.as && props.as !== 'button') {
|
|
96
85
|
return jsxRuntime.jsx("span", {
|
|
97
86
|
css: _ref,
|
|
98
87
|
children: Icon
|
|
99
88
|
});
|
|
100
89
|
}
|
|
101
|
-
|
|
102
90
|
return Icon;
|
|
103
91
|
};
|
|
104
|
-
|
|
105
92
|
ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
106
93
|
as: _pt__default["default"].any,
|
|
107
94
|
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
@@ -113,10 +100,8 @@ ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
113
100
|
isDisabled: _pt__default["default"].bool
|
|
114
101
|
} : {};
|
|
115
102
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
116
|
-
|
|
117
103
|
const FlatButton = props => {
|
|
118
104
|
var _context;
|
|
119
|
-
|
|
120
105
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
121
106
|
'data-track-component': 'FlatButton'
|
|
122
107
|
}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
@@ -124,7 +109,6 @@ const FlatButton = props => {
|
|
|
124
109
|
// we fall back to `isDisabled`
|
|
125
110
|
disabled: props.isDisabled
|
|
126
111
|
});
|
|
127
|
-
|
|
128
112
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
129
113
|
as: props.as,
|
|
130
114
|
type: props.type,
|
|
@@ -154,7 +138,6 @@ const FlatButton = props => {
|
|
|
154
138
|
}), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
|
|
155
139
|
});
|
|
156
140
|
};
|
|
157
|
-
|
|
158
141
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
159
142
|
as: _pt__default["default"].any,
|
|
160
143
|
tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
@@ -170,7 +153,7 @@ FlatButton.defaultProps = defaultProps;
|
|
|
170
153
|
var FlatButton$1 = FlatButton;
|
|
171
154
|
|
|
172
155
|
// NOTE: This string will be replaced on build time with the package version.
|
|
173
|
-
var version = "
|
|
156
|
+
var version = "16.1.0";
|
|
174
157
|
|
|
175
158
|
exports["default"] = FlatButton$1;
|
|
176
159
|
exports.version = version;
|
|
@@ -39,31 +39,24 @@ const getTextColor = props => {
|
|
|
39
39
|
if (props.isIcon && props.isDisabled) {
|
|
40
40
|
return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
|
|
41
41
|
}
|
|
42
|
-
|
|
43
42
|
if (props.isDisabled) {
|
|
44
43
|
return designSystem.designTokens.fontColorForTextWhenDisabled;
|
|
45
44
|
}
|
|
46
|
-
|
|
47
45
|
switch (props.tone) {
|
|
48
46
|
case 'primary':
|
|
49
47
|
return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
|
|
50
|
-
|
|
51
48
|
case 'secondary':
|
|
52
49
|
return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
|
|
53
|
-
|
|
54
50
|
case 'inverted':
|
|
55
51
|
return designSystem.designTokens.fontColorForFlatButtonAsInverted;
|
|
56
|
-
|
|
57
52
|
case 'critical':
|
|
58
53
|
return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
|
|
59
|
-
|
|
60
54
|
default:
|
|
61
55
|
return 'inherit';
|
|
62
56
|
}
|
|
63
57
|
};
|
|
64
58
|
|
|
65
59
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
66
|
-
|
|
67
60
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
68
61
|
const propsToOmit = ['type'];
|
|
69
62
|
const defaultProps = {
|
|
@@ -72,34 +65,27 @@ const defaultProps = {
|
|
|
72
65
|
iconPosition: 'left',
|
|
73
66
|
isDisabled: false
|
|
74
67
|
};
|
|
75
|
-
|
|
76
68
|
var _ref = {
|
|
77
69
|
name: "1989ovb",
|
|
78
70
|
styles: "vertical-align:middle"
|
|
79
71
|
} ;
|
|
80
|
-
|
|
81
72
|
const ButtonIcon = props => {
|
|
82
73
|
if (!props.icon) return null;
|
|
83
74
|
const Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
84
75
|
size: 'medium'
|
|
85
76
|
});
|
|
86
|
-
|
|
87
77
|
if (props.as && props.as !== 'button') {
|
|
88
78
|
return jsxRuntime.jsx("span", {
|
|
89
79
|
css: _ref,
|
|
90
80
|
children: Icon
|
|
91
81
|
});
|
|
92
82
|
}
|
|
93
|
-
|
|
94
83
|
return Icon;
|
|
95
84
|
};
|
|
96
|
-
|
|
97
85
|
ButtonIcon.propTypes = {};
|
|
98
86
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
99
|
-
|
|
100
87
|
const FlatButton = props => {
|
|
101
88
|
var _context;
|
|
102
|
-
|
|
103
89
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
104
90
|
'data-track-component': 'FlatButton'
|
|
105
91
|
}, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
|
|
@@ -107,7 +93,6 @@ const FlatButton = props => {
|
|
|
107
93
|
// we fall back to `isDisabled`
|
|
108
94
|
disabled: props.isDisabled
|
|
109
95
|
});
|
|
110
|
-
|
|
111
96
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
112
97
|
as: props.as,
|
|
113
98
|
type: props.type,
|
|
@@ -137,14 +122,13 @@ const FlatButton = props => {
|
|
|
137
122
|
}), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
|
|
138
123
|
});
|
|
139
124
|
};
|
|
140
|
-
|
|
141
125
|
FlatButton.propTypes = {};
|
|
142
126
|
FlatButton.displayName = 'FlatButton';
|
|
143
127
|
FlatButton.defaultProps = defaultProps;
|
|
144
128
|
var FlatButton$1 = FlatButton;
|
|
145
129
|
|
|
146
130
|
// NOTE: This string will be replaced on build time with the package version.
|
|
147
|
-
var version = "
|
|
131
|
+
var version = "16.1.0";
|
|
148
132
|
|
|
149
133
|
exports["default"] = FlatButton$1;
|
|
150
134
|
exports.version = version;
|
|
@@ -21,33 +21,25 @@ const getTextColor = props => {
|
|
|
21
21
|
if (props.isIcon && props.isDisabled) {
|
|
22
22
|
return designTokens.fontColorForFlatButtonIconWhenDisabled;
|
|
23
23
|
}
|
|
24
|
-
|
|
25
24
|
if (props.isDisabled) {
|
|
26
25
|
return designTokens.fontColorForTextWhenDisabled;
|
|
27
26
|
}
|
|
28
|
-
|
|
29
27
|
switch (props.tone) {
|
|
30
28
|
case 'primary':
|
|
31
29
|
return props.isHover ? designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designTokens.fontColorForFlatButtonAsPrimary;
|
|
32
|
-
|
|
33
30
|
case 'secondary':
|
|
34
31
|
return designTokens.fontColorForFlatButtonAsSecondary;
|
|
35
|
-
|
|
36
32
|
case 'inverted':
|
|
37
33
|
return designTokens.fontColorForFlatButtonAsInverted;
|
|
38
|
-
|
|
39
34
|
case 'critical':
|
|
40
35
|
return props.isHover ? designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designTokens.fontColorForFlatButtonAsCritical;
|
|
41
|
-
|
|
42
36
|
default:
|
|
43
37
|
return 'inherit';
|
|
44
38
|
}
|
|
45
39
|
};
|
|
46
40
|
|
|
47
41
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
48
|
-
|
|
49
42
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
50
|
-
|
|
51
43
|
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)."; }
|
|
52
44
|
const propsToOmit = ['type'];
|
|
53
45
|
const defaultProps = {
|
|
@@ -56,7 +48,6 @@ const defaultProps = {
|
|
|
56
48
|
iconPosition: 'left',
|
|
57
49
|
isDisabled: false
|
|
58
50
|
};
|
|
59
|
-
|
|
60
51
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
61
52
|
name: "1989ovb",
|
|
62
53
|
styles: "vertical-align:middle"
|
|
@@ -66,23 +57,19 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
66
57
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
|
|
67
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
68
59
|
};
|
|
69
|
-
|
|
70
60
|
const ButtonIcon = props => {
|
|
71
61
|
if (!props.icon) return null;
|
|
72
62
|
const Icon = /*#__PURE__*/cloneElement(props.icon, {
|
|
73
63
|
size: 'medium'
|
|
74
64
|
});
|
|
75
|
-
|
|
76
65
|
if (props.as && props.as !== 'button') {
|
|
77
66
|
return jsx("span", {
|
|
78
67
|
css: _ref,
|
|
79
68
|
children: Icon
|
|
80
69
|
});
|
|
81
70
|
}
|
|
82
|
-
|
|
83
71
|
return Icon;
|
|
84
72
|
};
|
|
85
|
-
|
|
86
73
|
ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
87
74
|
as: _pt.any,
|
|
88
75
|
tone: _pt.oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
@@ -94,10 +81,8 @@ ButtonIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
94
81
|
isDisabled: _pt.bool
|
|
95
82
|
} : {};
|
|
96
83
|
ButtonIcon.displayName = 'ButtonIcon';
|
|
97
|
-
|
|
98
84
|
const FlatButton = props => {
|
|
99
85
|
var _context;
|
|
100
|
-
|
|
101
86
|
const buttonAttributes = _objectSpread(_objectSpread({
|
|
102
87
|
'data-track-component': 'FlatButton'
|
|
103
88
|
}, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
|
|
@@ -105,7 +90,6 @@ const FlatButton = props => {
|
|
|
105
90
|
// we fall back to `isDisabled`
|
|
106
91
|
disabled: props.isDisabled
|
|
107
92
|
});
|
|
108
|
-
|
|
109
93
|
return jsxs(AccessibleButton, {
|
|
110
94
|
as: props.as,
|
|
111
95
|
type: props.type,
|
|
@@ -135,7 +119,6 @@ const FlatButton = props => {
|
|
|
135
119
|
}), props.icon && props.iconPosition === 'right' && jsx(ButtonIcon, _objectSpread({}, props))]
|
|
136
120
|
});
|
|
137
121
|
};
|
|
138
|
-
|
|
139
122
|
FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
140
123
|
as: _pt.any,
|
|
141
124
|
tone: _pt.oneOf(['primary', 'secondary', 'inverted', 'critical']),
|
|
@@ -151,6 +134,6 @@ FlatButton.defaultProps = defaultProps;
|
|
|
151
134
|
var FlatButton$1 = FlatButton;
|
|
152
135
|
|
|
153
136
|
// NOTE: This string will be replaced on build time with the package version.
|
|
154
|
-
var version = "
|
|
137
|
+
var version = "16.1.0";
|
|
155
138
|
|
|
156
139
|
export { FlatButton$1 as default, version };
|
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": "
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "
|
|
27
|
-
"@commercetools-uikit/text": "
|
|
28
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.1.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.1.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "16.1.0",
|
|
27
|
+
"@commercetools-uikit/text": "16.1.0",
|
|
28
|
+
"@commercetools-uikit/utils": "16.1.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"prop-types": "15.8.1",
|
|
33
|
-
"react-intl": "^
|
|
33
|
+
"react-intl": "^6.3.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"react": "17.0.2"
|