@commercetools-uikit/flat-button 15.13.2 → 15.14.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.
Files changed (8) hide show
  1. package/dist/commercetools-uikit-flat-button.cjs.dev.js +33 -18
  2. package/dist/commercetools-uikit-flat-button.cjs.prod.js +32 -17
  3. package/dist/commercetools-uikit-flat-button.esm.js +33 -18
  4. package/dist/declarations/src/export-types.d.ts +2 -0
  5. package/dist/declarations/src/flat-button.d.ts +1 -3
  6. package/dist/declarations/src/flat-button.styles.d.ts +9 -3
  7. package/dist/declarations/src/index.d.ts +1 -0
  8. package/package.json +6 -6
package/dist/commercetools-uikit-flat-button.cjs.dev.js CHANGED
@@ -36,26 +36,27 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
36
36
  var omit__default = /*#__PURE__*/_interopDefault(omit);
37
37
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
38
38
 
39
- var getButtonIconColor = function getButtonIconColor(props) {
40
- if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
41
- return 'solid';
42
- };
43
- var getTextColor = function getTextColor(tone) {
44
- var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
45
- var designTokens = arguments.length > 2 ? arguments[2] : undefined;
39
+ var getTextColor = function getTextColor(props) {
40
+ if (props.isIcon && props.isDisabled) {
41
+ return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
42
+ }
43
+
44
+ if (props.isDisabled) {
45
+ return designSystem.designTokens.fontColorForTextWhenDisabled;
46
+ }
46
47
 
47
- switch (tone) {
48
+ switch (props.tone) {
48
49
  case 'primary':
49
- return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
50
+ return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
50
51
 
51
52
  case 'secondary':
52
- return designTokens.colorSolid;
53
+ return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
53
54
 
54
55
  case 'inverted':
55
- return designTokens.fontColorForTextWhenInverted;
56
+ return designSystem.designTokens.fontColorForFlatButtonAsInverted;
56
57
 
57
58
  case 'critical':
58
- return isHover ? designTokens.colorError25 : designTokens.colorError;
59
+ return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
59
60
 
60
61
  default:
61
62
  return 'inherit';
@@ -81,16 +82,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
81
82
  } : {
82
83
  name: "14vgzxd-ButtonIcon",
83
84
  styles: "vertical-align:middle;label:ButtonIcon;",
84
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCcgfCAnY3JpdGljYWwnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
85
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
85
86
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
86
87
  };
87
88
 
88
89
  var ButtonIcon = function ButtonIcon(props) {
89
90
  if (!props.icon) return null;
90
- var iconColor = getButtonIconColor(props);
91
91
  var Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
92
- size: 'medium',
93
- color: iconColor
92
+ size: 'medium'
94
93
  });
95
94
 
96
95
  if (props.as && props.as !== 'button') {
@@ -132,7 +131,23 @@ var FlatButton = function FlatButton(props) {
132
131
  label: props.label,
133
132
  onClick: props.onClick,
134
133
  isDisabled: props.isDisabled,
135
- 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.spacing10, ";}", !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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
134
+ css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", getTextColor({
135
+ tone: props.tone,
136
+ isDisabled: props.isDisabled
137
+ }), ";}fill:", getTextColor({
138
+ tone: props.tone,
139
+ isDisabled: props.isDisabled,
140
+ isIcon: true
141
+ }), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor({
142
+ tone: props.tone,
143
+ isHover: true,
144
+ isDisabled: props.isDisabled
145
+ }), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor({
146
+ tone: props.tone,
147
+ isHover: true,
148
+ isDisabled: props.isDisabled,
149
+ isIcon: true
150
+ }), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRWxlbWVudFR5cGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnIHwgJ2NyaXRpY2FsJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIH0pfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgIGlzRGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNJY29uOiB0cnVlLFxuICAgICAgICB9KX07XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICAgICAgICAgIGlzSG92ZXI6IHRydWUsXG4gICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgICAgICAgIH0pfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICAgICAgICAgIGlzSG92ZXI6IHRydWUsXG4gICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgaXNJY29uOiB0cnVlLFxuICAgICAgICAgICAgICAgIH0pfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
136
151
  buttonAttributes: buttonAttributes,
137
152
  children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx("span", {
138
153
  children: props.label
@@ -155,7 +170,7 @@ FlatButton.defaultProps = defaultProps;
155
170
  var FlatButton$1 = FlatButton;
156
171
 
157
172
  // NOTE: This string will be replaced on build time with the package version.
158
- var version = "15.13.2";
173
+ var version = "15.14.0";
159
174
 
160
175
  exports["default"] = FlatButton$1;
161
176
  exports.version = version;
package/dist/commercetools-uikit-flat-button.cjs.prod.js CHANGED
@@ -35,26 +35,27 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
35
35
  var omit__default = /*#__PURE__*/_interopDefault(omit);
36
36
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
37
37
 
38
- var getButtonIconColor = function getButtonIconColor(props) {
39
- if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
40
- return 'solid';
41
- };
42
- var getTextColor = function getTextColor(tone) {
43
- var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
44
- var designTokens = arguments.length > 2 ? arguments[2] : undefined;
38
+ var getTextColor = function getTextColor(props) {
39
+ if (props.isIcon && props.isDisabled) {
40
+ return designSystem.designTokens.fontColorForFlatButtonIconWhenDisabled;
41
+ }
42
+
43
+ if (props.isDisabled) {
44
+ return designSystem.designTokens.fontColorForTextWhenDisabled;
45
+ }
45
46
 
46
- switch (tone) {
47
+ switch (props.tone) {
47
48
  case 'primary':
48
- return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
49
+ return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsPrimary;
49
50
 
50
51
  case 'secondary':
51
- return designTokens.colorSolid;
52
+ return designSystem.designTokens.fontColorForFlatButtonAsSecondary;
52
53
 
53
54
  case 'inverted':
54
- return designTokens.fontColorForTextWhenInverted;
55
+ return designSystem.designTokens.fontColorForFlatButtonAsInverted;
55
56
 
56
57
  case 'critical':
57
- return isHover ? designTokens.colorError25 : designTokens.colorError;
58
+ return props.isHover ? designSystem.designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designSystem.designTokens.fontColorForFlatButtonAsCritical;
58
59
 
59
60
  default:
60
61
  return 'inherit';
@@ -79,10 +80,8 @@ var _ref = {
79
80
 
80
81
  var ButtonIcon = function ButtonIcon(props) {
81
82
  if (!props.icon) return null;
82
- var iconColor = getButtonIconColor(props);
83
83
  var Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
84
- size: 'medium',
85
- color: iconColor
84
+ size: 'medium'
86
85
  });
87
86
 
88
87
  if (props.as && props.as !== 'button') {
@@ -115,7 +114,23 @@ var FlatButton = function FlatButton(props) {
115
114
  label: props.label,
116
115
  onClick: props.onClick,
117
116
  isDisabled: props.isDisabled,
118
- 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.spacing10, ";}", !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 }") : '', ";" + ("" ), "" ),
117
+ css: /*#__PURE__*/react.css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", getTextColor({
118
+ tone: props.tone,
119
+ isDisabled: props.isDisabled
120
+ }), ";}fill:", getTextColor({
121
+ tone: props.tone,
122
+ isDisabled: props.isDisabled,
123
+ isIcon: true
124
+ }), ";*+span,*+svg{margin-left:", designSystem.designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor({
125
+ tone: props.tone,
126
+ isHover: true,
127
+ isDisabled: props.isDisabled
128
+ }), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor({
129
+ tone: props.tone,
130
+ isHover: true,
131
+ isDisabled: props.isDisabled,
132
+ isIcon: true
133
+ }), ";\n }\n }") : '', ";" + ("" ), "" ),
119
134
  buttonAttributes: buttonAttributes,
120
135
  children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx("span", {
121
136
  children: props.label
@@ -129,7 +144,7 @@ FlatButton.defaultProps = defaultProps;
129
144
  var FlatButton$1 = FlatButton;
130
145
 
131
146
  // NOTE: This string will be replaced on build time with the package version.
132
- var version = "15.13.2";
147
+ var version = "15.14.0";
133
148
 
134
149
  exports["default"] = FlatButton$1;
135
150
  exports.version = version;
package/dist/commercetools-uikit-flat-button.esm.js CHANGED
@@ -17,26 +17,27 @@ import { filterInvalidAttributes } from '@commercetools-uikit/utils';
17
17
  import AccessibleButton from '@commercetools-uikit/accessible-button';
18
18
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
19
19
 
20
- var getButtonIconColor = function getButtonIconColor(props) {
21
- if (props.isDisabled) return 'neutral60';else if (props.tone === 'primary') return 'primary';else if (props.tone === 'secondary') return 'solid';else if (props.tone === 'inverted') return 'surface';else if (props.tone === 'critical') return 'error';
22
- return 'solid';
23
- };
24
- var getTextColor = function getTextColor(tone) {
25
- var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
26
- var designTokens = arguments.length > 2 ? arguments[2] : undefined;
20
+ var getTextColor = function getTextColor(props) {
21
+ if (props.isIcon && props.isDisabled) {
22
+ return designTokens.fontColorForFlatButtonIconWhenDisabled;
23
+ }
24
+
25
+ if (props.isDisabled) {
26
+ return designTokens.fontColorForTextWhenDisabled;
27
+ }
27
28
 
28
- switch (tone) {
29
+ switch (props.tone) {
29
30
  case 'primary':
30
- return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
31
+ return props.isHover ? designTokens.fontColorForFlatButtonAsPrimaryWhenHovered : designTokens.fontColorForFlatButtonAsPrimary;
31
32
 
32
33
  case 'secondary':
33
- return designTokens.colorSolid;
34
+ return designTokens.fontColorForFlatButtonAsSecondary;
34
35
 
35
36
  case 'inverted':
36
- return designTokens.fontColorForTextWhenInverted;
37
+ return designTokens.fontColorForFlatButtonAsInverted;
37
38
 
38
39
  case 'critical':
39
- return isHover ? designTokens.colorError25 : designTokens.colorError;
40
+ return props.isHover ? designTokens.fontColorForFlatButtonAsCriticalWhenHovered : designTokens.fontColorForFlatButtonAsCritical;
40
41
 
41
42
  default:
42
43
  return 'inherit';
@@ -62,16 +63,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
62
63
  } : {
63
64
  name: "14vgzxd-ButtonIcon",
64
65
  styles: "vertical-align:middle;label:ButtonIcon;",
65
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFREZXNpZ25Ub2tlbnMgPSB0eXBlb2YgZGVzaWduVG9rZW5zO1xuXG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCcgfCAnY3JpdGljYWwnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
66
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxuICB0eXBlIEVsZW1lbnRUeXBlLFxuICB0eXBlIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICB9KX07XG4gICAgICAgIH1cblxuICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcih7XG4gICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgfSl9O1xuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICAgICAgICBpc0hvdmVyOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAgIGlzSWNvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICB9KX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
66
67
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
67
68
  };
68
69
 
69
70
  var ButtonIcon = function ButtonIcon(props) {
70
71
  if (!props.icon) return null;
71
- var iconColor = getButtonIconColor(props);
72
72
  var Icon = /*#__PURE__*/cloneElement(props.icon, {
73
- size: 'medium',
74
- color: iconColor
73
+ size: 'medium'
75
74
  });
76
75
 
77
76
  if (props.as && props.as !== 'button') {
@@ -113,7 +112,23 @@ var FlatButton = function FlatButton(props) {
113
112
  label: props.label,
114
113
  onClick: props.onClick,
115
114
  isDisabled: props.isDisabled,
116
- 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.spacing10, ";}", !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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJyB8ICdjcml0aWNhbCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
115
+ css: /*#__PURE__*/css("min-height:initial;align-items:center;", props.as && props.as !== 'button' ? "white-space: normal;\n display: inline-block;" : '', ";span{color:", getTextColor({
116
+ tone: props.tone,
117
+ isDisabled: props.isDisabled
118
+ }), ";}fill:", getTextColor({
119
+ tone: props.tone,
120
+ isDisabled: props.isDisabled,
121
+ isIcon: true
122
+ }), ";*+span,*+svg{margin-left:", designTokens.spacing10, ";}", !props.isDisabled ? _concatInstanceProperty(_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor({
123
+ tone: props.tone,
124
+ isHover: true,
125
+ isDisabled: props.isDisabled
126
+ }), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor({
127
+ tone: props.tone,
128
+ isHover: true,
129
+ isDisabled: props.isDisabled,
130
+ isIcon: true
131
+ }), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRWxlbWVudFR5cGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnIHwgJ2NyaXRpY2FsJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICAgIHRvbmU6IHByb3BzLnRvbmUsXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgIH0pfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHtcbiAgICAgICAgICB0b25lOiBwcm9wcy50b25lLFxuICAgICAgICAgIGlzRGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgICAgaXNJY29uOiB0cnVlLFxuICAgICAgICB9KX07XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICAgICAgICAgIGlzSG92ZXI6IHRydWUsXG4gICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgICAgICAgIH0pfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgdG9uZTogcHJvcHMudG9uZSxcbiAgICAgICAgICAgICAgICAgIGlzSG92ZXI6IHRydWUsXG4gICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgaXNJY29uOiB0cnVlLFxuICAgICAgICAgICAgICAgIH0pfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
117
132
  buttonAttributes: buttonAttributes,
118
133
  children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx("span", {
119
134
  children: props.label
@@ -136,6 +151,6 @@ FlatButton.defaultProps = defaultProps;
136
151
  var FlatButton$1 = FlatButton;
137
152
 
138
153
  // NOTE: This string will be replaced on build time with the package version.
139
- var version = "15.13.2";
154
+ var version = "15.14.0";
140
155
 
141
156
  export { FlatButton$1 as default, version };
package/dist/declarations/src/export-types.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { TFlatButtonProps as FlatButtonProps } from './flat-button';
2
+ export type TFlatButtonProps = FlatButtonProps;
package/dist/declarations/src/flat-button.d.ts CHANGED
@@ -1,6 +1,4 @@
1
- import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
2
- import { designTokens } from '@commercetools-uikit/design-system';
3
- export type TDesignTokens = typeof designTokens;
1
+ import { type MouseEvent, type KeyboardEvent, type ElementType, type ReactElement, ComponentPropsWithRef } from 'react';
4
2
  export type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'> = {
5
3
  as?: TStringOrComponent;
6
4
  tone?: 'primary' | 'secondary' | 'inverted' | 'critical';
package/dist/declarations/src/flat-button.styles.d.ts CHANGED
@@ -1,3 +1,9 @@
1
- import type { TFlatButtonProps, TDesignTokens } from './flat-button';
2
- export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface" | "error";
3
- export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined, designTokens: TDesignTokens) => string;
1
+ import type { TFlatButtonProps } from './flat-button';
2
+ type TGetTextColor = {
3
+ tone: TFlatButtonProps['tone'];
4
+ isHover?: boolean;
5
+ isDisabled?: boolean;
6
+ isIcon?: boolean;
7
+ };
8
+ export declare const getTextColor: (props: TGetTextColor) => string;
9
+ export {};
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { default } from './flat-button';
2
2
  export { default as version } from './version';
3
+ export * from './export-types';
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.13.2",
4
+ "version": "15.14.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": "15.13.2",
25
- "@commercetools-uikit/design-system": "15.13.2",
26
- "@commercetools-uikit/spacings-inline": "15.13.2",
27
- "@commercetools-uikit/text": "15.13.2",
28
- "@commercetools-uikit/utils": "15.13.2",
24
+ "@commercetools-uikit/accessible-button": "15.14.0",
25
+ "@commercetools-uikit/design-system": "15.14.0",
26
+ "@commercetools-uikit/spacings-inline": "15.14.0",
27
+ "@commercetools-uikit/text": "15.14.0",
28
+ "@commercetools-uikit/utils": "15.14.0",
29
29
  "@emotion/react": "^11.10.5",
30
30
  "@emotion/styled": "^11.10.5",
31
31
  "lodash": "4.17.21",