@commercetools-uikit/flat-button 15.2.4 → 15.4.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.
- package/dist/commercetools-uikit-flat-button.cjs.dev.js +8 -15
- package/dist/commercetools-uikit-flat-button.cjs.prod.js +7 -14
- package/dist/commercetools-uikit-flat-button.esm.js +10 -16
- package/dist/declarations/src/flat-button.d.ts +2 -4
- package/dist/declarations/src/flat-button.styles.d.ts +2 -2
- package/package.json +6 -6
|
@@ -18,7 +18,6 @@ var react = require('@emotion/react');
|
|
|
18
18
|
var omit = require('lodash/omit');
|
|
19
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
20
20
|
var utils = require('@commercetools-uikit/utils');
|
|
21
|
-
var Text = require('@commercetools-uikit/text');
|
|
22
21
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
23
22
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
24
23
|
|
|
@@ -35,7 +34,6 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
35
34
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
36
35
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
37
36
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
38
|
-
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
39
37
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
40
38
|
|
|
41
39
|
var getButtonIconColor = function getButtonIconColor(props) {
|
|
@@ -44,17 +42,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
|
|
|
44
42
|
};
|
|
45
43
|
var getTextColor = function getTextColor(tone) {
|
|
46
44
|
var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
47
|
-
var
|
|
45
|
+
var designTokens = arguments.length > 2 ? arguments[2] : undefined;
|
|
48
46
|
|
|
49
47
|
switch (tone) {
|
|
50
48
|
case 'primary':
|
|
51
|
-
return isHover ?
|
|
49
|
+
return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
|
|
52
50
|
|
|
53
51
|
case 'secondary':
|
|
54
|
-
return
|
|
52
|
+
return designTokens.colorSolid;
|
|
55
53
|
|
|
56
54
|
case 'inverted':
|
|
57
|
-
return
|
|
55
|
+
return designTokens.fontColorForTextWhenInverted;
|
|
58
56
|
|
|
59
57
|
default:
|
|
60
58
|
return 'inherit';
|
|
@@ -80,7 +78,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
80
78
|
} : {
|
|
81
79
|
name: "14vgzxd-ButtonIcon",
|
|
82
80
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
83
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
81
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogUGljazxcbiAgICBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4sXG4gICAgJ2FzJyB8ICdpc0Rpc2FibGVkJyB8ICd0b25lJyB8ICdpY29uJ1xuICA+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
|
|
84
82
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
85
83
|
};
|
|
86
84
|
|
|
@@ -115,20 +113,15 @@ var FlatButton = function FlatButton(props) {
|
|
|
115
113
|
disabled: props.isDisabled
|
|
116
114
|
});
|
|
117
115
|
|
|
118
|
-
var theme = react.useTheme();
|
|
119
|
-
|
|
120
|
-
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
121
|
-
|
|
122
116
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
123
117
|
as: props.as,
|
|
124
118
|
type: props.type,
|
|
125
119
|
label: props.label,
|
|
126
120
|
onClick: props.onClick,
|
|
127
121
|
isDisabled: props.isDisabled,
|
|
128
|
-
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ?
|
|
122
|
+
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}svg *{fill:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}*+span,*+svg{margin-left:", designSystem.designTokens.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
|
|
129
123
|
buttonAttributes: buttonAttributes,
|
|
130
|
-
children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(
|
|
131
|
-
as: "span",
|
|
124
|
+
children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx("span", {
|
|
132
125
|
children: props.label
|
|
133
126
|
}), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
|
|
134
127
|
});
|
|
@@ -149,7 +142,7 @@ FlatButton.defaultProps = defaultProps;
|
|
|
149
142
|
var FlatButton$1 = FlatButton;
|
|
150
143
|
|
|
151
144
|
// NOTE: This string will be replaced on build time with the package version.
|
|
152
|
-
var version = "15.
|
|
145
|
+
var version = "15.4.0";
|
|
153
146
|
|
|
154
147
|
exports["default"] = FlatButton$1;
|
|
155
148
|
exports.version = version;
|
|
@@ -18,7 +18,6 @@ var react = require('@emotion/react');
|
|
|
18
18
|
var omit = require('lodash/omit');
|
|
19
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
20
20
|
var utils = require('@commercetools-uikit/utils');
|
|
21
|
-
var Text = require('@commercetools-uikit/text');
|
|
22
21
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
23
22
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
24
23
|
|
|
@@ -34,7 +33,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
34
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
35
34
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
36
35
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
37
|
-
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
38
36
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
39
37
|
|
|
40
38
|
var getButtonIconColor = function getButtonIconColor(props) {
|
|
@@ -43,17 +41,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
|
|
|
43
41
|
};
|
|
44
42
|
var getTextColor = function getTextColor(tone) {
|
|
45
43
|
var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
46
|
-
var
|
|
44
|
+
var designTokens = arguments.length > 2 ? arguments[2] : undefined;
|
|
47
45
|
|
|
48
46
|
switch (tone) {
|
|
49
47
|
case 'primary':
|
|
50
|
-
return isHover ?
|
|
48
|
+
return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
|
|
51
49
|
|
|
52
50
|
case 'secondary':
|
|
53
|
-
return
|
|
51
|
+
return designTokens.colorSolid;
|
|
54
52
|
|
|
55
53
|
case 'inverted':
|
|
56
|
-
return
|
|
54
|
+
return designTokens.fontColorForTextWhenInverted;
|
|
57
55
|
|
|
58
56
|
default:
|
|
59
57
|
return 'inherit';
|
|
@@ -107,20 +105,15 @@ var FlatButton = function FlatButton(props) {
|
|
|
107
105
|
disabled: props.isDisabled
|
|
108
106
|
});
|
|
109
107
|
|
|
110
|
-
var theme = react.useTheme();
|
|
111
|
-
|
|
112
|
-
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
113
|
-
|
|
114
108
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
115
109
|
as: props.as,
|
|
116
110
|
type: props.type,
|
|
117
111
|
label: props.label,
|
|
118
112
|
onClick: props.onClick,
|
|
119
113
|
isDisabled: props.isDisabled,
|
|
120
|
-
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ?
|
|
114
|
+
css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}svg *{fill:", props.isDisabled ? designSystem.designTokens.colorNeutral : getTextColor(props.tone, false, designSystem.designTokens), ";}*+span,*+svg{margin-left:", designSystem.designTokens.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designSystem.designTokens), ";\n }\n }") : '', ";" + ("" ), "" ),
|
|
121
115
|
buttonAttributes: buttonAttributes,
|
|
122
|
-
children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(
|
|
123
|
-
as: "span",
|
|
116
|
+
children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx("span", {
|
|
124
117
|
children: props.label
|
|
125
118
|
}), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
|
|
126
119
|
});
|
|
@@ -132,7 +125,7 @@ FlatButton.defaultProps = defaultProps;
|
|
|
132
125
|
var FlatButton$1 = FlatButton;
|
|
133
126
|
|
|
134
127
|
// NOTE: This string will be replaced on build time with the package version.
|
|
135
|
-
var version = "15.
|
|
128
|
+
var version = "15.4.0";
|
|
136
129
|
|
|
137
130
|
exports["default"] = FlatButton$1;
|
|
138
131
|
exports.version = version;
|
|
@@ -10,11 +10,10 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
10
10
|
import _pt from 'prop-types';
|
|
11
11
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
12
12
|
import { cloneElement } from 'react';
|
|
13
|
-
import {
|
|
13
|
+
import { css } from '@emotion/react';
|
|
14
14
|
import omit from 'lodash/omit';
|
|
15
|
-
import {
|
|
15
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
16
16
|
import { filterInvalidAttributes } from '@commercetools-uikit/utils';
|
|
17
|
-
import Text from '@commercetools-uikit/text';
|
|
18
17
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
19
18
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
20
19
|
|
|
@@ -24,17 +23,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
|
|
|
24
23
|
};
|
|
25
24
|
var getTextColor = function getTextColor(tone) {
|
|
26
25
|
var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
27
|
-
var
|
|
26
|
+
var designTokens = arguments.length > 2 ? arguments[2] : undefined;
|
|
28
27
|
|
|
29
28
|
switch (tone) {
|
|
30
29
|
case 'primary':
|
|
31
|
-
return isHover ?
|
|
30
|
+
return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
|
|
32
31
|
|
|
33
32
|
case 'secondary':
|
|
34
|
-
return
|
|
33
|
+
return designTokens.colorSolid;
|
|
35
34
|
|
|
36
35
|
case 'inverted':
|
|
37
|
-
return
|
|
36
|
+
return designTokens.fontColorForTextWhenInverted;
|
|
38
37
|
|
|
39
38
|
default:
|
|
40
39
|
return 'inherit';
|
|
@@ -60,7 +59,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
60
59
|
} : {
|
|
61
60
|
name: "14vgzxd-ButtonIcon",
|
|
62
61
|
styles: "vertical-align:middle;label:ButtonIcon;",
|
|
63
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogUGljazxcbiAgICBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4sXG4gICAgJ2FzJyB8ICdpc0Rpc2FibGVkJyB8ICd0b25lJyB8ICdpY29uJ1xuICA+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ1hzfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
|
|
64
63
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
65
64
|
};
|
|
66
65
|
|
|
@@ -95,20 +94,15 @@ var FlatButton = function FlatButton(props) {
|
|
|
95
94
|
disabled: props.isDisabled
|
|
96
95
|
});
|
|
97
96
|
|
|
98
|
-
var theme = useTheme();
|
|
99
|
-
|
|
100
|
-
var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
|
|
101
|
-
|
|
102
97
|
return jsxs(AccessibleButton, {
|
|
103
98
|
as: props.as,
|
|
104
99
|
type: props.type,
|
|
105
100
|
label: props.label,
|
|
106
101
|
onClick: props.onClick,
|
|
107
102
|
isDisabled: props.isDisabled,
|
|
108
|
-
css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ?
|
|
103
|
+
css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}svg *{fill:", props.isDisabled ? designTokens.colorNeutral : getTextColor(props.tone, false, designTokens), ";}*+span,*+svg{margin-left:", designTokens.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty(_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, designTokens), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, designTokens), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
|
|
109
104
|
buttonAttributes: buttonAttributes,
|
|
110
|
-
children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx(
|
|
111
|
-
as: "span",
|
|
105
|
+
children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx("span", {
|
|
112
106
|
children: props.label
|
|
113
107
|
}), props.icon && props.iconPosition === 'right' && jsx(ButtonIcon, _objectSpread({}, props))]
|
|
114
108
|
});
|
|
@@ -129,6 +123,6 @@ FlatButton.defaultProps = defaultProps;
|
|
|
129
123
|
var FlatButton$1 = FlatButton;
|
|
130
124
|
|
|
131
125
|
// NOTE: This string will be replaced on build time with the package version.
|
|
132
|
-
var version = "15.
|
|
126
|
+
var version = "15.4.0";
|
|
133
127
|
|
|
134
128
|
export { FlatButton$1 as default, version };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
1
|
import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
2
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
3
|
+
export declare type TDesignTokens = typeof designTokens;
|
|
6
4
|
export declare type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'> = {
|
|
7
5
|
as?: TStringOrComponent;
|
|
8
6
|
tone?: 'primary' | 'secondary' | 'inverted';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { TFlatButtonProps,
|
|
1
|
+
import type { TFlatButtonProps, TDesignTokens } from './flat-button';
|
|
2
2
|
export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface";
|
|
3
|
-
export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined,
|
|
3
|
+
export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined, designTokens: TDesignTokens) => string;
|
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": "15.
|
|
4
|
+
"version": "15.4.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.19.0",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.19.1",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "15.
|
|
27
|
-
"@commercetools-uikit/text": "15.
|
|
28
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "15.4.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.4.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "15.4.0",
|
|
27
|
+
"@commercetools-uikit/text": "15.4.0",
|
|
28
|
+
"@commercetools-uikit/utils": "15.4.0",
|
|
29
29
|
"@emotion/react": "^11.4.0",
|
|
30
30
|
"@emotion/styled": "^11.3.0",
|
|
31
31
|
"lodash": "4.17.21",
|