npm - @commercetools-uikit/flat-button - Versions diffs - 12.2.0 → 12.2.5 - Mend

@commercetools-uikit/flat-button 12.2.0 → 12.2.5

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 (9) hide show

package/README.md +10 -11
package/dist/commercetools-uikit-flat-button.cjs.dev.js +32 -27
package/dist/commercetools-uikit-flat-button.cjs.prod.js +23 -19
package/dist/commercetools-uikit-flat-button.esm.js +23 -18
package/dist/declarations/src/flat-button.d.ts +21 -21
package/dist/declarations/src/flat-button.styles.d.ts +3 -3
package/dist/declarations/src/index.d.ts +2 -2
package/dist/declarations/src/version.d.ts +2 -2
package/package.json +18 -15

package/README.md CHANGED Viewed

@@ -30,7 +30,6 @@ npm --save install react
 ## Usage
 ```jsx
-import React from 'react';
 import FlatButton from '@commercetools-uikit/flat-button';
 import { InformationIcon } from '@commercetools-uikit/icons';
@@ -49,16 +48,16 @@ export default Example;
 ## Properties
-| Props          | Type                                                                    | Required | Default     | Description                                                                                                                                                |
-| -------------- | ----------------------------------------------------------------------- | :------: | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `as`           | `union`<br/>Possible values:<br/>`string , ComponentType`               |          |             | You may pass in a string like "a" to have the button render as an anchor tag instead.&#xA;<br/>&#xA;Or you could pass in a React Component, like a `Link`. |
-| `tone`         | `union`<br/>Possible values:<br/>`'primary' , 'secondary' , 'inverted'` |          | `'primary'` | Indicates the color scheme of button                                                                                                                       |
-| `type`         | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'`        |          | `'button'`  | Used as the HTML `type` attribute.                                                                                                                         |
-| `label`        | `string`                                                                |    ✅    |             | Should describe what the button is for                                                                                                                     |
-| `onClick`      | `Function`<br/>[See signature.](#signature-onClick)                     |          |             | Handler when the button is clicked&#xA;<br />&#xA;Signature: (event: MouseEvent\<HTMLButtonElement) => void                                                |
-| `icon`         | `ReactReactElement`                                                     |          |             | The icon of the button                                                                                                                                     |
-| `iconPosition` | `union`<br/>Possible values:<br/>`'left' , 'right'`                     |          | `'left'`    | The position of the icon                                                                                                                                   |
-| `isDisabled`   | `boolean`                                                               |          | `false`     | Determines if the button is disabled.&#xA;<br />&#xA;Note that this influences the `tone` and `onClick` will not be triggered in this state.               |
+| Props          | Type                                                                    | Required | Default     | Description                                                                                                                                                                                                                                                              |
+| -------------- | ----------------------------------------------------------------------- | :------: | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `as`           | `TStringOrComponent`                                                    |          |             | You may pass in a string like "a" to have the button element render an anchor tag, or&#xA;you could pass in a React Component, like a `Link`.&#xA;<br />&#xA;The `<FlatButton>` additionally accepts any props or attributes specific to the given element or component. |
+| `tone`         | `union`<br/>Possible values:<br/>`'primary' , 'secondary' , 'inverted'` |          | `'primary'` | Indicates the color scheme of the button.                                                                                                                                                                                                                                |
+| `type`         | `union`<br/>Possible values:<br/>`'submit' , 'reset' , 'button'`        |          | `'button'`  | Used as the HTML `type` attribute.                                                                                                                                                                                                                                       |
+| `label`        | `string`                                                                |    ✅    |             | Should describe what the button is for.                                                                                                                                                                                                                                  |
+| `onClick`      | `Function`<br/>[See signature.](#signature-onClick)                     |          |             | Handler when the button is clicked.&#xA;<br />&#xA;Signature: (event: MouseEvent\<HTMLButtonElement) => void                                                                                                                                                             |
+| `icon`         | `ReactElement`                                                          |          |             | The icon of the button.                                                                                                                                                                                                                                                  |
+| `iconPosition` | `union`<br/>Possible values:<br/>`'left' , 'right'`                     |          | `'left'`    | The position of the icon.                                                                                                                                                                                                                                                |
+| `isDisabled`   | `boolean`                                                               |          | `false`     | Determines if the button is disabled.&#xA;<br />&#xA;Note that this influences the `tone` and `onClick` will not be triggered in this state.                                                                                                                             |
 ## Signatures

package/dist/commercetools-uikit-flat-button.cjs.dev.js CHANGED Viewed

@@ -13,13 +13,14 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _pt = require('prop-types');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var React = require('react');
+var react$1 = require('react');
 var react = require('@emotion/react');
 var omit = require('lodash/omit');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
 var Text = require('@commercetools-uikit/text');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -33,7 +34,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -61,9 +61,9 @@ var getTextColor = function getTextColor(tone) {
   }
 };
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var propsToOmit = ['type'];
@@ -80,21 +80,23 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "14vgzxd-ButtonIcon",
   styles: "vertical-align:middle;label:ButtonIcon;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR2dCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURXh0ZW5kZWRUaGVtZSA9IFRoZW1lICYge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59O1xuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICogPGJyIC8+XG4gICAqIFNpZ25hdHVyZTogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50KSA9PiB2b2lkXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IG92ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke3ZhcnMuc3BhY2luZ1hzfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiPntwcm9wcy5sYWJlbH08L1RleHQuQm9keT5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var ButtonIcon = function ButtonIcon(props) {
   if (!props.icon) return null;
   var iconColor = getButtonIconColor(props);
-  var Icon = /*#__PURE__*/React__default['default'].cloneElement(props.icon, {
+  var Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
     size: 'medium',
     color: iconColor
   });
   if (props.as && props.as !== 'button') {
-    return react.jsx("span", {
-      css: _ref
-    }, Icon);
+    return jsxRuntime.jsx("span", {
+      css: _ref,
+      children: Icon
+    });
   }
   return Icon;
@@ -105,9 +107,9 @@ ButtonIcon.displayName = 'ButtonIcon';
 var FlatButton = function FlatButton(props) {
   var _context;
-  var dataProps = _objectSpread(_objectSpread({
+  var buttonAttributes = _objectSpread(_objectSpread({
     'data-track-component': 'FlatButton'
-  }, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
+  }, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
     // if there is a divergence between `isDisabled` and `disabled`,
     // we fall back to `isDisabled`
     disabled: props.isDisabled
@@ -117,34 +119,37 @@ var FlatButton = function FlatButton(props) {
   var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
-  return react.jsx(AccessibleButton__default['default'], {
+  return jsxRuntime.jsxs(AccessibleButton__default["default"], {
     as: props.as,
     type: props.type,
     label: props.label,
     onClick: props.onClick,
     isDisabled: props.isDisabled,
-    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;")),
-    buttonAttributes: dataProps
-  }, props.icon && props.iconPosition === 'left' && react.jsx(ButtonIcon, props), react.jsx(Text__default['default'].Body, {
-    as: "span"
-  }, props.label), props.icon && props.iconPosition === 'right' && react.jsx(ButtonIcon, props));
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRFeHRlbmRlZFRoZW1lID0gVGhlbWUgJiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn07XG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKiA8YnIgLz5cbiAgICogU2lnbmF0dXJlOiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQpID0+IHZvaWRcbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
+    buttonAttributes: buttonAttributes,
+    children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(Text__default["default"].Body, {
+      as: "span",
+      children: props.label
+    }), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
+  });
 };
 FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  as: _pt__default['default'].oneOfType([_pt__default['default'].string, _pt__default['default'].elementType]),
-  tone: _pt__default['default'].oneOf(['primary', 'secondary', 'inverted']),
-  type: _pt__default['default'].oneOf(['submit', 'reset', 'button']),
-  label: _pt__default['default'].string.isRequired,
-  onClick: _pt__default['default'].func,
-  icon: _pt__default['default'].element,
-  iconPosition: _pt__default['default'].oneOf(['left', 'right']),
-  isDisabled: _pt__default['default'].bool
+  as: _pt__default["default"].any,
+  tone: _pt__default["default"].oneOf(['primary', 'secondary', 'inverted']),
+  type: _pt__default["default"].oneOf(['submit', 'reset', 'button']),
+  label: _pt__default["default"].string.isRequired,
+  onClick: _pt__default["default"].func,
+  icon: _pt__default["default"].element,
+  iconPosition: _pt__default["default"].oneOf(['left', 'right']),
+  isDisabled: _pt__default["default"].bool
 } : {};
 FlatButton.displayName = 'FlatButton';
 FlatButton.defaultProps = defaultProps;
+var FlatButton$1 = FlatButton;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-exports.default = FlatButton;
+exports["default"] = FlatButton$1;
 exports.version = version;

package/dist/commercetools-uikit-flat-button.cjs.prod.js CHANGED Viewed

@@ -13,13 +13,14 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('prop-types');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var React = require('react');
+var react$1 = require('react');
 var react = require('@emotion/react');
 var omit = require('lodash/omit');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
 var Text = require('@commercetools-uikit/text');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -32,7 +33,6 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -60,9 +60,9 @@ var getTextColor = function getTextColor(tone) {
   }
 };
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var propsToOmit = ['type'];
 var defaultProps = {
   tone: 'primary',
@@ -79,15 +79,16 @@ var _ref = {
 var ButtonIcon = function ButtonIcon(props) {
   if (!props.icon) return null;
   var iconColor = getButtonIconColor(props);
-  var Icon = /*#__PURE__*/React__default['default'].cloneElement(props.icon, {
+  var Icon = /*#__PURE__*/react$1.cloneElement(props.icon, {
     size: 'medium',
     color: iconColor
   });
   if (props.as && props.as !== 'button') {
-    return react.jsx("span", {
-      css: _ref
-    }, Icon);
+    return jsxRuntime.jsx("span", {
+      css: _ref,
+      children: Icon
+    });
   }
   return Icon;
@@ -98,9 +99,9 @@ ButtonIcon.displayName = 'ButtonIcon';
 var FlatButton = function FlatButton(props) {
   var _context;
-  var dataProps = _objectSpread(_objectSpread({
+  var buttonAttributes = _objectSpread(_objectSpread({
     'data-track-component': 'FlatButton'
-  }, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
+  }, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
     // if there is a divergence between `isDisabled` and `disabled`,
     // we fall back to `isDisabled`
     disabled: props.isDisabled
@@ -110,25 +111,28 @@ var FlatButton = function FlatButton(props) {
   var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
-  return react.jsx(AccessibleButton__default['default'], {
+  return jsxRuntime.jsxs(AccessibleButton__default["default"], {
     as: props.as,
     type: props.type,
     label: props.label,
     onClick: props.onClick,
     isDisabled: props.isDisabled,
-    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            }") : '', ";" + ("" )),
-    buttonAttributes: dataProps
-  }, props.icon && props.iconPosition === 'left' && react.jsx(ButtonIcon, props), react.jsx(Text__default['default'].Body, {
-    as: "span"
-  }, props.label), props.icon && props.iconPosition === 'right' && react.jsx(ButtonIcon, props));
+    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            }") : '', ";" + ("" ), "" ),
+    buttonAttributes: buttonAttributes,
+    children: [props.icon && props.iconPosition === 'left' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props)), jsxRuntime.jsx(Text__default["default"].Body, {
+      as: "span",
+      children: props.label
+    }), props.icon && props.iconPosition === 'right' && jsxRuntime.jsx(ButtonIcon, _objectSpread({}, props))]
+  });
 };
 FlatButton.propTypes = {};
 FlatButton.displayName = 'FlatButton';
 FlatButton.defaultProps = defaultProps;
+var FlatButton$1 = FlatButton;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-exports.default = FlatButton;
+exports["default"] = FlatButton$1;
 exports.version = version;

package/dist/commercetools-uikit-flat-button.esm.js CHANGED Viewed

@@ -9,13 +9,14 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _pt from 'prop-types';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import React from 'react';
-import { useTheme, jsx, css } from '@emotion/react';
+import { cloneElement } from 'react';
+import { useTheme, css } from '@emotion/react';
 import omit from 'lodash/omit';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { filterInvalidAttributes } from '@commercetools-uikit/utils';
 import Text from '@commercetools-uikit/text';
 import AccessibleButton from '@commercetools-uikit/accessible-button';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 var getButtonIconColor = function getButtonIconColor(props) {
   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';
@@ -40,7 +41,7 @@ var getTextColor = function getTextColor(tone) {
   }
 };
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -59,21 +60,23 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "14vgzxd-ButtonIcon",
   styles: "vertical-align:middle;label:ButtonIcon;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR2dCIiwiZmlsZSI6ImZsYXQtYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBNb3VzZUV2ZW50LFxuICBLZXlib2FyZEV2ZW50LFxuICBFbGVtZW50VHlwZSxcbiAgUmVhY3RFbGVtZW50LFxuICBDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIGNsb25lRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBvbWl0IGZyb20gJ2xvZGFzaC9vbWl0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IGdldFRleHRDb2xvciwgZ2V0QnV0dG9uSWNvbkNvbG9yIH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi5zdHlsZXMnO1xuXG5jb25zdCBwcm9wc1RvT21pdCA9IFsndHlwZSddO1xuXG5leHBvcnQgdHlwZSBURXh0ZW5kZWRUaGVtZSA9IFRoZW1lICYge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59O1xuZXhwb3J0IHR5cGUgVEZsYXRCdXR0b25Qcm9wczxcbiAgVFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJ1xuPiA9IHtcbiAgLyoqXG4gICAqIFlvdSBtYXkgcGFzcyBpbiBhIHN0cmluZyBsaWtlIFwiYVwiIHRvIGhhdmUgdGhlIGJ1dHRvbiBlbGVtZW50IHJlbmRlciBhbiBhbmNob3IgdGFnLCBvclxuICAgKiB5b3UgY291bGQgcGFzcyBpbiBhIFJlYWN0IENvbXBvbmVudCwgbGlrZSBhIGBMaW5rYC5cbiAgICogPGJyIC8+XG4gICAqIFRoZSBgPEZsYXRCdXR0b24+YCBhZGRpdGlvbmFsbHkgYWNjZXB0cyBhbnkgcHJvcHMgb3IgYXR0cmlidXRlcyBzcGVjaWZpYyB0byB0aGUgZ2l2ZW4gZWxlbWVudCBvciBjb21wb25lbnQuXG4gICAqL1xuICBhcz86IFRTdHJpbmdPckNvbXBvbmVudDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICB0b25lPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogVXNlZCBhcyB0aGUgSFRNTCBgdHlwZWAgYXR0cmlidXRlLlxuICAgKi9cbiAgdHlwZT86ICdzdWJtaXQnIHwgJ3Jlc2V0JyB8ICdidXR0b24nO1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogSGFuZGxlciB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICogPGJyIC8+XG4gICAqIFNpZ25hdHVyZTogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50KSA9PiB2b2lkXG4gICAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFRoZSBpY29uIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG59ICYgLyoqXG4gKiBJbmNsdWRlIGFueSBwcm9wcyBkZXJpdmVkIGZyb20gdGhlIFJlYWN0IGNvbXBvbmVudCBwYXNzZWQgdG8gdGhlIGBhc2AgcHJvcC5cbiAqIEZvciBleGFtcGxlLCBnaXZlbiBgYXM9e0xpbmt9YCwgYWxsIHByb3BzIG9mIHRoZSBgPExpbms+YCBjb21wb25lbnQgYXJlIGFsbG93ZWQgdG8gYmVcbiAqIHBhc3NlZCB0byBgPEZsYXRCdXR0b24+YDogPEZsYXRCdXR0b24gYXM9e0xpbmt9IHRvPVwiL2Zvb1wiIGxhYmVsPVwiRm9vXCIgLz4uXG4gKi8gQ29tcG9uZW50UHJvcHNXaXRoUmVmPFRTdHJpbmdPckNvbXBvbmVudD47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEZsYXRCdXR0b25Qcm9wcyxcbiAgJ3RvbmUnIHwgJ2lzRGlzYWJsZWQnIHwgJ3R5cGUnIHwgJ2ljb25Qb3NpdGlvbidcbj4gPSB7XG4gIHRvbmU6ICdwcmltYXJ5JyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGljb25Qb3NpdGlvbjogJ2xlZnQnLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbkljb24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBQaWNrPFxuICAgIFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PixcbiAgICAnYXMnIHwgJ2lzRGlzYWJsZWQnIHwgJ3RvbmUnIHwgJ2ljb24nXG4gID5cbikgPT4ge1xuICBpZiAoIXByb3BzLmljb24pIHJldHVybiBudWxsO1xuICBjb25zdCBpY29uQ29sb3IgPSBnZXRCdXR0b25JY29uQ29sb3IocHJvcHMpO1xuICBjb25zdCBJY29uID0gY2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICBzaXplOiAnbWVkaXVtJyxcbiAgICBjb2xvcjogaWNvbkNvbG9yLFxuICB9KTtcbiAgaWYgKHByb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7SWNvbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG4gIHJldHVybiBJY29uO1xufTtcbkJ1dHRvbkljb24uZGlzcGxheU5hbWUgPSAnQnV0dG9uSWNvbic7XG5cbmNvbnN0IEZsYXRCdXR0b24gPSA8VFN0cmluZ09yQ29tcG9uZW50IGV4dGVuZHMgRWxlbWVudFR5cGUgPSAnYnV0dG9uJz4oXG4gIHByb3BzOiBURmxhdEJ1dHRvblByb3BzPFRTdHJpbmdPckNvbXBvbmVudD5cbikgPT4ge1xuICBjb25zdCBidXR0b25BdHRyaWJ1dGVzID0ge1xuICAgICdkYXRhLXRyYWNrLWNvbXBvbmVudCc6ICdGbGF0QnV0dG9uJyxcbiAgICAvLyBGb3J3YXJkIHZhbGlkIGF0dHJpYnV0ZXMgdG8gdGhlIGA8QWNjZXNzaWJsZUJ1dHRvbj5gLlxuICAgIC4uLmZpbHRlckludmFsaWRBdHRyaWJ1dGVzKG9taXQocHJvcHMsIHByb3BzVG9PbWl0KSksXG4gICAgLy8gaWYgdGhlcmUgaXMgYSBkaXZlcmdlbmNlIGJldHdlZW4gYGlzRGlzYWJsZWRgIGFuZCBgZGlzYWJsZWRgLFxuICAgIC8vIHdlIGZhbGwgYmFjayB0byBgaXNEaXNhYmxlZGBcbiAgICBkaXNhYmxlZDogcHJvcHMuaXNEaXNhYmxlZCxcbiAgfTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFyczogVEV4dGVuZGVkVGhlbWUgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICBhcz17cHJvcHMuYXN9XG4gICAgICB0eXBlPXtwcm9wcy50eXBlfVxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgJHtwcm9wcy5hcyAmJiBwcm9wcy5hcyAhPT0gJ2J1dHRvbidcbiAgICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO2BcbiAgICAgICAgICA6ICcnfTtcblxuICAgICAgICBzcGFuIHtcbiAgICAgICAgICBjb2xvcjogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IG92ZXJ3cml0dGVuVmFycy5jb2xvck5ldXRyYWxcbiAgICAgICAgICAgIDogZ2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIGZhbHNlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICBmaWxsOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgKiArIHNwYW4sXG4gICAgICAgICogKyBzdmcge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke3ZhcnMuc3BhY2luZ1hzfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IXByb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICA/IGBcbiAgICAgICAgICAgICY6aG92ZXIsXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke2dldFRleHRDb2xvcihwcm9wcy50b25lLCB0cnVlLCBvdmVyd3JpdHRlblZhcnMpfTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfWBcbiAgICAgICAgICA6ICcnfVxuICAgICAgYH1cbiAgICAgIGJ1dHRvbkF0dHJpYnV0ZXM9e2J1dHRvbkF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAnbGVmdCcgJiYgKFxuICAgICAgICA8QnV0dG9uSWNvbjxUU3RyaW5nT3JDb21wb25lbnQ+IHsuLi5wcm9wc30gLz5cbiAgICAgICl9XG4gICAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiPntwcm9wcy5sYWJlbH08L1RleHQuQm9keT5cbiAgICAgIHtwcm9wcy5pY29uICYmIHByb3BzLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICk7XG59O1xuXG5GbGF0QnV0dG9uLmRpc3BsYXlOYW1lID0gJ0ZsYXRCdXR0b24nO1xuRmxhdEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEZsYXRCdXR0b247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var ButtonIcon = function ButtonIcon(props) {
   if (!props.icon) return null;
   var iconColor = getButtonIconColor(props);
-  var Icon = /*#__PURE__*/React.cloneElement(props.icon, {
+  var Icon = /*#__PURE__*/cloneElement(props.icon, {
     size: 'medium',
     color: iconColor
   });
   if (props.as && props.as !== 'button') {
     return jsx("span", {
-      css: _ref
-    }, Icon);
+      css: _ref,
+      children: Icon
+    });
   }
   return Icon;
@@ -84,7 +87,7 @@ ButtonIcon.displayName = 'ButtonIcon';
 var FlatButton = function FlatButton(props) {
   var _context;
-  var dataProps = _objectSpread(_objectSpread({
+  var buttonAttributes = _objectSpread(_objectSpread({
     'data-track-component': 'FlatButton'
   }, filterInvalidAttributes(omit(props, propsToOmit))), {}, {
     // if there is a divergence between `isDisabled` and `disabled`,
@@ -96,21 +99,23 @@ var FlatButton = function FlatButton(props) {
   var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
-  return jsx(AccessibleButton, {
+  return jsxs(AccessibleButton, {
     as: props.as,
     type: props.type,
     label: props.label,
     onClick: props.onClick,
     isDisabled: props.isDisabled,
-    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;")),
-    buttonAttributes: dataProps
-  }, props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, props), jsx(Text.Body, {
-    as: "span"
-  }, props.label), props.icon && props.iconPosition === 'right' && jsx(ButtonIcon, props));
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXQtYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzSWMiLCJmaWxlIjoiZmxhdC1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIE1vdXNlRXZlbnQsXG4gIEtleWJvYXJkRXZlbnQsXG4gIEVsZW1lbnRUeXBlLFxuICBSZWFjdEVsZW1lbnQsXG4gIENvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgY2xvbmVFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZ2V0VGV4dENvbG9yLCBnZXRCdXR0b25JY29uQ29sb3IgfSBmcm9tICcuL2ZsYXQtYnV0dG9uLnN0eWxlcyc7XG5cbmNvbnN0IHByb3BzVG9PbWl0ID0gWyd0eXBlJ107XG5cbmV4cG9ydCB0eXBlIFRFeHRlbmRlZFRoZW1lID0gVGhlbWUgJiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn07XG5leHBvcnQgdHlwZSBURmxhdEJ1dHRvblByb3BzPFxuICBUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nXG4+ID0ge1xuICAvKipcbiAgICogWW91IG1heSBwYXNzIGluIGEgc3RyaW5nIGxpa2UgXCJhXCIgdG8gaGF2ZSB0aGUgYnV0dG9uIGVsZW1lbnQgcmVuZGVyIGFuIGFuY2hvciB0YWcsIG9yXG4gICAqIHlvdSBjb3VsZCBwYXNzIGluIGEgUmVhY3QgQ29tcG9uZW50LCBsaWtlIGEgYExpbmtgLlxuICAgKiA8YnIgLz5cbiAgICogVGhlIGA8RmxhdEJ1dHRvbj5gIGFkZGl0aW9uYWxseSBhY2NlcHRzIGFueSBwcm9wcyBvciBhdHRyaWJ1dGVzIHNwZWNpZmljIHRvIHRoZSBnaXZlbiBlbGVtZW50IG9yIGNvbXBvbmVudC5cbiAgICovXG4gIGFzPzogVFN0cmluZ09yQ29tcG9uZW50O1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBjb2xvciBzY2hlbWUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHRoZSBIVE1MIGB0eXBlYCBhdHRyaWJ1dGUuXG4gICAqL1xuICB0eXBlPzogJ3N1Ym1pdCcgfCAncmVzZXQnIHwgJ2J1dHRvbic7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHdoZW4gdGhlIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKiA8YnIgLz5cbiAgICogU2lnbmF0dXJlOiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQpID0+IHZvaWRcbiAgICovXG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIGljb24uXG4gICAqL1xuICBpY29uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLlxuICAgKiA8YnIgLz5cbiAgICogTm90ZSB0aGF0IHRoaXMgaW5mbHVlbmNlcyB0aGUgYHRvbmVgIGFuZCBgb25DbGlja2Agd2lsbCBub3QgYmUgdHJpZ2dlcmVkIGluIHRoaXMgc3RhdGUuXG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbn0gJiAvKipcbiAqIEluY2x1ZGUgYW55IHByb3BzIGRlcml2ZWQgZnJvbSB0aGUgUmVhY3QgY29tcG9uZW50IHBhc3NlZCB0byB0aGUgYGFzYCBwcm9wLlxuICogRm9yIGV4YW1wbGUsIGdpdmVuIGBhcz17TGlua31gLCBhbGwgcHJvcHMgb2YgdGhlIGA8TGluaz5gIGNvbXBvbmVudCBhcmUgYWxsb3dlZCB0byBiZVxuICogcGFzc2VkIHRvIGA8RmxhdEJ1dHRvbj5gOiA8RmxhdEJ1dHRvbiBhcz17TGlua30gdG89XCIvZm9vXCIgbGFiZWw9XCJGb29cIiAvPi5cbiAqLyBDb21wb25lbnRQcm9wc1dpdGhSZWY8VFN0cmluZ09yQ29tcG9uZW50PjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURmxhdEJ1dHRvblByb3BzLFxuICAndG9uZScgfCAnaXNEaXNhYmxlZCcgfCAndHlwZScgfCAnaWNvblBvc2l0aW9uJ1xuPiA9IHtcbiAgdG9uZTogJ3ByaW1hcnknLFxuICB0eXBlOiAnYnV0dG9uJyxcbiAgaWNvblBvc2l0aW9uOiAnbGVmdCcsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxufTtcblxuY29uc3QgQnV0dG9uSWNvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFBpY2s8XG4gICAgVEZsYXRCdXR0b25Qcm9wczxUU3RyaW5nT3JDb21wb25lbnQ+LFxuICAgICdhcycgfCAnaXNEaXNhYmxlZCcgfCAndG9uZScgfCAnaWNvbidcbiAgPlxuKSA9PiB7XG4gIGlmICghcHJvcHMuaWNvbikgcmV0dXJuIG51bGw7XG4gIGNvbnN0IGljb25Db2xvciA9IGdldEJ1dHRvbkljb25Db2xvcihwcm9wcyk7XG4gIGNvbnN0IEljb24gPSBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgIHNpemU6ICdtZWRpdW0nLFxuICAgIGNvbG9yOiBpY29uQ29sb3IsXG4gIH0pO1xuICBpZiAocHJvcHMuYXMgJiYgcHJvcHMuYXMgIT09ICdidXR0b24nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtJY29ufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIEljb247XG59O1xuQnV0dG9uSWNvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b25JY29uJztcblxuY29uc3QgRmxhdEJ1dHRvbiA9IDxUU3RyaW5nT3JDb21wb25lbnQgZXh0ZW5kcyBFbGVtZW50VHlwZSA9ICdidXR0b24nPihcbiAgcHJvcHM6IFRGbGF0QnV0dG9uUHJvcHM8VFN0cmluZ09yQ29tcG9uZW50PlxuKSA9PiB7XG4gIGNvbnN0IGJ1dHRvbkF0dHJpYnV0ZXMgPSB7XG4gICAgJ2RhdGEtdHJhY2stY29tcG9uZW50JzogJ0ZsYXRCdXR0b24nLFxuICAgIC8vIEZvcndhcmQgdmFsaWQgYXR0cmlidXRlcyB0byB0aGUgYDxBY2Nlc3NpYmxlQnV0dG9uPmAuXG4gICAgLi4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMob21pdChwcm9wcywgcHJvcHNUb09taXQpKSxcbiAgICAvLyBpZiB0aGVyZSBpcyBhIGRpdmVyZ2VuY2UgYmV0d2VlbiBgaXNEaXNhYmxlZGAgYW5kIGBkaXNhYmxlZGAsXG4gICAgLy8gd2UgZmFsbCBiYWNrIHRvIGBpc0Rpc2FibGVkYFxuICAgIGRpc2FibGVkOiBwcm9wcy5pc0Rpc2FibGVkLFxuICB9O1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzOiBURXh0ZW5kZWRUaGVtZSA9IHtcbiAgICAuLi52YXJzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGFzPXtwcm9wcy5hc31cbiAgICAgIHR5cGU9e3Byb3BzLnR5cGV9XG4gICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfVxuICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtaW4taGVpZ2h0OiBpbml0aWFsO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAke3Byb3BzLmFzICYmIHByb3BzLmFzICE9PSAnYnV0dG9uJ1xuICAgICAgICAgID8gYHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7YFxuICAgICAgICAgIDogJyd9O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGNvbG9yOiAke3Byb3BzLmlzRGlzYWJsZWRcbiAgICAgICAgICAgID8gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbFxuICAgICAgICAgICAgOiBnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgZmFsc2UsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgc3ZnICoge1xuICAgICAgICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgICAgPyBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsXG4gICAgICAgICAgICA6IGdldFRleHRDb2xvcihwcm9wcy50b25lLCBmYWxzZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgIH1cblxuICAgICAgICAqICsgc3BhbixcbiAgICAgICAgKiArIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nWHN9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgICAgID8gYFxuICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtnZXRUZXh0Q29sb3IocHJvcHMudG9uZSwgdHJ1ZSwgb3ZlcndyaXR0ZW5WYXJzKX07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc3ZnICoge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7Z2V0VGV4dENvbG9yKHByb3BzLnRvbmUsIHRydWUsIG92ZXJ3cml0dGVuVmFycyl9O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9YFxuICAgICAgICAgIDogJyd9XG4gICAgICBgfVxuICAgICAgYnV0dG9uQXR0cmlidXRlcz17YnV0dG9uQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7cHJvcHMuaWNvbiAmJiBwcm9wcy5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyAmJiAoXG4gICAgICAgIDxCdXR0b25JY29uPFRTdHJpbmdPckNvbXBvbmVudD4gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICAgICAge3Byb3BzLmljb24gJiYgcHJvcHMuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIChcbiAgICAgICAgPEJ1dHRvbkljb248VFN0cmluZ09yQ29tcG9uZW50PiB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cbkZsYXRCdXR0b24uZGlzcGxheU5hbWUgPSAnRmxhdEJ1dHRvbic7XG5GbGF0QnV0dG9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRmxhdEJ1dHRvbjtcbiJdfQ== */"),
+    buttonAttributes: buttonAttributes,
+    children: [props.icon && props.iconPosition === 'left' && jsx(ButtonIcon, _objectSpread({}, props)), jsx(Text.Body, {
+      as: "span",
+      children: props.label
+    }), props.icon && props.iconPosition === 'right' && jsx(ButtonIcon, _objectSpread({}, props))]
+  });
 };
 FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  as: _pt.oneOfType([_pt.string, _pt.elementType]),
+  as: _pt.any,
   tone: _pt.oneOf(['primary', 'secondary', 'inverted']),
   type: _pt.oneOf(['submit', 'reset', 'button']),
   label: _pt.string.isRequired,
@@ -121,9 +126,9 @@ FlatButton.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 FlatButton.displayName = 'FlatButton';
 FlatButton.defaultProps = defaultProps;
+var FlatButton$1 = FlatButton;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-export default FlatButton;
-export { version };
+export { FlatButton$1 as default, version };

package/dist/declarations/src/flat-button.d.ts CHANGED Viewed

@@ -1,21 +1,21 @@
-import type { Theme } from '@emotion/react';
-import React, { ComponentType, MouseEvent, KeyboardEvent } from 'react';
-export declare type TExtendedTheme = Theme & {
-    [key: string]: string;
-};
-export declare type TFlatButtonProps = {
-    as?: string | ComponentType;
-    tone?: 'primary' | 'secondary' | 'inverted';
-    type?: 'submit' | 'reset' | 'button';
-    label: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-    icon?: React.ReactElement;
-    iconPosition?: 'left' | 'right';
-    isDisabled?: boolean;
-};
-declare const FlatButton: {
-    (props: TFlatButtonProps): JSX.Element;
-    displayName: string;
-    defaultProps: Pick<TFlatButtonProps, "type" | "isDisabled" | "tone" | "iconPosition">;
-};
-export default FlatButton;
+import type { Theme } from '@emotion/react';
+import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
+export declare type TExtendedTheme = Theme & {
+    [key: string]: string;
+};
+export declare type TFlatButtonProps<TStringOrComponent extends ElementType = 'button'> = {
+    as?: TStringOrComponent;
+    tone?: 'primary' | 'secondary' | 'inverted';
+    type?: 'submit' | 'reset' | 'button';
+    label: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    icon?: ReactElement;
+    iconPosition?: 'left' | 'right';
+    isDisabled?: boolean;
+} & ComponentPropsWithRef<TStringOrComponent>;
+declare const FlatButton: {
+    <TStringOrComponent extends ElementType<any> = "button">(props: TFlatButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<TFlatButtonProps<"button">, "type" | "isDisabled" | "tone" | "iconPosition">;
+};
+export default FlatButton;

package/dist/declarations/src/flat-button.styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { TFlatButtonProps, TExtendedTheme } from './flat-button';
-export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface";
-export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined, overwrittenVars: TExtendedTheme) => string;
+import type { TFlatButtonProps, TExtendedTheme } from './flat-button';
+export declare const getButtonIconColor: (props: Pick<TFlatButtonProps, 'isDisabled' | 'tone'>) => "solid" | "primary" | "neutral60" | "surface";
+export declare const getTextColor: (tone: TFlatButtonProps['tone'], isHover: boolean | undefined, overwrittenVars: TExtendedTheme) => string;

package/dist/declarations/src/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { default } from './flat-button';
-export { default as version } from './version';
+export { default } from './flat-button';
+export { default as version } from './version';

package/dist/declarations/src/version.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: "12.2.0";
-export default _default;
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/flat-button",
   "description": "Flat buttons are minimal and a flat variation of primary and secondary buttons.",
-  "version": "12.2.0",
+  "version": "12.2.5",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -9,30 +9,33 @@
     "directory": "packages/components/buttons/flat-button"
   },
   "homepage": "https://uikit.commercetools.com",
-  "keywords": ["javascript", "design system", "react", "uikit"],
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "main": "dist/commercetools-uikit-flat-button.cjs.js",
   "module": "dist/commercetools-uikit-flat-button.esm.js",
-  "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../../scripts/version.js replace"
-  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@babel/runtime": "7.14.6",
-    "@babel/runtime-corejs3": "7.14.7",
-    "@commercetools-uikit/accessible-button": "12.2.0",
-    "@commercetools-uikit/design-system": "12.1.0",
-    "@commercetools-uikit/spacings-inline": "12.2.0",
-    "@commercetools-uikit/text": "12.2.0",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/accessible-button": "12.2.5",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/spacings-inline": "12.2.5",
+    "@commercetools-uikit/text": "12.2.5",
+    "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "common-tags": "1.8.0",
+    "common-tags": "1.8.2",
     "lodash": "4.17.21",
     "prop-types": "15.7.2"
   },