@commercetools-uikit/link-button 12.2.2 → 12.2.9

package/README.md

@@ -1,46 +1,3 @@
 # Buttons: Link Button
 
-## Description
-
-Link buttons are similar to Flat buttons, however they are constructed as a
-`<Link>` and they do not have types. They also support an `isExternal` prop. When passed,
-the Link button is then constructed with a `<a>` instead of the default `<Link>` tag.
-
-> Requires `react-router`.
-
-## Usage
-
-```js
-import LinkButton from '@commercetools-uikit/link-button';
-
-<LinkButton
-  to={'/foo/bar'}
-  iconLeft={<AddIcon />}
-  label="A label text"
-  isDisabled={false}
-/>
-
-<LinkButton
-  to={'https://kanyetothe.com'}
-  iconLeft={<SupportIcon />}
-  label="A label text"
-  isDisabled={false}
-  isExternal={true}
-/>
-```
-
-## Properties
-
-| Props        | Type                                                              | Required | Values | Default | Description                                                                 |
-| ------------ | ----------------------------------------------------------------- | :------: | ------ | ------- | --------------------------------------------------------------------------- |
-| `label`      | `string`                                                          |    ✅    | -      | -       | Should describe what the button is for                                      |
-| `to`         | `string` or `{ pathname: String, search: String, query: Object }` |    ✅    | -      | -       | The URL that the Link should point to                                       |
-| `iconLeft`   | `element`                                                         |    -     | -      | -       | The icon of the button                                                      |
-| `isDisabled` | `boolean`                                                         |    -     | -      | false   | Tells when the button should present a disabled state                       |
-| `isExternal` | `boolean`                                                         |    -     | -      | false   | If true, a regular <a> is rendered instead of the default React Router Link |
-
-The component further forwards all remaining props to the underlying component.
-
-Main Functions and use cases are:
-
-- Back to list _example: a link to going back to another page_
+This component is deprecated. Please use either the `<FlatButton>` or `<Link>` components.

package/dist/commercetools-uikit-link-button.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index";
+export { default } from "./declarations/src/index";

package/dist/commercetools-uikit-link-button.cjs.dev.js

@@ -2,117 +2,141 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
-var PropTypes = require('prop-types');
-var React = require('react');
+var _pt = require('prop-types');
+var react$1 = require('react');
 var reactRouterDom = require('react-router-dom');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
 var Inline = require('@commercetools-uikit/spacings-inline');
 var Text = require('@commercetools-uikit/text');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var Inline__default = /*#__PURE__*/_interopDefault(Inline);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 
-var hoverStyles = /*#__PURE__*/react.css("&:hover,&:focus,&:active{span{color:", designSystem.customProperties.colorPrimary25, ";}svg *{fill:", designSystem.customProperties.colorPrimary25, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"));
+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; }
 
-var StyledExternalLink = _styled__default['default']("a", process.env.NODE_ENV === "production" ? {
-  target: "e1tn0gr10"
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, 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 _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+var defaultProps = {
+  isDisabled: false,
+  isExternal: false
+};
+var hoverStyles = /*#__PURE__*/react.css("&:hover,&:focus,&:active{span{color:", designSystem.customProperties.colorPrimary25, ";}svg *{fill:", designSystem.customProperties.colorPrimary25, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHVCIiwiZmlsZSI6ImxpbmstYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5cbmltcG9ydCB7IGNsb25lRWxlbWVudCwgUmVhY3RFbGVtZW50LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBMaW5rIGFzIFJlYWN0Um91dGVyTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICB3YXJuRGVwcmVjYXRlZENvbXBvbmVudCxcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBJbmxpbmUgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5saW5lJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5leHBvcnQgdHlwZSBUTGlua0J1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBIHN0cmluZyBvciBhbiBvYmplY3QgcmVwcmVzZW50aW5nIHRoZSBsaW5rIGxvY2F0aW9uLlxuICAgKi9cbiAgdG86IHN0cmluZyB8IExvY2F0aW9uRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb25MZWZ0PzogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gbGluayBzaG91bGQgYmUgYSBub3JtYWwgYDxhPmAgZWxlbWVudCBvciBub3QuXG4gICAqL1xuICBpc0V4dGVybmFsPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUTGlua0J1dHRvblByb3BzLCAnaXNEaXNhYmxlZCcgfCAnaXNFeHRlcm5hbCc+ID0ge1xuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNFeHRlcm5hbDogZmFsc2UsXG59O1xuXG5jb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIHNwYW4ge1xuICAgICAgY29sb3I6ICR7dmFycy5jb2xvclByaW1hcnkyNX07XG4gICAgfVxuXG4gICAgc3ZnICoge1xuICAgICAgZmlsbDogJHt2YXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEV4dGVybmFsTGluayA9IHN0eWxlZC5hPFxuICBQaWNrPFRMaW5rQnV0dG9uUHJvcHMsICd0bycgfCAnaXNEaXNhYmxlZCc+XG4+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICBzcGFuIHtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkID8gdmFycy5jb2xvck5ldXRyYWwgOiB2YXJzLmNvbG9yUHJpbWFyeX07XG4gIH1cblxuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcblxuICAkeyhwcm9wcykgPT4gIXByb3BzLmlzRGlzYWJsZWQgJiYgaG92ZXJTdHlsZXN9XG5gO1xuXG5jb25zdCBMaW5rQm9keSA9IChcbiAgcHJvcHM6IFBpY2s8VExpbmtCdXR0b25Qcm9wcywgJ2ljb25MZWZ0JyB8ICdsYWJlbCcgfCAnaXNEaXNhYmxlZCc+XG4pID0+IChcbiAgPElubGluZSBzY2FsZT1cInhzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgIHtwcm9wcy5pY29uTGVmdFxuICAgICAgPyBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbkxlZnQsIHtcbiAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICBjb2xvcjogcHJvcHMuaXNEaXNhYmxlZCA/ICduZXV0cmFsNjAnIDogJ3ByaW1hcnknLFxuICAgICAgICB9KVxuICAgICAgOiBudWxsfVxuICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICA8L0lubGluZT5cbik7XG5cbkxpbmtCb2R5LmRpc3BsYXlOYW1lID0gJ0xpbmtCb2R5JztcblxuY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogVExpbmtCdXR0b25Qcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdhcm5EZXByZWNhdGVkQ29tcG9uZW50KCdMaW5rQnV0dG9uJyk7XG4gIH0sIFtdKTtcbiAgY29uc3QgcmVtYWluaW5nUHJvcHMgPSBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhwcm9wcyk7XG5cbiAgaWYgKHByb3BzLmlzRXh0ZXJuYWwpIHtcbiAgICBpZiAodHlwZW9mIHByb3BzLnRvICE9PSAnc3RyaW5nJykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdgdG9gIG11c3QgYmUgYSBgc3RyaW5nYCB3aGVuIGBpc0V4dGVybmFsYCBpcyBwcm92aWRlZC4nKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgLy8gQHRzLWlnbm9yZTogdGhlIGB0b2AgcHJvcCBpbiB0aGlzIGNhc2UgaXMgbm90IHJlcXVpcmVkXG4gICAgICAvLyB0byBiZSBwcm92aWRlZCwgaW5zdGVhZCB0aGUgYGhyZWZgIGlzLlxuICAgICAgPFN0eWxlZEV4dGVybmFsTGlua1xuICAgICAgICBocmVmPXtwcm9wcy50b31cbiAgICAgICAgb25DbGljaz17XG4gICAgICAgICAgcHJvcHMuaXNEaXNhYmxlZCA/IChldmVudCkgPT4gZXZlbnQucHJldmVudERlZmF1bHQoKSA6IHVuZGVmaW5lZFxuICAgICAgICB9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdHJhY2stY29tcG9uZW50PVwiTGlua0J1dHRvblwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICB7Li4ucmVtYWluaW5nUHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxMaW5rQm9keVxuICAgICAgICAgIGljb25MZWZ0PXtwcm9wcy5pY29uTGVmdH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkRXh0ZXJuYWxMaW5rPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRFeHRlcm5hbExpbmtcbiAgICAgIGFzPXtSZWFjdFJvdXRlckxpbmt9XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IChldmVudCkgPT4gZXZlbnQucHJldmVudERlZmF1bHQoKSA6IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtdHJhY2stY29tcG9uZW50PVwiTGlua0J1dHRvblwiXG4gICAgICBhcmlhLWxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIHsuLi5yZW1haW5pbmdQcm9wc31cbiAgICA+XG4gICAgICA8TGlua0JvZHlcbiAgICAgICAgaWNvbkxlZnQ9e3Byb3BzLmljb25MZWZ0fVxuICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkRXh0ZXJuYWxMaW5rPlxuICApO1xufTtcblxuTGlua0J1dHRvbi5kaXNwbGF5TmFtZSA9ICdMaW5rQnV0dG9uJztcbkxpbmtCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQnV0dG9uO1xuIl19 */");
+
+var StyledExternalLink = _styled__default["default"]("a", process.env.NODE_ENV === "production" ? {
+  target: "e8da6550"
 } : {
-  target: "e1tn0gr10",
+  target: "e8da6550",
   label: "StyledExternalLink"
 })("display:inline-flex;align-items:center;font-size:1rem;border:none;background:none;padding:0;min-height:initial;text-decoration:none;span{color:", function (props) {
-  return props.disabled ? designSystem.customProperties.colorNeutral : designSystem.customProperties.colorPrimary;
+  return props.isDisabled ? designSystem.customProperties.colorNeutral : designSystem.customProperties.colorPrimary;
 }, ";}cursor:", function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.isDisabled ? 'not-allowed' : 'pointer';
 }, ";", function (props) {
-  return !props.disabled && hoverStyles;
-}, ";");
+  return !props.isDisabled && hoverStyles;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRUMiLCJmaWxlIjoibGluay1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMb2NhdGlvbkRlc2NyaXB0b3IgfSBmcm9tICdoaXN0b3J5JztcblxuaW1wb3J0IHsgY2xvbmVFbGVtZW50LCBSZWFjdEVsZW1lbnQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgYXMgUmVhY3RSb3V0ZXJMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIHdhcm5EZXByZWNhdGVkQ29tcG9uZW50LFxuICBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5cbmV4cG9ydCB0eXBlIFRMaW5rQnV0dG9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgc3RyaW5nIG9yIGFuIG9iamVjdCByZXByZXNlbnRpbmcgdGhlIGxpbmsgbG9jYXRpb24uXG4gICAqL1xuICB0bzogc3RyaW5nIHwgTG9jYXRpb25EZXNjcmlwdG9yO1xuXG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbkxlZnQ/OiBSZWFjdEVsZW1lbnQ7XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBsaW5rIHNob3VsZCBiZSBhIG5vcm1hbCBgPGE+YCBlbGVtZW50IG9yIG5vdC5cbiAgICovXG4gIGlzRXh0ZXJuYWw/OiBib29sZWFuO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRMaW5rQnV0dG9uUHJvcHMsICdpc0Rpc2FibGVkJyB8ICdpc0V4dGVybmFsJz4gPSB7XG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0V4dGVybmFsOiBmYWxzZSxcbn07XG5cbmNvbnN0IGhvdmVyU3R5bGVzID0gY3NzYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgc3BhbiB7XG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICB9XG5cbiAgICBzdmcgKiB7XG4gICAgICBmaWxsOiAke3ZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRXh0ZXJuYWxMaW5rID0gc3R5bGVkLmE8XG4gIFBpY2s8VExpbmtCdXR0b25Qcm9wcywgJ3RvJyB8ICdpc0Rpc2FibGVkJz5cbj5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDFyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gIHNwYW4ge1xuICAgIGNvbG9yOiAkeyhwcm9wcykgPT5cbiAgICAgIHByb3BzLmlzRGlzYWJsZWQgPyB2YXJzLmNvbG9yTmV1dHJhbCA6IHZhcnMuY29sb3JQcmltYXJ5fTtcbiAgfVxuXG4gIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyl9O1xuXG4gICR7KHByb3BzKSA9PiAhcHJvcHMuaXNEaXNhYmxlZCAmJiBob3ZlclN0eWxlc31cbmA7XG5cbmNvbnN0IExpbmtCb2R5ID0gKFxuICBwcm9wczogUGljazxUTGlua0J1dHRvblByb3BzLCAnaWNvbkxlZnQnIHwgJ2xhYmVsJyB8ICdpc0Rpc2FibGVkJz5cbikgPT4gKFxuICA8SW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAge3Byb3BzLmljb25MZWZ0XG4gICAgICA/IGNsb25lRWxlbWVudChwcm9wcy5pY29uTGVmdCwge1xuICAgICAgICAgIHNpemU6ICdtZWRpdW0nLFxuICAgICAgICAgIGNvbG9yOiBwcm9wcy5pc0Rpc2FibGVkID8gJ25ldXRyYWw2MCcgOiAncHJpbWFyeScsXG4gICAgICAgIH0pXG4gICAgICA6IG51bGx9XG4gICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gIDwvSW5saW5lPlxuKTtcblxuTGlua0JvZHkuZGlzcGxheU5hbWUgPSAnTGlua0JvZHknO1xuXG5jb25zdCBMaW5rQnV0dG9uID0gKHByb3BzOiBUTGlua0J1dHRvblByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2FybkRlcHJlY2F0ZWRDb21wb25lbnQoJ0xpbmtCdXR0b24nKTtcbiAgfSwgW10pO1xuICBjb25zdCByZW1haW5pbmdQcm9wcyA9IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzKHByb3BzKTtcblxuICBpZiAocHJvcHMuaXNFeHRlcm5hbCkge1xuICAgIGlmICh0eXBlb2YgcHJvcHMudG8gIT09ICdzdHJpbmcnKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ2B0b2AgbXVzdCBiZSBhIGBzdHJpbmdgIHdoZW4gYGlzRXh0ZXJuYWxgIGlzIHByb3ZpZGVkLicpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAvLyBAdHMtaWdub3JlOiB0aGUgYHRvYCBwcm9wIGluIHRoaXMgY2FzZSBpcyBub3QgcmVxdWlyZWRcbiAgICAgIC8vIHRvIGJlIHByb3ZpZGVkLCBpbnN0ZWFkIHRoZSBgaHJlZmAgaXMuXG4gICAgICA8U3R5bGVkRXh0ZXJuYWxMaW5rXG4gICAgICAgIGhyZWY9e3Byb3BzLnRvfVxuICAgICAgICBvbkNsaWNrPXtcbiAgICAgICAgICBwcm9wcy5pc0Rpc2FibGVkID8gKGV2ZW50KSA9PiBldmVudC5wcmV2ZW50RGVmYXVsdCgpIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgZGF0YS10cmFjay1jb21wb25lbnQ9XCJMaW5rQnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICAgIHsuLi5yZW1haW5pbmdQcm9wc31cbiAgICAgID5cbiAgICAgICAgPExpbmtCb2R5XG4gICAgICAgICAgaWNvbkxlZnQ9e3Byb3BzLmljb25MZWZ0fVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRFeHRlcm5hbExpbms+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEV4dGVybmFsTGlua1xuICAgICAgYXM9e1JlYWN0Um91dGVyTGlua31cbiAgICAgIHRvPXtwcm9wcy50b31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5pc0Rpc2FibGVkID8gKGV2ZW50KSA9PiBldmVudC5wcmV2ZW50RGVmYXVsdCgpIDogdW5kZWZpbmVkfVxuICAgICAgZGF0YS10cmFjay1jb21wb25lbnQ9XCJMaW5rQnV0dG9uXCJcbiAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgey4uLnJlbWFpbmluZ1Byb3BzfVxuICAgID5cbiAgICAgIDxMaW5rQm9keVxuICAgICAgICBpY29uTGVmdD17cHJvcHMuaWNvbkxlZnR9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRFeHRlcm5hbExpbms+XG4gICk7XG59O1xuXG5MaW5rQnV0dG9uLmRpc3BsYXlOYW1lID0gJ0xpbmtCdXR0b24nO1xuTGlua0J1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCdXR0b247XG4iXX0= */"));
 
 var LinkBody = function LinkBody(props) {
-  return react.jsx(Inline__default['default'], {
+  return jsxRuntime.jsxs(Inline__default["default"], {
     scale: "xs",
-    alignItems: "center"
-  }, Boolean(props.iconLeft) && /*#__PURE__*/React__default['default'].cloneElement(props.iconLeft, {
-    size: 'medium',
-    color: props.isDisabled ? 'neutral60' : 'primary'
-  }), react.jsx(Text__default['default'].Body, {
-    as: "span"
-  }, props.label));
+    alignItems: "center",
+    children: [props.iconLeft ? /*#__PURE__*/react$1.cloneElement(props.iconLeft, {
+      size: 'medium',
+      color: props.isDisabled ? 'neutral60' : 'primary'
+    }) : null, jsxRuntime.jsx(Text__default["default"].Body, {
+      as: "span",
+      children: props.label
+    })]
+  });
 };
 
 LinkBody.displayName = 'LinkBody';
-LinkBody.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconLeft: PropTypes__default['default'].element,
-  label: PropTypes__default['default'].string,
-  isDisabled: PropTypes__default['default'].bool
-} : {};
 
 var LinkButton = function LinkButton(props) {
-  React__default['default'].useEffect(function () {
+  react$1.useEffect(function () {
     utils.warnDeprecatedComponent('LinkButton');
   }, []);
   var remainingProps = utils.filterInvalidAttributes(props);
 
   if (props.isExternal) {
-    return react.jsx(StyledExternalLink, _extends({
-      href: props.to,
-      onClick: props.isDisabled ? function (event) {
-        return event.preventDefault();
-      } : undefined,
-      disabled: props.isDisabled,
-      "data-track-component": "LinkButton",
-      "aria-label": props.label
-    }, remainingProps), react.jsx(LinkBody, {
-      iconLeft: props.iconLeft,
-      isDisabled: props.isDisabled,
-      label: props.label
-    }));
+    if (typeof props.to !== 'string') {
+      throw new Error('`to` must be a `string` when `isExternal` is provided.');
+    }
+
+    return (// @ts-ignore: the `to` prop in this case is not required
+      // to be provided, instead the `href` is.
+      jsxRuntime.jsx(StyledExternalLink, _objectSpread(_objectSpread({
+        href: props.to,
+        onClick: props.isDisabled ? function (event) {
+          return event.preventDefault();
+        } : undefined,
+        isDisabled: props.isDisabled,
+        "data-track-component": "LinkButton",
+        "aria-label": props.label
+      }, remainingProps), {}, {
+        children: jsxRuntime.jsx(LinkBody, {
+          iconLeft: props.iconLeft,
+          isDisabled: props.isDisabled,
+          label: props.label
+        })
+      }))
+    );
   }
 
-  return react.jsx(StyledExternalLink, _extends({
+  return jsxRuntime.jsx(StyledExternalLink, _objectSpread(_objectSpread({
     as: reactRouterDom.Link,
     to: props.to,
-    disabled: props.isDisabled,
+    isDisabled: props.isDisabled,
     onClick: props.isDisabled ? function (event) {
       return event.preventDefault();
     } : undefined,
     "data-track-component": "LinkButton",
     "aria-label": props.label
-  }, remainingProps), react.jsx(LinkBody, {
-    iconLeft: props.iconLeft,
-    isDisabled: props.isDisabled,
-    label: props.label
+  }, remainingProps), {}, {
+    children: jsxRuntime.jsx(LinkBody, {
+      iconLeft: props.iconLeft,
+      isDisabled: props.isDisabled,
+      label: props.label
+    })
   }));
 };
 
-LinkButton.displayName = 'LinkButton';
 LinkButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes__default['default'].node.isRequired,
-  to: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].shape({
-    pathname: PropTypes__default['default'].string.isRequired,
-    search: PropTypes__default['default'].string,
-    query: PropTypes__default['default'].objectOf(PropTypes__default['default'].string)
-  })]).isRequired,
-  iconLeft: PropTypes__default['default'].element,
-  isDisabled: PropTypes__default['default'].bool,
-  isExternal: PropTypes__default['default'].bool
+  label: _pt__default["default"].string.isRequired,
+  to: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired,
+  iconLeft: _pt__default["default"].element,
+  isDisabled: _pt__default["default"].bool,
+  isExternal: _pt__default["default"].bool
 } : {};
-LinkButton.defaultProps = {
-  isDisabled: false,
-  isExternal: false
-};
+LinkButton.displayName = 'LinkButton';
+LinkButton.defaultProps = defaultProps;
 var LinkButton$1 = LinkButton;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
-exports['default'] = LinkButton$1;
+exports["default"] = LinkButton$1;
 exports.version = version;

package/dist/commercetools-uikit-link-button.cjs.prod.js

@@ -2,99 +2,131 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 require('prop-types');
-var React = require('react');
+var react$1 = require('react');
 var reactRouterDom = require('react-router-dom');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
 var Inline = require('@commercetools-uikit/spacings-inline');
 var Text = require('@commercetools-uikit/text');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var Inline__default = /*#__PURE__*/_interopDefault(Inline);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 
-var hoverStyles = /*#__PURE__*/react.css("&:hover,&:focus,&:active{span{color:", designSystem.customProperties.colorPrimary25, ";}svg *{fill:", designSystem.customProperties.colorPrimary25, ";}}" + ("" ));
+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; }
 
-var StyledExternalLink = _styled__default['default']("a", {
-  target: "e1tn0gr10"
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, 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 _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+var defaultProps = {
+  isDisabled: false,
+  isExternal: false
+};
+var hoverStyles = /*#__PURE__*/react.css("&:hover,&:focus,&:active{span{color:", designSystem.customProperties.colorPrimary25, ";}svg *{fill:", designSystem.customProperties.colorPrimary25, ";}}" + ("" ), "" );
+
+var StyledExternalLink = _styled__default["default"]("a", {
+  target: "e8da6550"
 } )("display:inline-flex;align-items:center;font-size:1rem;border:none;background:none;padding:0;min-height:initial;text-decoration:none;span{color:", function (props) {
-  return props.disabled ? designSystem.customProperties.colorNeutral : designSystem.customProperties.colorPrimary;
+  return props.isDisabled ? designSystem.customProperties.colorNeutral : designSystem.customProperties.colorPrimary;
 }, ";}cursor:", function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.isDisabled ? 'not-allowed' : 'pointer';
 }, ";", function (props) {
-  return !props.disabled && hoverStyles;
-}, ";");
+  return !props.isDisabled && hoverStyles;
+}, ";" + ("" ));
 
 var LinkBody = function LinkBody(props) {
-  return react.jsx(Inline__default['default'], {
+  return jsxRuntime.jsxs(Inline__default["default"], {
     scale: "xs",
-    alignItems: "center"
-  }, Boolean(props.iconLeft) && /*#__PURE__*/React__default['default'].cloneElement(props.iconLeft, {
-    size: 'medium',
-    color: props.isDisabled ? 'neutral60' : 'primary'
-  }), react.jsx(Text__default['default'].Body, {
-    as: "span"
-  }, props.label));
+    alignItems: "center",
+    children: [props.iconLeft ? /*#__PURE__*/react$1.cloneElement(props.iconLeft, {
+      size: 'medium',
+      color: props.isDisabled ? 'neutral60' : 'primary'
+    }) : null, jsxRuntime.jsx(Text__default["default"].Body, {
+      as: "span",
+      children: props.label
+    })]
+  });
 };
 
 LinkBody.displayName = 'LinkBody';
-LinkBody.propTypes = {};
 
 var LinkButton = function LinkButton(props) {
-  React__default['default'].useEffect(function () {
+  react$1.useEffect(function () {
     utils.warnDeprecatedComponent('LinkButton');
   }, []);
   var remainingProps = utils.filterInvalidAttributes(props);
 
   if (props.isExternal) {
-    return react.jsx(StyledExternalLink, _extends({
-      href: props.to,
-      onClick: props.isDisabled ? function (event) {
-        return event.preventDefault();
-      } : undefined,
-      disabled: props.isDisabled,
-      "data-track-component": "LinkButton",
-      "aria-label": props.label
-    }, remainingProps), react.jsx(LinkBody, {
-      iconLeft: props.iconLeft,
-      isDisabled: props.isDisabled,
-      label: props.label
-    }));
+    if (typeof props.to !== 'string') {
+      throw new Error('`to` must be a `string` when `isExternal` is provided.');
+    }
+
+    return (// @ts-ignore: the `to` prop in this case is not required
+      // to be provided, instead the `href` is.
+      jsxRuntime.jsx(StyledExternalLink, _objectSpread(_objectSpread({
+        href: props.to,
+        onClick: props.isDisabled ? function (event) {
+          return event.preventDefault();
+        } : undefined,
+        isDisabled: props.isDisabled,
+        "data-track-component": "LinkButton",
+        "aria-label": props.label
+      }, remainingProps), {}, {
+        children: jsxRuntime.jsx(LinkBody, {
+          iconLeft: props.iconLeft,
+          isDisabled: props.isDisabled,
+          label: props.label
+        })
+      }))
+    );
   }
 
-  return react.jsx(StyledExternalLink, _extends({
+  return jsxRuntime.jsx(StyledExternalLink, _objectSpread(_objectSpread({
     as: reactRouterDom.Link,
     to: props.to,
-    disabled: props.isDisabled,
+    isDisabled: props.isDisabled,
     onClick: props.isDisabled ? function (event) {
       return event.preventDefault();
     } : undefined,
     "data-track-component": "LinkButton",
     "aria-label": props.label
-  }, remainingProps), react.jsx(LinkBody, {
-    iconLeft: props.iconLeft,
-    isDisabled: props.isDisabled,
-    label: props.label
+  }, remainingProps), {}, {
+    children: jsxRuntime.jsx(LinkBody, {
+      iconLeft: props.iconLeft,
+      isDisabled: props.isDisabled,
+      label: props.label
+    })
   }));
 };
 
-LinkButton.displayName = 'LinkButton';
 LinkButton.propTypes = {};
-LinkButton.defaultProps = {
-  isDisabled: false,
-  isExternal: false
-};
+LinkButton.displayName = 'LinkButton';
+LinkButton.defaultProps = defaultProps;
 var LinkButton$1 = LinkButton;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
-exports['default'] = LinkButton$1;
+exports["default"] = LinkButton$1;
 exports.version = version;

package/dist/commercetools-uikit-link-button.esm.js

@@ -1,105 +1,122 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _styled from '@emotion/styled/base';
-import PropTypes from 'prop-types';
-import React from 'react';
+import _pt from 'prop-types';
+import { useEffect, cloneElement } from 'react';
 import { Link } from 'react-router-dom';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { warnDeprecatedComponent, filterInvalidAttributes } from '@commercetools-uikit/utils';
 import Inline from '@commercetools-uikit/spacings-inline';
 import Text from '@commercetools-uikit/text';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
-var hoverStyles = /*#__PURE__*/css("&:hover,&:focus,&:active{span{color:", customProperties.colorPrimary25, ";}svg *{fill:", customProperties.colorPrimary25, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"));
+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 _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var defaultProps = {
+  isDisabled: false,
+  isExternal: false
+};
+var hoverStyles = /*#__PURE__*/css("&:hover,&:focus,&:active{span{color:", customProperties.colorPrimary25, ";}svg *{fill:", customProperties.colorPrimary25, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHVCIiwiZmlsZSI6ImxpbmstYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTG9jYXRpb25EZXNjcmlwdG9yIH0gZnJvbSAnaGlzdG9yeSc7XG5cbmltcG9ydCB7IGNsb25lRWxlbWVudCwgUmVhY3RFbGVtZW50LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBMaW5rIGFzIFJlYWN0Um91dGVyTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICB3YXJuRGVwcmVjYXRlZENvbXBvbmVudCxcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBJbmxpbmUgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5saW5lJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5leHBvcnQgdHlwZSBUTGlua0J1dHRvblByb3BzID0ge1xuICAvKipcbiAgICogU2hvdWxkIGRlc2NyaWJlIHdoYXQgdGhlIGJ1dHRvbiBpcyBmb3IuXG4gICAqL1xuICBsYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBIHN0cmluZyBvciBhbiBvYmplY3QgcmVwcmVzZW50aW5nIHRoZSBsaW5rIGxvY2F0aW9uLlxuICAgKi9cbiAgdG86IHN0cmluZyB8IExvY2F0aW9uRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGljb24gb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb25MZWZ0PzogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gaXMgZGlzYWJsZWQuXG4gICAqIDxiciAvPlxuICAgKiBOb3RlIHRoYXQgdGhpcyBpbmZsdWVuY2VzIHRoZSBgdG9uZWAgYW5kIGBvbkNsaWNrYCB3aWxsIG5vdCBiZSB0cmlnZ2VyZWQgaW4gdGhpcyBzdGF0ZS5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBidXR0b24gbGluayBzaG91bGQgYmUgYSBub3JtYWwgYDxhPmAgZWxlbWVudCBvciBub3QuXG4gICAqL1xuICBpc0V4dGVybmFsPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUTGlua0J1dHRvblByb3BzLCAnaXNEaXNhYmxlZCcgfCAnaXNFeHRlcm5hbCc+ID0ge1xuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaXNFeHRlcm5hbDogZmFsc2UsXG59O1xuXG5jb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIHNwYW4ge1xuICAgICAgY29sb3I6ICR7dmFycy5jb2xvclByaW1hcnkyNX07XG4gICAgfVxuXG4gICAgc3ZnICoge1xuICAgICAgZmlsbDogJHt2YXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEV4dGVybmFsTGluayA9IHN0eWxlZC5hPFxuICBQaWNrPFRMaW5rQnV0dG9uUHJvcHMsICd0bycgfCAnaXNEaXNhYmxlZCc+XG4+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1pbi1oZWlnaHQ6IGluaXRpYWw7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICBzcGFuIHtcbiAgICBjb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkID8gdmFycy5jb2xvck5ldXRyYWwgOiB2YXJzLmNvbG9yUHJpbWFyeX07XG4gIH1cblxuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcblxuICAkeyhwcm9wcykgPT4gIXByb3BzLmlzRGlzYWJsZWQgJiYgaG92ZXJTdHlsZXN9XG5gO1xuXG5jb25zdCBMaW5rQm9keSA9IChcbiAgcHJvcHM6IFBpY2s8VExpbmtCdXR0b25Qcm9wcywgJ2ljb25MZWZ0JyB8ICdsYWJlbCcgfCAnaXNEaXNhYmxlZCc+XG4pID0+IChcbiAgPElubGluZSBzY2FsZT1cInhzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgIHtwcm9wcy5pY29uTGVmdFxuICAgICAgPyBjbG9uZUVsZW1lbnQocHJvcHMuaWNvbkxlZnQsIHtcbiAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICBjb2xvcjogcHJvcHMuaXNEaXNhYmxlZCA/ICduZXV0cmFsNjAnIDogJ3ByaW1hcnknLFxuICAgICAgICB9KVxuICAgICAgOiBudWxsfVxuICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCI+e3Byb3BzLmxhYmVsfTwvVGV4dC5Cb2R5PlxuICA8L0lubGluZT5cbik7XG5cbkxpbmtCb2R5LmRpc3BsYXlOYW1lID0gJ0xpbmtCb2R5JztcblxuY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogVExpbmtCdXR0b25Qcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdhcm5EZXByZWNhdGVkQ29tcG9uZW50KCdMaW5rQnV0dG9uJyk7XG4gIH0sIFtdKTtcbiAgY29uc3QgcmVtYWluaW5nUHJvcHMgPSBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhwcm9wcyk7XG5cbiAgaWYgKHByb3BzLmlzRXh0ZXJuYWwpIHtcbiAgICBpZiAodHlwZW9mIHByb3BzLnRvICE9PSAnc3RyaW5nJykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdgdG9gIG11c3QgYmUgYSBgc3RyaW5nYCB3aGVuIGBpc0V4dGVybmFsYCBpcyBwcm92aWRlZC4nKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgLy8gQHRzLWlnbm9yZTogdGhlIGB0b2AgcHJvcCBpbiB0aGlzIGNhc2UgaXMgbm90IHJlcXVpcmVkXG4gICAgICAvLyB0byBiZSBwcm92aWRlZCwgaW5zdGVhZCB0aGUgYGhyZWZgIGlzLlxuICAgICAgPFN0eWxlZEV4dGVybmFsTGlua1xuICAgICAgICBocmVmPXtwcm9wcy50b31cbiAgICAgICAgb25DbGljaz17XG4gICAgICAgICAgcHJvcHMuaXNEaXNhYmxlZCA/IChldmVudCkgPT4gZXZlbnQucHJldmVudERlZmF1bHQoKSA6IHVuZGVmaW5lZFxuICAgICAgICB9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdHJhY2stY29tcG9uZW50PVwiTGlua0J1dHRvblwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICB7Li4ucmVtYWluaW5nUHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxMaW5rQm9keVxuICAgICAgICAgIGljb25MZWZ0PXtwcm9wcy5pY29uTGVmdH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkRXh0ZXJuYWxMaW5rPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRFeHRlcm5hbExpbmtcbiAgICAgIGFzPXtSZWFjdFJvdXRlckxpbmt9XG4gICAgICB0bz17cHJvcHMudG99XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgb25DbGljaz17cHJvcHMuaXNEaXNhYmxlZCA/IChldmVudCkgPT4gZXZlbnQucHJldmVudERlZmF1bHQoKSA6IHVuZGVmaW5lZH1cbiAgICAgIGRhdGEtdHJhY2stY29tcG9uZW50PVwiTGlua0J1dHRvblwiXG4gICAgICBhcmlhLWxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIHsuLi5yZW1haW5pbmdQcm9wc31cbiAgICA+XG4gICAgICA8TGlua0JvZHlcbiAgICAgICAgaWNvbkxlZnQ9e3Byb3BzLmljb25MZWZ0fVxuICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkRXh0ZXJuYWxMaW5rPlxuICApO1xufTtcblxuTGlua0J1dHRvbi5kaXNwbGF5TmFtZSA9ICdMaW5rQnV0dG9uJztcbkxpbmtCdXR0b24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQnV0dG9uO1xuIl19 */");
 
 var StyledExternalLink = _styled("a", process.env.NODE_ENV === "production" ? {
-  target: "e1tn0gr10"
+  target: "e8da6550"
 } : {
-  target: "e1tn0gr10",
+  target: "e8da6550",
   label: "StyledExternalLink"
 })("display:inline-flex;align-items:center;font-size:1rem;border:none;background:none;padding:0;min-height:initial;text-decoration:none;span{color:", function (props) {
-  return props.disabled ? customProperties.colorNeutral : customProperties.colorPrimary;
+  return props.isDisabled ? customProperties.colorNeutral : customProperties.colorPrimary;
 }, ";}cursor:", function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.isDisabled ? 'not-allowed' : 'pointer';
 }, ";", function (props) {
-  return !props.disabled && hoverStyles;
-}, ";");
+  return !props.isDisabled && hoverStyles;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRUMiLCJmaWxlIjoibGluay1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMb2NhdGlvbkRlc2NyaXB0b3IgfSBmcm9tICdoaXN0b3J5JztcblxuaW1wb3J0IHsgY2xvbmVFbGVtZW50LCBSZWFjdEVsZW1lbnQsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgYXMgUmVhY3RSb3V0ZXJMaW5rIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIHdhcm5EZXByZWNhdGVkQ29tcG9uZW50LFxuICBmaWx0ZXJJbnZhbGlkQXR0cmlidXRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5cbmV4cG9ydCB0eXBlIFRMaW5rQnV0dG9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaG91bGQgZGVzY3JpYmUgd2hhdCB0aGUgYnV0dG9uIGlzIGZvci5cbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgc3RyaW5nIG9yIGFuIG9iamVjdCByZXByZXNlbnRpbmcgdGhlIGxpbmsgbG9jYXRpb24uXG4gICAqL1xuICB0bzogc3RyaW5nIHwgTG9jYXRpb25EZXNjcmlwdG9yO1xuXG4gIC8qKlxuICAgKiBUaGUgaWNvbiBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbkxlZnQ/OiBSZWFjdEVsZW1lbnQ7XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICogPGJyIC8+XG4gICAqIE5vdGUgdGhhdCB0aGlzIGluZmx1ZW5jZXMgdGhlIGB0b25lYCBhbmQgYG9uQ2xpY2tgIHdpbGwgbm90IGJlIHRyaWdnZXJlZCBpbiB0aGlzIHN0YXRlLlxuICAgKi9cbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGJ1dHRvbiBsaW5rIHNob3VsZCBiZSBhIG5vcm1hbCBgPGE+YCBlbGVtZW50IG9yIG5vdC5cbiAgICovXG4gIGlzRXh0ZXJuYWw/OiBib29sZWFuO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRMaW5rQnV0dG9uUHJvcHMsICdpc0Rpc2FibGVkJyB8ICdpc0V4dGVybmFsJz4gPSB7XG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBpc0V4dGVybmFsOiBmYWxzZSxcbn07XG5cbmNvbnN0IGhvdmVyU3R5bGVzID0gY3NzYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgc3BhbiB7XG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yUHJpbWFyeTI1fTtcbiAgICB9XG5cbiAgICBzdmcgKiB7XG4gICAgICBmaWxsOiAke3ZhcnMuY29sb3JQcmltYXJ5MjV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRXh0ZXJuYWxMaW5rID0gc3R5bGVkLmE8XG4gIFBpY2s8VExpbmtCdXR0b25Qcm9wcywgJ3RvJyB8ICdpc0Rpc2FibGVkJz5cbj5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDFyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLWhlaWdodDogaW5pdGlhbDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gIHNwYW4ge1xuICAgIGNvbG9yOiAkeyhwcm9wcykgPT5cbiAgICAgIHByb3BzLmlzRGlzYWJsZWQgPyB2YXJzLmNvbG9yTmV1dHJhbCA6IHZhcnMuY29sb3JQcmltYXJ5fTtcbiAgfVxuXG4gIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyl9O1xuXG4gICR7KHByb3BzKSA9PiAhcHJvcHMuaXNEaXNhYmxlZCAmJiBob3ZlclN0eWxlc31cbmA7XG5cbmNvbnN0IExpbmtCb2R5ID0gKFxuICBwcm9wczogUGljazxUTGlua0J1dHRvblByb3BzLCAnaWNvbkxlZnQnIHwgJ2xhYmVsJyB8ICdpc0Rpc2FibGVkJz5cbikgPT4gKFxuICA8SW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAge3Byb3BzLmljb25MZWZ0XG4gICAgICA/IGNsb25lRWxlbWVudChwcm9wcy5pY29uTGVmdCwge1xuICAgICAgICAgIHNpemU6ICdtZWRpdW0nLFxuICAgICAgICAgIGNvbG9yOiBwcm9wcy5pc0Rpc2FibGVkID8gJ25ldXRyYWw2MCcgOiAncHJpbWFyeScsXG4gICAgICAgIH0pXG4gICAgICA6IG51bGx9XG4gICAgPFRleHQuQm9keSBhcz1cInNwYW5cIj57cHJvcHMubGFiZWx9PC9UZXh0LkJvZHk+XG4gIDwvSW5saW5lPlxuKTtcblxuTGlua0JvZHkuZGlzcGxheU5hbWUgPSAnTGlua0JvZHknO1xuXG5jb25zdCBMaW5rQnV0dG9uID0gKHByb3BzOiBUTGlua0J1dHRvblByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2FybkRlcHJlY2F0ZWRDb21wb25lbnQoJ0xpbmtCdXR0b24nKTtcbiAgfSwgW10pO1xuICBjb25zdCByZW1haW5pbmdQcm9wcyA9IGZpbHRlckludmFsaWRBdHRyaWJ1dGVzKHByb3BzKTtcblxuICBpZiAocHJvcHMuaXNFeHRlcm5hbCkge1xuICAgIGlmICh0eXBlb2YgcHJvcHMudG8gIT09ICdzdHJpbmcnKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ2B0b2AgbXVzdCBiZSBhIGBzdHJpbmdgIHdoZW4gYGlzRXh0ZXJuYWxgIGlzIHByb3ZpZGVkLicpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAvLyBAdHMtaWdub3JlOiB0aGUgYHRvYCBwcm9wIGluIHRoaXMgY2FzZSBpcyBub3QgcmVxdWlyZWRcbiAgICAgIC8vIHRvIGJlIHByb3ZpZGVkLCBpbnN0ZWFkIHRoZSBgaHJlZmAgaXMuXG4gICAgICA8U3R5bGVkRXh0ZXJuYWxMaW5rXG4gICAgICAgIGhyZWY9e3Byb3BzLnRvfVxuICAgICAgICBvbkNsaWNrPXtcbiAgICAgICAgICBwcm9wcy5pc0Rpc2FibGVkID8gKGV2ZW50KSA9PiBldmVudC5wcmV2ZW50RGVmYXVsdCgpIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgZGF0YS10cmFjay1jb21wb25lbnQ9XCJMaW5rQnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICAgIHsuLi5yZW1haW5pbmdQcm9wc31cbiAgICAgID5cbiAgICAgICAgPExpbmtCb2R5XG4gICAgICAgICAgaWNvbkxlZnQ9e3Byb3BzLmljb25MZWZ0fVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRFeHRlcm5hbExpbms+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEV4dGVybmFsTGlua1xuICAgICAgYXM9e1JlYWN0Um91dGVyTGlua31cbiAgICAgIHRvPXtwcm9wcy50b31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtwcm9wcy5pc0Rpc2FibGVkID8gKGV2ZW50KSA9PiBldmVudC5wcmV2ZW50RGVmYXVsdCgpIDogdW5kZWZpbmVkfVxuICAgICAgZGF0YS10cmFjay1jb21wb25lbnQ9XCJMaW5rQnV0dG9uXCJcbiAgICAgIGFyaWEtbGFiZWw9e3Byb3BzLmxhYmVsfVxuICAgICAgey4uLnJlbWFpbmluZ1Byb3BzfVxuICAgID5cbiAgICAgIDxMaW5rQm9keVxuICAgICAgICBpY29uTGVmdD17cHJvcHMuaWNvbkxlZnR9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRFeHRlcm5hbExpbms+XG4gICk7XG59O1xuXG5MaW5rQnV0dG9uLmRpc3BsYXlOYW1lID0gJ0xpbmtCdXR0b24nO1xuTGlua0J1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCdXR0b247XG4iXX0= */"));
 
 var LinkBody = function LinkBody(props) {
-  return jsx(Inline, {
+  return jsxs(Inline, {
     scale: "xs",
-    alignItems: "center"
-  }, Boolean(props.iconLeft) && /*#__PURE__*/React.cloneElement(props.iconLeft, {
-    size: 'medium',
-    color: props.isDisabled ? 'neutral60' : 'primary'
-  }), jsx(Text.Body, {
-    as: "span"
-  }, props.label));
+    alignItems: "center",
+    children: [props.iconLeft ? /*#__PURE__*/cloneElement(props.iconLeft, {
+      size: 'medium',
+      color: props.isDisabled ? 'neutral60' : 'primary'
+    }) : null, jsx(Text.Body, {
+      as: "span",
+      children: props.label
+    })]
+  });
 };
 
 LinkBody.displayName = 'LinkBody';
-LinkBody.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconLeft: PropTypes.element,
-  label: PropTypes.string,
-  isDisabled: PropTypes.bool
-} : {};
 
 var LinkButton = function LinkButton(props) {
-  React.useEffect(function () {
+  useEffect(function () {
     warnDeprecatedComponent('LinkButton');
   }, []);
   var remainingProps = filterInvalidAttributes(props);
 
   if (props.isExternal) {
-    return jsx(StyledExternalLink, _extends({
-      href: props.to,
-      onClick: props.isDisabled ? function (event) {
-        return event.preventDefault();
-      } : undefined,
-      disabled: props.isDisabled,
-      "data-track-component": "LinkButton",
-      "aria-label": props.label
-    }, remainingProps), jsx(LinkBody, {
-      iconLeft: props.iconLeft,
-      isDisabled: props.isDisabled,
-      label: props.label
-    }));
+    if (typeof props.to !== 'string') {
+      throw new Error('`to` must be a `string` when `isExternal` is provided.');
+    }
+
+    return (// @ts-ignore: the `to` prop in this case is not required
+      // to be provided, instead the `href` is.
+      jsx(StyledExternalLink, _objectSpread(_objectSpread({
+        href: props.to,
+        onClick: props.isDisabled ? function (event) {
+          return event.preventDefault();
+        } : undefined,
+        isDisabled: props.isDisabled,
+        "data-track-component": "LinkButton",
+        "aria-label": props.label
+      }, remainingProps), {}, {
+        children: jsx(LinkBody, {
+          iconLeft: props.iconLeft,
+          isDisabled: props.isDisabled,
+          label: props.label
+        })
+      }))
+    );
   }
 
-  return jsx(StyledExternalLink, _extends({
+  return jsx(StyledExternalLink, _objectSpread(_objectSpread({
     as: Link,
     to: props.to,
-    disabled: props.isDisabled,
+    isDisabled: props.isDisabled,
     onClick: props.isDisabled ? function (event) {
       return event.preventDefault();
     } : undefined,
     "data-track-component": "LinkButton",
     "aria-label": props.label
-  }, remainingProps), jsx(LinkBody, {
-    iconLeft: props.iconLeft,
-    isDisabled: props.isDisabled,
-    label: props.label
+  }, remainingProps), {}, {
+    children: jsx(LinkBody, {
+      iconLeft: props.iconLeft,
+      isDisabled: props.isDisabled,
+      label: props.label
+    })
   }));
 };
 
-LinkButton.displayName = 'LinkButton';
 LinkButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.node.isRequired,
-  to: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-    pathname: PropTypes.string.isRequired,
-    search: PropTypes.string,
-    query: PropTypes.objectOf(PropTypes.string)
-  })]).isRequired,
-  iconLeft: PropTypes.element,
-  isDisabled: PropTypes.bool,
-  isExternal: PropTypes.bool
+  label: _pt.string.isRequired,
+  to: _pt.oneOfType([_pt.string, _pt.any]).isRequired,
+  iconLeft: _pt.element,
+  isDisabled: _pt.bool,
+  isExternal: _pt.bool
 } : {};
-LinkButton.defaultProps = {
-  isDisabled: false,
-  isExternal: false
-};
+LinkButton.displayName = 'LinkButton';
+LinkButton.defaultProps = defaultProps;
 var LinkButton$1 = LinkButton;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
 export { LinkButton$1 as default, version };

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

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

package/dist/declarations/src/link-button.d.ts

@@ -0,0 +1,15 @@
+import type { LocationDescriptor } from 'history';
+import { ReactElement } from 'react';
+export declare type TLinkButtonProps = {
+    label: string;
+    to: string | LocationDescriptor;
+    iconLeft?: ReactElement;
+    isDisabled?: boolean;
+    isExternal?: boolean;
+};
+declare const LinkButton: {
+    (props: TLinkButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<TLinkButtonProps, "isDisabled" | "isExternal">;
+};
+export default LinkButton;

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/link-button",
   "description": "Link buttons are similar to Flat buttons but work as link elements.",
-  "version": "12.2.2",
+  "version": "12.2.9",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -11,7 +11,6 @@
   "homepage": "https://uikit.commercetools.com",
   "keywords": ["javascript", "design system", "react", "uikit"],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
@@ -19,27 +18,24 @@
   "main": "dist/commercetools-uikit-link-button.cjs.js",
   "module": "dist/commercetools-uikit-link-button.esm.js",
   "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../../scripts/version.js replace"
-  },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.8",
-    "@commercetools-uikit/accessible-button": "12.2.2",
-    "@commercetools-uikit/design-system": "12.2.2",
-    "@commercetools-uikit/spacings-inline": "12.2.2",
-    "@commercetools-uikit/text": "12.2.2",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.5",
+    "@babel/runtime-corejs3": "7.16.5",
+    "@commercetools-uikit/accessible-button": "12.2.9",
+    "@commercetools-uikit/design-system": "12.2.9",
+    "@commercetools-uikit/spacings-inline": "12.2.9",
+    "@commercetools-uikit/text": "12.2.9",
+    "@commercetools-uikit/utils": "12.2.9",
     "@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"
   },
   "devDependencies": {
     "react": "17.0.2",
-    "react-intl": "5.20.6",
-    "react-router-dom": "5.2.0"
+    "react-intl": "5.23.0",
+    "react-router-dom": "5.3.0"
   },
   "peerDependencies": {
     "react": "17.x",