@commercetools-uikit/flat-button 15.2.3 → 15.3.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 (6) hide show
  1. package/dist/commercetools-uikit-flat-button.cjs.dev.js +7 -11
  2. package/dist/commercetools-uikit-flat-button.cjs.prod.js +6 -10
  3. package/dist/commercetools-uikit-flat-button.esm.js +9 -13
  4. package/dist/declarations/src/flat-button.d.ts +2 -4
  5. package/dist/declarations/src/flat-button.styles.d.ts +2 -2
  6. package/package.json +6 -6
package/dist/commercetools-uikit-flat-button.cjs.dev.js CHANGED
@@ -44,17 +44,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
44
44
  };
45
45
  var getTextColor = function getTextColor(tone) {
46
46
  var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
47
- var overwrittenVars = arguments.length > 2 ? arguments[2] : undefined;
47
+ var designTokens = arguments.length > 2 ? arguments[2] : undefined;
48
48
 
49
49
  switch (tone) {
50
50
  case 'primary':
51
- return isHover ? overwrittenVars.colorPrimary25 : overwrittenVars.colorPrimary;
51
+ return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
52
52
 
53
53
  case 'secondary':
54
- return overwrittenVars.colorSolid;
54
+ return designTokens.colorSolid;
55
55
 
56
56
  case 'inverted':
57
- return overwrittenVars.fontColorForTextWhenInverted;
57
+ return designTokens.fontColorForTextWhenInverted;
58
58
 
59
59
  default:
60
60
  return 'inherit';
@@ -80,7 +80,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
80
80
  } : {
81
81
  name: "14vgzxd-ButtonIcon",
82
82
  styles: "vertical-align:middle;label:ButtonIcon;",
83
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURXh0ZW5kZWRUaGVtZSA9IFRoZW1lICYge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59O1xuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
83
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
84
84
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
85
85
  };
86
86
 
@@ -115,17 +115,13 @@ var FlatButton = function FlatButton(props) {
115
115
  disabled: props.isDisabled
116
116
  });
117
117
 
118
- var theme = react.useTheme();
119
-
120
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
121
-
122
118
  return jsxRuntime.jsxs(AccessibleButton__default["default"], {
123
119
  as: props.as,
124
120
  type: props.type,
125
121
  label: props.label,
126
122
  onClick: props.onClick,
127
123
  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 ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}svg *{fill:", props.isDisabled ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}*+span,*+svg{margin-left:", designSystem.customProperties.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, overwrittenVars), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, overwrittenVars), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRFeHRlbmRlZFRoZW1lID0gVGhlbWUgJiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn07XG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogUGljazxcbiAgICBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4sXG4gICAgJ2FzJyB8ICdpc0Rpc2FibGVkJyB8ICd0b25lJyB8ICdpY29uJ1xuICA+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IG92ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt2YXJzLnNwYWNpbmdYc307XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
124
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURGVzaWduVG9rZW5zID0gdHlwZW9mIGRlc2lnblRva2VucztcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYc307XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
129
125
  buttonAttributes: buttonAttributes,
130
126
  children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(Text__default["default"].Body, {
131
127
  as: "span",
@@ -149,7 +145,7 @@ FlatButton.defaultProps = defaultProps;
149
145
  var FlatButton$1 = FlatButton;
150
146
 
151
147
  // NOTE: This string will be replaced on build time with the package version.
152
- var version = "15.2.3";
148
+ var version = "15.3.0";
153
149
 
154
150
  exports["default"] = FlatButton$1;
155
151
  exports.version = version;
package/dist/commercetools-uikit-flat-button.cjs.prod.js CHANGED
@@ -43,17 +43,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
43
43
  };
44
44
  var getTextColor = function getTextColor(tone) {
45
45
  var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
46
- var overwrittenVars = arguments.length > 2 ? arguments[2] : undefined;
46
+ var designTokens = arguments.length > 2 ? arguments[2] : undefined;
47
47
 
48
48
  switch (tone) {
49
49
  case 'primary':
50
- return isHover ? overwrittenVars.colorPrimary25 : overwrittenVars.colorPrimary;
50
+ return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
51
51
 
52
52
  case 'secondary':
53
- return overwrittenVars.colorSolid;
53
+ return designTokens.colorSolid;
54
54
 
55
55
  case 'inverted':
56
- return overwrittenVars.fontColorForTextWhenInverted;
56
+ return designTokens.fontColorForTextWhenInverted;
57
57
 
58
58
  default:
59
59
  return 'inherit';
@@ -107,17 +107,13 @@ var FlatButton = function FlatButton(props) {
107
107
  disabled: props.isDisabled
108
108
  });
109
109
 
110
- var theme = react.useTheme();
111
-
112
- var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
113
-
114
110
  return jsxRuntime.jsxs(AccessibleButton__default["default"], {
115
111
  as: props.as,
116
112
  type: props.type,
117
113
  label: props.label,
118
114
  onClick: props.onClick,
119
115
  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 ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}svg *{fill:", props.isDisabled ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}*+span,*+svg{margin-left:", designSystem.customProperties.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty__default["default"](_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, overwrittenVars), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, overwrittenVars), ";\n }\n }") : '', ";" + ("" ), "" ),
116
+ 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
117
  buttonAttributes: buttonAttributes,
122
118
  children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(Text__default["default"].Body, {
123
119
  as: "span",
@@ -132,7 +128,7 @@ FlatButton.defaultProps = defaultProps;
132
128
  var FlatButton$1 = FlatButton;
133
129
 
134
130
  // NOTE: This string will be replaced on build time with the package version.
135
- var version = "15.2.3";
131
+ var version = "15.3.0";
136
132
 
137
133
  exports["default"] = FlatButton$1;
138
134
  exports.version = version;
package/dist/commercetools-uikit-flat-button.esm.js CHANGED
@@ -10,9 +10,9 @@ 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 { useTheme, css } from '@emotion/react';
13
+ import { css } from '@emotion/react';
14
14
  import omit from 'lodash/omit';
15
- import { customProperties } from '@commercetools-uikit/design-system';
15
+ import { designTokens } from '@commercetools-uikit/design-system';
16
16
  import { filterInvalidAttributes } from '@commercetools-uikit/utils';
17
17
  import Text from '@commercetools-uikit/text';
18
18
  import AccessibleButton from '@commercetools-uikit/accessible-button';
@@ -24,17 +24,17 @@ var getButtonIconColor = function getButtonIconColor(props) {
24
24
  };
25
25
  var getTextColor = function getTextColor(tone) {
26
26
  var isHover = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
27
- var overwrittenVars = arguments.length > 2 ? arguments[2] : undefined;
27
+ var designTokens = arguments.length > 2 ? arguments[2] : undefined;
28
28
 
29
29
  switch (tone) {
30
30
  case 'primary':
31
- return isHover ? overwrittenVars.colorPrimary25 : overwrittenVars.colorPrimary;
31
+ return isHover ? designTokens.colorPrimary25 : designTokens.colorPrimary;
32
32
 
33
33
  case 'secondary':
34
- return overwrittenVars.colorSolid;
34
+ return designTokens.colorSolid;
35
35
 
36
36
  case 'inverted':
37
- return overwrittenVars.fontColorForTextWhenInverted;
37
+ return designTokens.fontColorForTextWhenInverted;
38
38
 
39
39
  default:
40
40
  return 'inherit';
@@ -60,7 +60,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
60
60
  } : {
61
61
  name: "14vgzxd-ButtonIcon",
62
62
  styles: "vertical-align:middle;label:ButtonIcon;",
63
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURXh0ZW5kZWRUaGVtZSA9IFRoZW1lICYge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59O1xuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
63
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RmdCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBnZXRUZXh0Q29sb3IsIGdldEJ1dHRvbkljb25Db2xvciB9IGZyb20gJy4vZmxhdC1idXR0b24uc3R5bGVzJztcblxuY29uc3QgcHJvcHNUb09taXQgPSBbJ3R5cGUnXTtcblxuZXhwb3J0IHR5cGUgVERlc2lnblRva2VucyA9IHR5cGVvZiBkZXNpZ25Ub2tlbnM7XG5cbmV4cG9ydCB0eXBlIFRGbGF0QnV0dG9uUHJvcHM8XG4gIFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbidcbj4gPSB7XG4gIC8qKlxuICAgKiBZb3UgbWF5IHBhc3MgaW4gYSBzdHJpbmcgbGlrZSBcImFcIiB0byBoYXZlIHRoZSBidXR0b24gZWxlbWVudCByZW5kZXIgYW4gYW5jaG9yIHRhZywgb3JcbiAgICogeW91IGNvdWxkIHBhc3MgaW4gYSBSZWFjdCBDb21wb25lbnQsIGxpa2UgYSBgTGlua2AuXG4gICAqIDxiciAvPlxuICAgKiBUaGUgYDxGbGF0QnV0dG9uPmAgYWRkaXRpb25hbGx5IGFjY2VwdHMgYW55IHByb3BzIG9yIGF0dHJpYnV0ZXMgc3BlY2lmaWMgdG8gdGhlIGdpdmVuIGVsZW1lbnQgb3IgY29tcG9uZW50LlxuICAgKi9cbiAgYXM/OiBUU3RyaW5nT3JDb21wb25lbnQ7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhlIGNvbG9yIHNjaGVtZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIFVzZWQgYXMgdGhlIEhUTUwgYHR5cGVgIGF0dHJpYnV0ZS5cbiAgICovXG4gIHR5cGU/OiAnc3VibWl0JyB8ICdyZXNldCcgfCAnYnV0dG9uJztcbiAgLyoqXG4gICAqIFNob3VsZCBkZXNjcmliZSB3aGF0IHRoZSBidXR0b24gaXMgZm9yLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEhhbmRsZXIgd2hlbiB0aGUgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */",
64
64
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
65
65
  };
66
66
 
@@ -95,17 +95,13 @@ var FlatButton = function FlatButton(props) {
95
95
  disabled: props.isDisabled
96
96
  });
97
97
 
98
- var theme = useTheme();
99
-
100
- var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
101
-
102
98
  return jsxs(AccessibleButton, {
103
99
  as: props.as,
104
100
  type: props.type,
105
101
  label: props.label,
106
102
  onClick: props.onClick,
107
103
  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 ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}svg *{fill:", props.isDisabled ? overwrittenVars.colorNeutral : getTextColor(props.tone, false, overwrittenVars), ";}*+span,*+svg{margin-left:", customProperties.spacingXs, ";}", !props.isDisabled ? _concatInstanceProperty(_context = "\n &:hover,\n &:focus {\n span {\n color: ".concat(getTextColor(props.tone, true, overwrittenVars), ";\n }\n svg * {\n fill: ")).call(_context, getTextColor(props.tone, true, overwrittenVars), ";\n }\n }") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FlatButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRFeHRlbmRlZFRoZW1lID0gVGhlbWUgJiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn07XG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgaWNvbi5cbiAgICovXG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufSAmIC8qKlxuICogSW5jbHVkZSBhbnkgcHJvcHMgZGVyaXZlZCBmcm9tIHRoZSBSZWFjdCBjb21wb25lbnQgcGFzc2VkIHRvIHRoZSBgYXNgIHByb3AuXG4gKiBGb3IgZXhhbXBsZSwgZ2l2ZW4gYGFzPXtMaW5rfWAsIGFsbCBwcm9wcyBvZiB0aGUgYDxMaW5rPmAgY29tcG9uZW50IGFyZSBhbGxvd2VkIHRvIGJlXG4gKiBwYXNzZWQgdG8gYDxGbGF0QnV0dG9uPmA6IDxGbGF0QnV0dG9uIGFzPXtMaW5rfSB0bz1cIi9mb29cIiBsYWJlbD1cIkZvb1wiIC8+LlxuICovIENvbXBvbmVudFByb3BzV2l0aFJlZjxUU3RyaW5nT3JDb21wb25lbnQ+O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRGbGF0QnV0dG9uUHJvcHMsXG4gICd0b25lJyB8ICdpc0Rpc2FibGVkJyB8ICd0eXBlJyB8ICdpY29uUG9zaXRpb24nXG4+ID0ge1xuICB0b25lOiAncHJpbWFyeScsXG4gIHR5cGU6ICdidXR0b24nLFxuICBpY29uUG9zaXRpb246ICdsZWZ0JyxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCdXR0b25JY29uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogUGljazxcbiAgICBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD4sXG4gICAgJ2FzJyB8ICdpc0Rpc2FibGVkJyB8ICd0b25lJyB8ICdpY29uJ1xuICA+XG4pID0+IHtcbiAgaWYgKCFwcm9wcy5pY29uKSByZXR1cm4gbnVsbDtcbiAgY29uc3QgaWNvbkNvbG9yID0gZ2V0QnV0dG9uSWNvbkNvbG9yKHByb3BzKTtcbiAgY29uc3QgSWNvbiA9IGNsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgc2l6ZTogJ21lZGl1bScsXG4gICAgY29sb3I6IGljb25Db2xvcixcbiAgfSk7XG4gIGlmIChwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge0ljb259XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gSWNvbjtcbn07XG5CdXR0b25JY29uLmRpc3BsYXlOYW1lID0gJ0J1dHRvbkljb24nO1xuXG5jb25zdCBGbGF0QnV0dG9uID0gPFRTdHJpbmdPckNvbXBvbmVudCBleHRlbmRzIEVsZW1lbnRUeXBlID0gJ2J1dHRvbic+KFxuICBwcm9wczogVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+XG4pID0+IHtcbiAgY29uc3QgYnV0dG9uQXR0cmlidXRlcyA9IHtcbiAgICAnZGF0YS10cmFjay1jb21wb25lbnQnOiAnRmxhdEJ1dHRvbicsXG4gICAgLy8gRm9yd2FyZCB2YWxpZCBhdHRyaWJ1dGVzIHRvIHRoZSBgPEFjY2Vzc2libGVCdXR0b24+YC5cbiAgICAuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhvbWl0KHByb3BzLCBwcm9wc1RvT21pdCkpLFxuICAgIC8vIGlmIHRoZXJlIGlzIGEgZGl2ZXJnZW5jZSBiZXR3ZWVuIGBpc0Rpc2FibGVkYCBhbmQgYGRpc2FibGVkYCxcbiAgICAvLyB3ZSBmYWxsIGJhY2sgdG8gYGlzRGlzYWJsZWRgXG4gICAgZGlzYWJsZWQ6IHByb3BzLmlzRGlzYWJsZWQsXG4gIH07XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgYXM9e3Byb3BzLmFzfVxuICAgICAgdHlwZT17cHJvcHMudHlwZX1cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICR7cHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nXG4gICAgICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztgXG4gICAgICAgICAgOiAnJ307XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IG92ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICogKyBzcGFuLFxuICAgICAgICAqICsgc3ZnIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt2YXJzLnNwYWNpbmdYc307XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
104
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SGMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgRWxlbWVudFR5cGUsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURGVzaWduVG9rZW5zID0gdHlwZW9mIGRlc2lnblRva2VucztcblxuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIGRlc2lnblRva2Vucyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdYc307XG4gICAgICAgIH1cblxuICAgICAgICAkeyFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgPyBgXG4gICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBkZXNpZ25Ub2tlbnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBzdmcgKiB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgZGVzaWduVG9rZW5zKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1gXG4gICAgICAgICAgOiAnJ31cbiAgICAgIGB9XG4gICAgICBidXR0b25BdHRyaWJ1dGVzPXtidXR0b25BdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ2xlZnQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuRmxhdEJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdGbGF0QnV0dG9uJztcbkZsYXRCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBGbGF0QnV0dG9uO1xuIl19 */"),
109
105
  buttonAttributes: buttonAttributes,
110
106
  children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx(Text.Body, {
111
107
  as: "span",
@@ -129,6 +125,6 @@ FlatButton.defaultProps = defaultProps;
129
125
  var FlatButton$1 = FlatButton;
130
126
 
131
127
  // NOTE: This string will be replaced on build time with the package version.
132
- var version = "15.2.3";
128
+ var version = "15.3.0";
133
129
 
134
130
  export { FlatButton$1 as default, version };
package/dist/declarations/src/flat-button.d.ts CHANGED
@@ -1,8 +1,6 @@
1
- import type { Theme } from '@emotion/react';
2
1
  import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
3
- export declare type TExtendedTheme = Theme & {
4
- [key: string]: string;
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';
package/dist/declarations/src/flat-button.styles.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import type { TFlatButtonProps, TExtendedTheme } from './flat-button';
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, overwrittenVars: TExtendedTheme) => string;
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.2.3",
4
+ "version": "15.3.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.2.3",
25
- "@commercetools-uikit/design-system": "15.2.3",
26
- "@commercetools-uikit/spacings-inline": "15.2.3",
27
- "@commercetools-uikit/text": "15.2.3",
28
- "@commercetools-uikit/utils": "15.2.3",
24
+ "@commercetools-uikit/accessible-button": "15.3.0",
25
+ "@commercetools-uikit/design-system": "15.3.0",
26
+ "@commercetools-uikit/spacings-inline": "15.3.0",
27
+ "@commercetools-uikit/text": "15.3.0",
28
+ "@commercetools-uikit/utils": "15.3.0",
29
29
  "@emotion/react": "^11.4.0",
30
30
  "@emotion/styled": "^11.3.0",
31
31
  "lodash": "4.17.21",