@commercetools-uikit/localized-text-input 12.2.2 → 12.2.6

package/README.md

@@ -30,7 +30,6 @@ npm --save install react react-intl
 ## Usage
 
 ```jsx
-import React from 'react';
 import LocalizedTextInput from '@commercetools-uikit/localized-text-input';
 
 const Example = () => (

package/dist/commercetools-uikit-localized-text-input.cjs.dev.js

@@ -2,13 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var React = require('react');
+var react$1 = require('react');
 var PropTypes = require('prop-types');
 var requiredIf = require('react-required-if');
 var commonTags = require('common-tags');
@@ -23,39 +30,31 @@ var localizedUtils = require('@commercetools-uikit/localized-utils');
 var utils = require('@commercetools-uikit/utils');
 var TextInput = require('@commercetools-uikit/text-input');
 var inputUtils = require('@commercetools-uikit/input-utils');
-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 designSystem = require('@commercetools-uikit/design-system');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+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 _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
-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);
 
-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$1(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 _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; }
+function _objectSpread$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
 // * a disabled-field currently does not display warning/error-states so it takes precedence
@@ -68,6 +67,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "bqcila-getLocalizedInputStyles",
   styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto;label:getLocalizedInputStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXSyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzID0gKHByb3BzLCB0aGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIC8qIGF2b2lkIHdyYXBwaW5nIGxhYmVsIG9udG8gbmV3IGxpbmVzICovXG4gICAgZmxleDogMSAwIGF1dG87XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBsaW5lLWhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICBdfTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XG4gICAgXX07XG4gICAgYm9yZGVyOiAxcHggJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRdfVxuICAgICAgc29saWQ7XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICBgO1xufTtcblxuZXhwb3J0IHsgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMsIGdldExhbmd1YWdlTGFiZWxTdHlsZXMgfTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 
@@ -76,13 +76,17 @@ var getLocalizedInputStyles = function getLocalizedInputStyles() {
 };
 
 var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
-  var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
 
-  return /*#__PURE__*/react.css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";height:", designSystem.customProperties.sizeHeightInput, ";line-height:", designSystem.customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", designSystem.customProperties.spacingS, ";transition:border-color ", designSystem.customProperties.transitionStandard, ",background-color ", designSystem.customProperties.transitionStandard, ",color ", designSystem.customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"));
+  return /*#__PURE__*/react.css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";height:", designSystem.customProperties.sizeHeightInput, ";line-height:", designSystem.customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", designSystem.customProperties.spacingS, ";transition:border-color ", designSystem.customProperties.transitionStandard, ",background-color ", designSystem.customProperties.transitionStandard, ",color ", designSystem.customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBOT1RFOiBvcmRlciBpcyBpbXBvcnRhbnQgaGVyZVxuLy8gKiBhIGRpc2FibGVkLWZpZWxkIGN1cnJlbnRseSBkb2VzIG5vdCBkaXNwbGF5IHdhcm5pbmcvZXJyb3Itc3RhdGVzIHNvIGl0IHRha2VzIHByZWNlZGVuY2Vcbi8vICogYSByZWFkb25seS1maWVsZCBjYW5ub3QgYmUgY2hhbmdlZCwgYnV0IGl0IG1pZ2h0IGJlIHJlbGV2YW50IGZvciB2YWxpZGF0aW9uLCBzbyBlcnJvciBhbmQgd2FybmluZyBhcmUgY2hlY2tlZCBmaXJzdFxuLy8gaG93IHlvdSBjYW4gaW50ZXJhY3Qgd2l0aCB0aGUgZmllbGQgaXMgY29udHJvbGxlZCBzZXBhcmF0ZWx5IGJ5IHRoZSBwcm9wcywgdGhpcyBvbmx5IGluZmx1ZW5jZXMgdmlzdWFsc1xuY29uc3QgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMgPSAoKSA9PiBbXG4gIGNzc2BcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBmbGV4OiBhdXRvO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChwcm9wcywgdGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF19O1xuICAgIGhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgbGluZS1oZWlnaHQ6ICR7dmFycy5zaXplSGVpZ2h0SW5wdXR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgXX07XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9ySW5wdXRcbiAgICBdfTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlcjogMXB4ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX1cbiAgICAgIHNvbGlkO1xuICAgIHBhZGRpbmc6IDAgJHt2YXJzLnNwYWNpbmdTfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7dmFycy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgICAgY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYDtcbn07XG5cbmV4cG9ydCB7IGdldExvY2FsaXplZElucHV0U3R5bGVzLCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzIH07XG4iXX0= */");
 };
 
 var _templateObject;
 
+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 _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 sequentialId = utils.createSequentialId('localized-text-input-');
 
@@ -92,12 +96,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ysn02y-LocalizedInput",
   styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEYyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCByZXF1aXJlZElmIGZyb20gJ3JlYWN0LXJlcXVpcmVkLWlmJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlRmllbGRJZCwgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9tZXNzYWdlcyc7XG5pbXBvcnQgU3RhY2sgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3Mtc3RhY2snO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgc29ydExhbmd1YWdlcyxcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGlzVG91Y2hlZCxcbiAgb21pdEVtcHR5VHJhbnNsYXRpb25zLFxuICBpc0VtcHR5LFxuICBjcmVhdGVMb2NhbGl6ZWRTdHJpbmcsXG4gIGdldElkLFxuICBnZXROYW1lLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9sb2NhbGl6ZWQtdXRpbHMnO1xuaW1wb3J0IHsgY3JlYXRlU2VxdWVudGlhbElkIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHRJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0LWlucHV0JztcbmltcG9ydCB7XG4gIExvY2FsaXplZElucHV0VG9nZ2xlLFxuICBtZXNzYWdlc0xvY2FsaXplZElucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyxcbiAgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyxcbn0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMnO1xuXG5jb25zdCBzZXF1ZW50aWFsSWQgPSBjcmVhdGVTZXF1ZW50aWFsSWQoJ2xvY2FsaXplZC10ZXh0LWlucHV0LScpO1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGxhbmd1YWdlIHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgb2YgTG9jYWxpemVkVGV4dElucHV0J3Mgb25DaGFuZ2UgY2FuIHJlYWRcbiAgICAgIC8vIGV2ZW50LnRhcmdldC5sYW5ndWFnZSBhbmQgZXZlbnQudGFyZ2V0LnZhbHVlIHRvIGRldGVybWluZSB0aGUgbmV4dCB2YWx1ZS5cbiAgICAgIC8vXG4gICAgICAvLyBXZSBvbmx5IG5lZWQgdGhpcyBpbmZvcm1hdGlvbiBmb3IgdGhlIHN0b3J5LCB0aGUgTUMgYXBwbGljYXRpb24gY29kZSB3aWxsXG4gICAgICAvLyBuZXZlciBuZWVkIHRvIGFjY2VzcyB0aGUgaW5mb3JtYXRpb24gaW4gc3VjaCBhbiBpbmNvbnZlbmllbnQgd2F5LCBhc1xuICAgICAgLy8gRm9ybWlrIGNhbiBkZWFsIHdpdGggYSBuYW1lIGxpa2UgXCJmb28uZW5cIiBhbmQgc2V0cyB0aGUgdmFsdWUgY29ycmVjdGx5LlxuICAgICAgLy8gV2UgY2FuJ3QgdXNlIHRoaXMgYXMgd2UgYXJlbid0IGd1YXJhbnRlZWQgYSBuYW1lIGluIHRoZSBzdG9yeSBhcyB0aGUgdXNlclxuICAgICAgLy8gbWlnaHQgY2xlYXIgaXQgdXNpbmcgdGhlIGtub2IsIGFuZCB0aGVuIHdlIGNhbid0IHBhcnNlIHRoZSBsYW5ndWFnZSBmcm9tXG4gICAgICAvLyB0aGUgaW5wdXQgbmFtZSBhbnltb3JlLlxuICAgICAgLy9cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQudGFyZ2V0Lmxhbmd1YWdlID0gcHJvcHMubGFuZ3VhZ2U7XG4gICAgICBvbkNoYW5nZShldmVudCk7XG4gICAgfSxcbiAgICBbcHJvcHMubGFuZ3VhZ2UsIG9uQ2hhbmdlXVxuICApO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBrZXk9e3Byb3BzLmxhbmd1YWdlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxsYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gY3NzPXtnZXRMYW5ndWFnZUxhYmVsU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7LyogRklYTUU6IGFkZCBwcm9wZXIgdG9uZSBmb3IgZGlzYWJsZWQgd2hlbiB0b25lcyBhcmUgcmVmYWN0b3JlZCAqL31cbiAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7cHJvcHMubGFuZ3VhZ2UudG9VcHBlckNhc2UoKX1cbiAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8VGV4dElucHV0XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgY3NzPXtnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlc31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRJbnB1dC5kaXNwbGF5TmFtZSA9ICdMb2NhbGl6ZWRJbnB1dCc7XG5Mb2NhbGl6ZWRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHByZWZpeCBvZiBIVE1MIGBpZGAgcHJvcGVydHkuIEVhY2ggaW5wdXQgZmllbGQgaWQgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7aWRQcmVmaXh9LiR7bGFuZ31gKSwgZS5nLiBgZm9vLmVuYC4gWW91IGNhbiB1c2UgdGhlIHN0YXRpYyBgTG9jYWxpemVkVGV4dElucHV0LmdldElkKGlkUHJlZml4LCBsYW5ndWFnZSlgIHRvIGNyZWF0ZSB0aGlzIGlkIHN0cmluZywgZS5nLiBmb3IgbGFiZWxzLlxuICAgKi9cbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYG5hbWVgIHByb3BlcnR5IGZvciBlYWNoIGlucHV0IGZpZWxkLiBFYWNoIGlucHV0IGZpZWxkIG5hbWUgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7bmFtZVByZWZpeH0uJHtsYW5nfWApLCBlLmcuIGBmb28uZW5gXG4gICAqL1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBHZXRzIGNhbGxlZCB3aGVuIGFueSBpbnB1dCBpcyBjaGFuZ2VkLiBJcyBjYWxsZWQgd2l0aCB0aGUgY2hhbmdlIGV2ZW50IG9mIHRoZSBjaGFuZ2VkIGlucHV0LlxuICAgKi9cbiAgb25DaGFuZ2U6IHJlcXVpcmVkSWYoUHJvcFR5cGVzLmZ1bmMsIChwcm9wcykgPT4gIXByb3BzLmlzUmVhZE9ubHkpLFxuICBsYW5ndWFnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5jb25zdCBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlID0gKCkgPT4gKFxuICA8RXJyb3JNZXNzYWdlPlxuICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlc0xvY2FsaXplZElucHV0Lm1pc3NpbmdSZXF1aXJlZEZpZWxkfSAvPlxuICA8L0Vycm9yTWVzc2FnZT5cbik7XG5cblJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRWYWx1ZUVycm9yTWVzc2FnZSc7XG5cbmNvbnN0IExvY2FsaXplZFRleHRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCBkZWZhdWx0RXhwYW5zaW9uU3RhdGUgPVxuICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzIHx8XG4gICAgcHJvcHMuZGVmYXVsdEV4cGFuZExhbmd1YWdlcyB8fCAvLyBkZWZhdWx0IHRvIGBmYWxzZWAsIGJlY2F1c2UgdXNlVG9nZ2xlU3RhdGUgZGVmYXVsdHMgdG8gYHRydWVgXG4gICAgZmFsc2U7XG5cbiAgY29uc3QgW2FyZUxhbmd1YWdlc0V4cGFuZGVkLCB0b2dnbGVMYW5ndWFnZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgbGFuZ3VhZ2VzID0gc29ydExhbmd1YWdlcyhcbiAgICBwcm9wcy5zZWxlY3RlZExhbmd1YWdlLFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IGlkID0gdXNlRmllbGRJZChwcm9wcy5pZCwgc2VxdWVudGlhbElkKTtcblxuICBjb25zdCBoYXNFcnJvckluUmVtYWluaW5nTGFuZ3VhZ2VzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZExhbmd1YWdlKTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcyAhPT0gYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHtcbiAgICAgIHRvZ2dsZUxhbmd1YWdlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlckxhbmd1YWdlc0J1dHRvbiA9XG4gICAgbGFuZ3VhZ2VzLmxlbmd0aCA+IDEgJiYgIXByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8U3RhY2s+XG4gICAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNGaXJzdExhbmd1YWdlID0gaW5kZXggPT09IDA7XG4gICAgICAgICAgICBpZiAoIWlzRmlyc3RMYW5ndWFnZSAmJiAhYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17bGFuZ3VhZ2V9PlxuICAgICAgICAgICAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRUZXh0SW5wdXQuZ2V0SWQoaWQsIGxhbmd1YWdlKX1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkVGV4dElucHV0LmdldE5hbWUocHJvcHMubmFtZSwgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbbGFuZ3VhZ2VdfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtsYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgICAgIHByb3BzLnBsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHByb3BzLnBsYWNlaG9sZGVyW2xhbmd1YWdlXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e2luZGV4ID09PSAwICYmIHByb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17Qm9vbGVhbihcbiAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tsYW5ndWFnZV0pXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzW2xhbmd1YWdlXX1cbiAgICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtzaG91bGRSZW5kZXJMYW5ndWFnZXNCdXR0b24gJiYgKFxuICAgICAgICAgIDxMb2NhbGl6ZWRJbnB1dFRvZ2dsZVxuICAgICAgICAgICAgaXNPcGVuPXthcmVMYW5ndWFnZXNFeHBhbmRlZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUxhbmd1YWdlc31cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2FyZUxhbmd1YWdlc0V4cGFuZGVkICYmIGhhc0Vycm9ySW5SZW1haW5pbmdMYW5ndWFnZXN9XG4gICAgICAgICAgICByZW1haW5pbmdMb2NhbGl6YXRpb25zPXtsYW5ndWFnZXMubGVuZ3RoIC0gMX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkVGV4dElucHV0JztcblxuTG9jYWxpemVkVGV4dElucHV0LlJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UgPSBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgYXV0b0NvbXBsZXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvLyB0aGVuIGlucHV0IGRvZXNuJ3QgYWNjZXB0IGEgXCJsYW5ndWFnZXNcIiBwcm9wLCBpbnN0ZWFkIGFsbCBwb3NzaWJsZVxuICAvLyBsYW5ndWFnZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyAgIHsgZW46ICdmb28nLCBkZTogJycsIGVzOiAnJyB9XG4gIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgLyoqXG4gICAqIEdldHMgY2FsbGVkIHdoZW4gYW55IGlucHV0IGlzIGNoYW5nZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBjaGFuZ2UgZXZlbnQgb2YgdGhlIGNoYW5nZWQgaW5wdXQuXG4gICAqL1xuICBvbkNoYW5nZTogcmVxdWlyZWRJZihQcm9wVHlwZXMuZnVuYywgKHByb3BzKSA9PiAhcHJvcHMuaXNSZWFkT25seSksXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hpY2ggbGFuZ3VhZ2Ugd2lsbCBiZSBzaG93biBpbiBjYXNlIHRoZSBgTG9jYWxpemVkVGV4dElucHV0YCBpcyBjb2xsYXBzZWQuXG4gICAqL1xuICBzZWxlY3RlZExhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgYmx1cnJlZC4gSXMgY2FsbGVkIHdpdGggdGhlIGBldmVudGAgb2YgdGhhdCBmaWVsZC5cbiAgICovXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgZm9jdXNzZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBgZXZlbnRgIG9mIHRoYXQgZmllbGQuXG4gICAqL1xuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqXG4gICAqIFdpbGwgaGlkZSB0aGUgbGFuZ3VhZ2UgZXhwYW5zaW9uIGNvbnRyb2xzIHdoZW4gc2V0IHRvIGB0cnVlYC4gQWxsIGxhbmd1YWdlcyB3aWxsIGJlIHNob3duIHdoZW4gc2V0IHRvIGB0cnVlYC5cbiAgICovXG4gIGhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIENvbnRyb2xzIHdoZXRoZXIgb25lIG9yIGFsbCBsYW5ndWFnZXMgYXJlIHZpc2libGUgYnkgZGVmYXVsdFxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZExhbmd1YWdlczogKHByb3BzLCBwcm9wTmFtZSwgY29tcG9uZW50TmFtZSwgLi4ucmVzdCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzICYmXG4gICAgICB0eXBlb2YgcHJvcHNbcHJvcE5hbWVdID09PSAnYm9vbGVhbidcbiAgICApIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgb25lTGluZWBcbiAgICAgICAgICAke2NvbXBvbmVudE5hbWV9OiBcIiR7cHJvcE5hbWV9XCIgZG9lcyBub3QgaGF2ZSBhbnkgZWZmZWN0IHdoZW5cbiAgICAgICAgICBcImhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzXCIgaXMgc2V0LlxuICAgICAgICBgXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gUHJvcFR5cGVzLmJvb2wocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KTtcbiAgfSxcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBmaWVsZCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcyBhbmQgc2hvd3MgdGhlbSBpbiByZWFkLW9ubHkgbW9kZS5cbiAgICovXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogUGxhY2Vob2xkZXJzIGZvciBlYWNoIGxhbmd1YWdlLiBPYmplY3Qgb2YgdGhlIHNhbWUgc2hhcGUgYXMgYHZhbHVlYC5cbiAgICovXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDEsXG4gICAgMixcbiAgICAzLFxuICAgIDQsXG4gICAgNSxcbiAgICA2LFxuICAgIDcsXG4gICAgOCxcbiAgICA5LFxuICAgIDEwLFxuICAgIDExLFxuICAgIDEyLFxuICAgIDEzLFxuICAgIDE0LFxuICAgIDE1LFxuICAgIDE2LFxuICAgICdzY2FsZScsXG4gICAgJ2F1dG8nLFxuICBdKSxcbiAgLyoqXG4gICAqIFdpbGwgYXBwbHkgdGhlIGVycm9yIHN0YXRlIHRvIGVhY2ggaW5wdXQgd2l0aG91dCBzaG93aW5nIGFueSBlcnJvciBtZXNzYWdlLlxuICAgKi9cbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogVXNlZCB0byBzaG93IGVycm9ycyB1bmRlcm5lYXRoIHRoZSBpbnB1dHMgb2Ygc3BlY2lmaWMgY3VycmVuY2llcy4gUGFzcyBhbiBvYmplY3Qgd2hvc2Uga2V5IGlzIGEgY3VycmVuY3kgYW5kIHdob3NlIHZhbHVlIGlzIHRoZSBlcnJvciB0byBzaG93IGZvciB0aGF0IGtleS5cbiAgICovXG4gIGVycm9yczogUHJvcFR5cGVzLm9iamVjdE9mKFByb3BUeXBlcy5ub2RlKSxcbn07XG5cbkxvY2FsaXplZFRleHRJbnB1dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuTG9jYWxpemVkVGV4dElucHV0LmdldElkID0gZ2V0SWQ7XG5cbkxvY2FsaXplZFRleHRJbnB1dC5nZXROYW1lID0gZ2V0TmFtZTtcblxuTG9jYWxpemVkVGV4dElucHV0LmNyZWF0ZUxvY2FsaXplZFN0cmluZyA9IGNyZWF0ZUxvY2FsaXplZFN0cmluZztcblxuTG9jYWxpemVkVGV4dElucHV0LmlzRW1wdHkgPSBpc0VtcHR5O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQub21pdEVtcHR5VHJhbnNsYXRpb25zID0gb21pdEVtcHR5VHJhbnNsYXRpb25zO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuaXNUb3VjaGVkID0gaXNUb3VjaGVkO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRUZXh0SW5wdXQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var LocalizedInput = function LocalizedInput(props) {
   var onChange = props.onChange;
-  var handleChange = React__default['default'].useCallback(function (event) {
+  var handleChange = react$1.useCallback(function (event) {
     // We manipulate the event to add the language to the target.
     // That way the users of LocalizedTextInput's onChange can read
     // event.target.language and event.target.value to determine the next value.
@@ -114,18 +119,20 @@ var LocalizedInput = function LocalizedInput(props) {
     onChange(event);
   }, [props.language, onChange]);
   var theme = react.useTheme();
-  return react.jsx("div", {
-    key: props.language,
-    css: _ref
-  }, react.jsx("label", {
-    htmlFor: props.id,
-    css: getLanguageLabelStyles(props, theme)
-  }, react.jsx(Text__default['default'].Detail, {
-    tone: "secondary"
-  }, props.language.toUpperCase())), react.jsx(TextInput__default['default'], _extends({}, props, {
-    onChange: handleChange,
-    css: getLocalizedInputStyles
-  })));
+  return jsxRuntime.jsxs("div", {
+    css: _ref,
+    children: [jsxRuntime.jsx("label", {
+      htmlFor: props.id,
+      css: getLanguageLabelStyles(props, theme),
+      children: jsxRuntime.jsx(Text__default["default"].Detail, {
+        tone: "secondary",
+        children: props.language.toUpperCase()
+      })
+    }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
+      onChange: handleChange,
+      css: getLocalizedInputStyles
+    }))]
+  }, props.language);
 };
 
 LocalizedInput.displayName = 'LocalizedInput';
@@ -133,37 +140,39 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Used as prefix of HTML `id` property. Each input field id will have the language as a suffix (`${idPrefix}.${lang}`), e.g. `foo.en`. You can use the static `LocalizedTextInput.getId(idPrefix, language)` to create this id string, e.g. for labels.
    */
-  id: PropTypes__default['default'].string,
+  id: PropTypes__default["default"].string,
 
   /**
    * Used as HTML `name` property for each input field. Each input field name will have the language as a suffix (`${namePrefix}.${lang}`), e.g. `foo.en`
    */
-  name: PropTypes__default['default'].string,
+  name: PropTypes__default["default"].string,
 
   /**
    * Used as HTML `autocomplete` property
    */
-  autoComplete: PropTypes__default['default'].string,
-  value: PropTypes__default['default'].string.isRequired,
+  autoComplete: PropTypes__default["default"].string,
+  value: PropTypes__default["default"].string.isRequired,
 
   /**
    * Gets called when any input is changed. Is called with the change event of the changed input.
    */
-  onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
+  onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
     return !props.isReadOnly;
   }),
-  language: PropTypes__default['default'].string.isRequired,
-  onBlur: PropTypes__default['default'].func,
-  onFocus: PropTypes__default['default'].func,
-  isAutofocussed: PropTypes__default['default'].bool,
-  isDisabled: PropTypes__default['default'].bool,
-  isReadOnly: PropTypes__default['default'].bool,
-  hasError: PropTypes__default['default'].bool,
-  placeholder: PropTypes__default['default'].string
+  language: PropTypes__default["default"].string.isRequired,
+  onBlur: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  isAutofocussed: PropTypes__default["default"].bool,
+  isDisabled: PropTypes__default["default"].bool,
+  isReadOnly: PropTypes__default["default"].bool,
+  hasError: PropTypes__default["default"].bool,
+  placeholder: PropTypes__default["default"].string
 } : {};
 
 var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
-  return react.jsx(messages.ErrorMessage, null, react.jsx(reactIntl.FormattedMessage, inputUtils.messagesLocalizedInput.missingRequiredField));
+  return jsxRuntime.jsx(messages.ErrorMessage, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
+  });
 };
 
 RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -177,7 +186,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
       areLanguagesExpanded = _useToggleState2[0],
       toggleLanguages = _useToggleState2[1];
 
-  var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default['default'](props.value));
+  var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
   var id = hooks.useFieldId(props.id, sequentialId);
   var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
 
@@ -190,77 +199,82 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
   }
 
   var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
-  return react.jsx(Constraints__default['default'].Horizontal, {
-    max: props.horizontalConstraint
-  }, react.jsx(Stack__default['default'], {
-    scale: "xs"
-  }, react.jsx(Stack__default['default'], null, _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
-    var isFirstLanguage = index === 0;
-    if (!isFirstLanguage && !areLanguagesExpanded) return null;
-    return react.jsx("div", {
-      key: language
-    }, react.jsx(Stack__default['default'], {
-      scale: "xs"
-    }, react.jsx(LocalizedInput, _extends({
-      autoComplete: props.autoComplete,
-      id: LocalizedTextInput.getId(id, language),
-      name: LocalizedTextInput.getName(props.name, language),
-      value: props.value[language],
-      onChange: props.onChange,
-      language: language,
-      placeholder: props.placeholder ? props.placeholder[language] : undefined,
-      onBlur: props.onBlur,
-      onFocus: props.onFocus,
-      isAutofocussed: index === 0 && props.isAutofocussed,
-      isDisabled: props.isDisabled,
-      isReadOnly: props.isReadOnly,
-      hasError: Boolean(props.hasError || props.errors && props.errors[language])
-    }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
-  })), shouldRenderLanguagesButton && react.jsx(inputUtils.LocalizedInputToggle, {
-    isOpen: areLanguagesExpanded,
-    onClick: toggleLanguages,
-    isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
-    remainingLocalizations: languages.length - 1
-  })));
+  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+    max: props.horizontalConstraint,
+    children: jsxRuntime.jsxs(Stack__default["default"], {
+      scale: "xs",
+      children: [jsxRuntime.jsx(Stack__default["default"], {
+        children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
+          var isFirstLanguage = index === 0;
+          if (!isFirstLanguage && !areLanguagesExpanded) return null;
+          return jsxRuntime.jsx("div", {
+            children: jsxRuntime.jsxs(Stack__default["default"], {
+              scale: "xs",
+              children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
+                autoComplete: props.autoComplete,
+                id: LocalizedTextInput.getId(id, language),
+                name: LocalizedTextInput.getName(props.name, language),
+                value: props.value[language],
+                onChange: props.onChange,
+                language: language,
+                placeholder: props.placeholder ? props.placeholder[language] : undefined,
+                onBlur: props.onBlur,
+                onFocus: props.onFocus,
+                isAutofocussed: index === 0 && props.isAutofocussed,
+                isDisabled: props.isDisabled,
+                isReadOnly: props.isReadOnly,
+                hasError: Boolean(props.hasError || props.errors && props.errors[language])
+              }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
+            })
+          }, language);
+        })
+      }), shouldRenderLanguagesButton && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
+        isOpen: areLanguagesExpanded,
+        onClick: toggleLanguages,
+        isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
+        remainingLocalizations: languages.length - 1
+      })]
+    })
+  });
 };
 
 LocalizedTextInput.displayName = 'LocalizedTextInput';
 LocalizedTextInput.RequiredValueErrorMessage = RequiredValueErrorMessage;
 LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes__default['default'].string,
-  name: PropTypes__default['default'].string,
-  autoComplete: PropTypes__default['default'].string,
+  id: PropTypes__default["default"].string,
+  name: PropTypes__default["default"].string,
+  autoComplete: PropTypes__default["default"].string,
   // then input doesn't accept a "languages" prop, instead all possible
   // languages have to exist (with empty or filled strings) on the value:
   //   { en: 'foo', de: '', es: '' }
-  value: PropTypes__default['default'].objectOf(PropTypes__default['default'].string).isRequired,
+  value: PropTypes__default["default"].objectOf(PropTypes__default["default"].string).isRequired,
 
   /**
    * Gets called when any input is changed. Is called with the change event of the changed input.
    */
-  onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
+  onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
     return !props.isReadOnly;
   }),
 
   /**
    * Specifies which language will be shown in case the `LocalizedTextInput` is collapsed.
    */
-  selectedLanguage: PropTypes__default['default'].string.isRequired,
+  selectedLanguage: PropTypes__default["default"].string.isRequired,
 
   /**
    * Called when any field is blurred. Is called with the `event` of that field.
    */
-  onBlur: PropTypes__default['default'].func,
+  onBlur: PropTypes__default["default"].func,
 
   /**
    * Called when any field is focussed. Is called with the `event` of that field.
    */
-  onFocus: PropTypes__default['default'].func,
+  onFocus: PropTypes__default["default"].func,
 
   /**
    * Will hide the language expansion controls when set to `true`. All languages will be shown when set to `true`.
    */
-  hideLanguageExpansionControls: PropTypes__default['default'].bool,
+  hideLanguageExpansionControls: PropTypes__default["default"].bool,
 
   /**
    * Controls whether one or all languages are visible by default
@@ -276,43 +290,43 @@ LocalizedTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
       rest[_key - 3] = arguments[_key];
     }
 
-    return PropTypes__default['default'].bool.apply(PropTypes__default['default'], _concatInstanceProperty__default['default'](_context = [props, propName, componentName]).call(_context, rest));
+    return PropTypes__default["default"].bool.apply(PropTypes__default["default"], _concatInstanceProperty__default["default"](_context = [props, propName, componentName]).call(_context, rest));
   },
 
   /**
    * Focus the input field on initial render
    */
-  isAutofocussed: PropTypes__default['default'].bool,
+  isAutofocussed: PropTypes__default["default"].bool,
 
   /**
    * Disables all input fields.
    */
-  isDisabled: PropTypes__default['default'].bool,
+  isDisabled: PropTypes__default["default"].bool,
 
   /**
    * Disables all input fields and shows them in read-only mode.
    */
-  isReadOnly: PropTypes__default['default'].bool,
+  isReadOnly: PropTypes__default["default"].bool,
 
   /**
    * Placeholders for each language. Object of the same shape as `value`.
    */
-  placeholder: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
+  placeholder: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
 
   /**
    * Horizontal size limit of the input fields.
    */
-  horizontalConstraint: PropTypes__default['default'].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  horizontalConstraint: PropTypes__default["default"].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
 
   /**
    * Will apply the error state to each input without showing any error message.
    */
-  hasError: PropTypes__default['default'].bool,
+  hasError: PropTypes__default["default"].bool,
 
   /**
    * Used to show errors underneath the inputs of specific currencies. Pass an object whose key is a currency and whose value is the error to show for that key.
    */
-  errors: PropTypes__default['default'].objectOf(PropTypes__default['default'].node)
+  errors: PropTypes__default["default"].objectOf(PropTypes__default["default"].node)
 } : {};
 LocalizedTextInput.defaultProps = {
   horizontalConstraint: 'scale'
@@ -325,8 +339,8 @@ LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
 LocalizedTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedTextInput$1 = LocalizedTextInput;
 
-// 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.6";
 
-exports['default'] = LocalizedTextInput$1;
+exports["default"] = LocalizedTextInput$1;
 exports.version = version;

package/dist/commercetools-uikit-localized-text-input.cjs.prod.js

@@ -2,13 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var React = require('react');
+var react$1 = require('react');
 require('prop-types');
 require('react-required-if');
 require('common-tags');
@@ -23,25 +30,11 @@ var localizedUtils = require('@commercetools-uikit/localized-utils');
 var utils = require('@commercetools-uikit/utils');
 var TextInput = require('@commercetools-uikit/text-input');
 var inputUtils = require('@commercetools-uikit/input-utils');
-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 designSystem = require('@commercetools-uikit/design-system');
+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 _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Stack__default = /*#__PURE__*/_interopDefault(Stack);
-var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
-var Text__default = /*#__PURE__*/_interopDefault(Text);
-var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -49,10 +42,16 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var Stack__default = /*#__PURE__*/_interopDefault(Stack);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var TextInput__default = /*#__PURE__*/_interopDefault(TextInput);
 
-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$1(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 _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; }
+function _objectSpread$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 // * a disabled-field currently does not display warning/error-states so it takes precedence
 // * a readonly-field cannot be changed, but it might be relevant for validation, so error and warning are checked first
 // how you can interact with the field is controlled separately by the props, this only influences visuals
@@ -67,11 +66,14 @@ var getLocalizedInputStyles = function getLocalizedInputStyles() {
 };
 
 var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
-  var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
 
-  return /*#__PURE__*/react.css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";height:", designSystem.customProperties.sizeHeightInput, ";line-height:", designSystem.customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", designSystem.customProperties.spacingS, ";transition:border-color ", designSystem.customProperties.transitionStandard, ",background-color ", designSystem.customProperties.transitionStandard, ",color ", designSystem.customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + ("" ));
+  return /*#__PURE__*/react.css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";height:", designSystem.customProperties.sizeHeightInput, ";line-height:", designSystem.customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", designSystem.customProperties.spacingS, ";transition:border-color ", designSystem.customProperties.transitionStandard, ",background-color ", designSystem.customProperties.transitionStandard, ",color ", designSystem.customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + ("" ), "" );
 };
 
+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; }
 var sequentialId = utils.createSequentialId('localized-text-input-');
 
 var _ref = {
@@ -81,7 +83,7 @@ var _ref = {
 
 var LocalizedInput = function LocalizedInput(props) {
   var onChange = props.onChange;
-  var handleChange = React__default['default'].useCallback(function (event) {
+  var handleChange = react$1.useCallback(function (event) {
     // We manipulate the event to add the language to the target.
     // That way the users of LocalizedTextInput's onChange can read
     // event.target.language and event.target.value to determine the next value.
@@ -98,25 +100,29 @@ var LocalizedInput = function LocalizedInput(props) {
     onChange(event);
   }, [props.language, onChange]);
   var theme = react.useTheme();
-  return react.jsx("div", {
-    key: props.language,
-    css: _ref
-  }, react.jsx("label", {
-    htmlFor: props.id,
-    css: getLanguageLabelStyles(props, theme)
-  }, react.jsx(Text__default['default'].Detail, {
-    tone: "secondary"
-  }, props.language.toUpperCase())), react.jsx(TextInput__default['default'], _extends({}, props, {
-    onChange: handleChange,
-    css: getLocalizedInputStyles
-  })));
+  return jsxRuntime.jsxs("div", {
+    css: _ref,
+    children: [jsxRuntime.jsx("label", {
+      htmlFor: props.id,
+      css: getLanguageLabelStyles(props, theme),
+      children: jsxRuntime.jsx(Text__default["default"].Detail, {
+        tone: "secondary",
+        children: props.language.toUpperCase()
+      })
+    }), jsxRuntime.jsx(TextInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
+      onChange: handleChange,
+      css: getLocalizedInputStyles
+    }))]
+  }, props.language);
 };
 
 LocalizedInput.displayName = 'LocalizedInput';
 LocalizedInput.propTypes = {};
 
 var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
-  return react.jsx(messages.ErrorMessage, null, react.jsx(reactIntl.FormattedMessage, inputUtils.messagesLocalizedInput.missingRequiredField));
+  return jsxRuntime.jsx(messages.ErrorMessage, {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, inputUtils.messagesLocalizedInput.missingRequiredField))
+  });
 };
 
 RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -130,7 +136,7 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
       areLanguagesExpanded = _useToggleState2[0],
       toggleLanguages = _useToggleState2[1];
 
-  var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default['default'](props.value));
+  var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
   var id = hooks.useFieldId(props.id, sequentialId);
   var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
 
@@ -143,38 +149,43 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
   }
 
   var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
-  return react.jsx(Constraints__default['default'].Horizontal, {
-    max: props.horizontalConstraint
-  }, react.jsx(Stack__default['default'], {
-    scale: "xs"
-  }, react.jsx(Stack__default['default'], null, _mapInstanceProperty__default['default'](languages).call(languages, function (language, index) {
-    var isFirstLanguage = index === 0;
-    if (!isFirstLanguage && !areLanguagesExpanded) return null;
-    return react.jsx("div", {
-      key: language
-    }, react.jsx(Stack__default['default'], {
-      scale: "xs"
-    }, react.jsx(LocalizedInput, _extends({
-      autoComplete: props.autoComplete,
-      id: LocalizedTextInput.getId(id, language),
-      name: LocalizedTextInput.getName(props.name, language),
-      value: props.value[language],
-      onChange: props.onChange,
-      language: language,
-      placeholder: props.placeholder ? props.placeholder[language] : undefined,
-      onBlur: props.onBlur,
-      onFocus: props.onFocus,
-      isAutofocussed: index === 0 && props.isAutofocussed,
-      isDisabled: props.isDisabled,
-      isReadOnly: props.isReadOnly,
-      hasError: Boolean(props.hasError || props.errors && props.errors[language])
-    }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
-  })), shouldRenderLanguagesButton && react.jsx(inputUtils.LocalizedInputToggle, {
-    isOpen: areLanguagesExpanded,
-    onClick: toggleLanguages,
-    isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
-    remainingLocalizations: languages.length - 1
-  })));
+  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+    max: props.horizontalConstraint,
+    children: jsxRuntime.jsxs(Stack__default["default"], {
+      scale: "xs",
+      children: [jsxRuntime.jsx(Stack__default["default"], {
+        children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
+          var isFirstLanguage = index === 0;
+          if (!isFirstLanguage && !areLanguagesExpanded) return null;
+          return jsxRuntime.jsx("div", {
+            children: jsxRuntime.jsxs(Stack__default["default"], {
+              scale: "xs",
+              children: [jsxRuntime.jsx(LocalizedInput, _objectSpread({
+                autoComplete: props.autoComplete,
+                id: LocalizedTextInput.getId(id, language),
+                name: LocalizedTextInput.getName(props.name, language),
+                value: props.value[language],
+                onChange: props.onChange,
+                language: language,
+                placeholder: props.placeholder ? props.placeholder[language] : undefined,
+                onBlur: props.onBlur,
+                onFocus: props.onFocus,
+                isAutofocussed: index === 0 && props.isAutofocussed,
+                isDisabled: props.isDisabled,
+                isReadOnly: props.isReadOnly,
+                hasError: Boolean(props.hasError || props.errors && props.errors[language])
+              }, localizedUtils.createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
+            })
+          }, language);
+        })
+      }), shouldRenderLanguagesButton && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
+        isOpen: areLanguagesExpanded,
+        onClick: toggleLanguages,
+        isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
+        remainingLocalizations: languages.length - 1
+      })]
+    })
+  });
 };
 
 LocalizedTextInput.displayName = 'LocalizedTextInput';
@@ -191,8 +202,8 @@ LocalizedTextInput.omitEmptyTranslations = localizedUtils.omitEmptyTranslations;
 LocalizedTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedTextInput$1 = LocalizedTextInput;
 
-// 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.6";
 
-exports['default'] = LocalizedTextInput$1;
+exports["default"] = LocalizedTextInput$1;
 exports.version = version;

package/dist/commercetools-uikit-localized-text-input.esm.js

@@ -1,15 +1,22 @@
+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 _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import React from 'react';
+import { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import requiredIf from 'react-required-if';
 import { oneLine } from 'common-tags';
 import { FormattedMessage } from 'react-intl';
-import { css, jsx, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { useToggleState, useFieldId } from '@commercetools-uikit/hooks';
 import { ErrorMessage } from '@commercetools-uikit/messages';
 import Stack from '@commercetools-uikit/spacings-stack';
@@ -19,19 +26,12 @@ import { sortLanguages, getHasErrorOnRemainingLanguages, createLocalizedDataAttr
 import { createSequentialId } from '@commercetools-uikit/utils';
 import TextInput from '@commercetools-uikit/text-input';
 import { LocalizedInputToggle, messagesLocalizedInput } from '@commercetools-uikit/input-utils';
-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 { customProperties, designTokens } from '@commercetools-uikit/design-system';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
-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$1(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; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
 // * a disabled-field currently does not display warning/error-states so it takes precedence
@@ -44,6 +44,7 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "bqcila-getLocalizedInputStyles",
   styles: "border-top-left-radius:0;border-bottom-left-radius:0;border-style:solid;flex:auto;label:getLocalizedInputStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXSyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbi8vIE5PVEU6IG9yZGVyIGlzIGltcG9ydGFudCBoZXJlXG4vLyAqIGEgZGlzYWJsZWQtZmllbGQgY3VycmVudGx5IGRvZXMgbm90IGRpc3BsYXkgd2FybmluZy9lcnJvci1zdGF0ZXMgc28gaXQgdGFrZXMgcHJlY2VkZW5jZVxuLy8gKiBhIHJlYWRvbmx5LWZpZWxkIGNhbm5vdCBiZSBjaGFuZ2VkLCBidXQgaXQgbWlnaHQgYmUgcmVsZXZhbnQgZm9yIHZhbGlkYXRpb24sIHNvIGVycm9yIGFuZCB3YXJuaW5nIGFyZSBjaGVja2VkIGZpcnN0XG4vLyBob3cgeW91IGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBmaWVsZCBpcyBjb250cm9sbGVkIHNlcGFyYXRlbHkgYnkgdGhlIHByb3BzLCB0aGlzIG9ubHkgaW5mbHVlbmNlcyB2aXN1YWxzXG5jb25zdCBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyA9ICgpID0+IFtcbiAgY3NzYFxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGZsZXg6IGF1dG87XG4gIGAsXG5dO1xuXG5jb25zdCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzID0gKHByb3BzLCB0aGVtZSkgPT4ge1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7XG4gICAgLi4udmFycyxcbiAgICAuLi50aGVtZSxcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIC8qIGF2b2lkIHdyYXBwaW5nIGxhYmVsIG9udG8gbmV3IGxpbmVzICovXG4gICAgZmxleDogMSAwIGF1dG87XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBsaW5lLWhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICBdfTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XG4gICAgXX07XG4gICAgYm9yZGVyOiAxcHggJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRdfVxuICAgICAgc29saWQ7XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICBgO1xufTtcblxuZXhwb3J0IHsgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMsIGdldExhbmd1YWdlTGFiZWxTdHlsZXMgfTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 
@@ -52,13 +53,17 @@ var getLocalizedInputStyles = function getLocalizedInputStyles() {
 };
 
 var getLanguageLabelStyles = function getLanguageLabelStyles(props, theme) {
-  var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme);
+  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, customProperties), theme);
 
-  return /*#__PURE__*/css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";height:", customProperties.sizeHeightInput, ";line-height:", customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", customProperties.spacingS, ";transition:border-color ", customProperties.transitionStandard, ",background-color ", customProperties.transitionStandard, ",color ", customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"));
+  return /*#__PURE__*/css("flex:1 0 auto;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";height:", customProperties.sizeHeightInput, ";line-height:", customProperties.sizeHeightInput, ";background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-top-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border-bottom-left-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";border:1px ", overwrittenVars[designTokens.borderColorForInputWhenDisabled], " solid;padding:0 ", customProperties.spacingS, ";transition:border-color ", customProperties.transitionStandard, ",background-color ", customProperties.transitionStandard, ",color ", customProperties.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:getLanguageLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoibG9jYWxpemVkLXRleHQtaW5wdXQuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtcbiAgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBOT1RFOiBvcmRlciBpcyBpbXBvcnRhbnQgaGVyZVxuLy8gKiBhIGRpc2FibGVkLWZpZWxkIGN1cnJlbnRseSBkb2VzIG5vdCBkaXNwbGF5IHdhcm5pbmcvZXJyb3Itc3RhdGVzIHNvIGl0IHRha2VzIHByZWNlZGVuY2Vcbi8vICogYSByZWFkb25seS1maWVsZCBjYW5ub3QgYmUgY2hhbmdlZCwgYnV0IGl0IG1pZ2h0IGJlIHJlbGV2YW50IGZvciB2YWxpZGF0aW9uLCBzbyBlcnJvciBhbmQgd2FybmluZyBhcmUgY2hlY2tlZCBmaXJzdFxuLy8gaG93IHlvdSBjYW4gaW50ZXJhY3Qgd2l0aCB0aGUgZmllbGQgaXMgY29udHJvbGxlZCBzZXBhcmF0ZWx5IGJ5IHRoZSBwcm9wcywgdGhpcyBvbmx5IGluZmx1ZW5jZXMgdmlzdWFsc1xuY29uc3QgZ2V0TG9jYWxpemVkSW5wdXRTdHlsZXMgPSAoKSA9PiBbXG4gIGNzc2BcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBmbGV4OiBhdXRvO1xuICBgLFxuXTtcblxuY29uc3QgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyA9IChwcm9wcywgdGhlbWUpID0+IHtcbiAgY29uc3Qgb3ZlcndyaXR0ZW5WYXJzID0ge1xuICAgIC4uLnZhcnMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAvKiBhdm9pZCB3cmFwcGluZyBsYWJlbCBvbnRvIG5ldyBsaW5lcyAqL1xuICAgIGZsZXg6IDEgMCBhdXRvO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF19O1xuICAgIGhlaWdodDogJHt2YXJzLnNpemVIZWlnaHRJbnB1dH07XG4gICAgbGluZS1oZWlnaHQ6ICR7dmFycy5zaXplSGVpZ2h0SW5wdXR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7b3ZlcndyaXR0ZW5WYXJzW1xuICAgICAgZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgXX07XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHtvdmVyd3JpdHRlblZhcnNbXG4gICAgICBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9ySW5wdXRcbiAgICBdfTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke292ZXJ3cml0dGVuVmFyc1tcbiAgICAgIGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dFxuICAgIF19O1xuICAgIGJvcmRlcjogMXB4ICR7b3ZlcndyaXR0ZW5WYXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXX1cbiAgICAgIHNvbGlkO1xuICAgIHBhZGRpbmc6IDAgJHt2YXJzLnNwYWNpbmdTfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yICR7dmFycy50cmFuc2l0aW9uU3RhbmRhcmR9LFxuICAgICAgY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYDtcbn07XG5cbmV4cG9ydCB7IGdldExvY2FsaXplZElucHV0U3R5bGVzLCBnZXRMYW5ndWFnZUxhYmVsU3R5bGVzIH07XG4iXX0= */");
 };
 
 var _templateObject;
 
+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; }
+
 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 sequentialId = createSequentialId('localized-text-input-');
 
@@ -68,12 +73,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ysn02y-LocalizedInput",
   styles: "width:100%;position:relative;display:flex;label:LocalizedInput;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsaXplZC10ZXh0LWlucHV0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEYyIsImZpbGUiOiJsb2NhbGl6ZWQtdGV4dC1pbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCByZXF1aXJlZElmIGZyb20gJ3JlYWN0LXJlcXVpcmVkLWlmJztcbmltcG9ydCB7IG9uZUxpbmUgfSBmcm9tICdjb21tb24tdGFncyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlRmllbGRJZCwgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9tZXNzYWdlcyc7XG5pbXBvcnQgU3RhY2sgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3Mtc3RhY2snO1xuaW1wb3J0IENvbnN0cmFpbnRzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NvbnN0cmFpbnRzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgc29ydExhbmd1YWdlcyxcbiAgY3JlYXRlTG9jYWxpemVkRGF0YUF0dHJpYnV0ZXMsXG4gIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMsXG4gIGlzVG91Y2hlZCxcbiAgb21pdEVtcHR5VHJhbnNsYXRpb25zLFxuICBpc0VtcHR5LFxuICBjcmVhdGVMb2NhbGl6ZWRTdHJpbmcsXG4gIGdldElkLFxuICBnZXROYW1lLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9sb2NhbGl6ZWQtdXRpbHMnO1xuaW1wb3J0IHsgY3JlYXRlU2VxdWVudGlhbElkIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHRJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0LWlucHV0JztcbmltcG9ydCB7XG4gIExvY2FsaXplZElucHV0VG9nZ2xlLFxuICBtZXNzYWdlc0xvY2FsaXplZElucHV0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQge1xuICBnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlcyxcbiAgZ2V0TGFuZ3VhZ2VMYWJlbFN0eWxlcyxcbn0gZnJvbSAnLi9sb2NhbGl6ZWQtdGV4dC1pbnB1dC5zdHlsZXMnO1xuXG5jb25zdCBzZXF1ZW50aWFsSWQgPSBjcmVhdGVTZXF1ZW50aWFsSWQoJ2xvY2FsaXplZC10ZXh0LWlucHV0LScpO1xuXG5jb25zdCBMb2NhbGl6ZWRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBXZSBtYW5pcHVsYXRlIHRoZSBldmVudCB0byBhZGQgdGhlIGxhbmd1YWdlIHRvIHRoZSB0YXJnZXQuXG4gICAgICAvLyBUaGF0IHdheSB0aGUgdXNlcnMgb2YgTG9jYWxpemVkVGV4dElucHV0J3Mgb25DaGFuZ2UgY2FuIHJlYWRcbiAgICAgIC8vIGV2ZW50LnRhcmdldC5sYW5ndWFnZSBhbmQgZXZlbnQudGFyZ2V0LnZhbHVlIHRvIGRldGVybWluZSB0aGUgbmV4dCB2YWx1ZS5cbiAgICAgIC8vXG4gICAgICAvLyBXZSBvbmx5IG5lZWQgdGhpcyBpbmZvcm1hdGlvbiBmb3IgdGhlIHN0b3J5LCB0aGUgTUMgYXBwbGljYXRpb24gY29kZSB3aWxsXG4gICAgICAvLyBuZXZlciBuZWVkIHRvIGFjY2VzcyB0aGUgaW5mb3JtYXRpb24gaW4gc3VjaCBhbiBpbmNvbnZlbmllbnQgd2F5LCBhc1xuICAgICAgLy8gRm9ybWlrIGNhbiBkZWFsIHdpdGggYSBuYW1lIGxpa2UgXCJmb28uZW5cIiBhbmQgc2V0cyB0aGUgdmFsdWUgY29ycmVjdGx5LlxuICAgICAgLy8gV2UgY2FuJ3QgdXNlIHRoaXMgYXMgd2UgYXJlbid0IGd1YXJhbnRlZWQgYSBuYW1lIGluIHRoZSBzdG9yeSBhcyB0aGUgdXNlclxuICAgICAgLy8gbWlnaHQgY2xlYXIgaXQgdXNpbmcgdGhlIGtub2IsIGFuZCB0aGVuIHdlIGNhbid0IHBhcnNlIHRoZSBsYW5ndWFnZSBmcm9tXG4gICAgICAvLyB0aGUgaW5wdXQgbmFtZSBhbnltb3JlLlxuICAgICAgLy9cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQudGFyZ2V0Lmxhbmd1YWdlID0gcHJvcHMubGFuZ3VhZ2U7XG4gICAgICBvbkNoYW5nZShldmVudCk7XG4gICAgfSxcbiAgICBbcHJvcHMubGFuZ3VhZ2UsIG9uQ2hhbmdlXVxuICApO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBrZXk9e3Byb3BzLmxhbmd1YWdlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxsYWJlbCBodG1sRm9yPXtwcm9wcy5pZH0gY3NzPXtnZXRMYW5ndWFnZUxhYmVsU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7LyogRklYTUU6IGFkZCBwcm9wZXIgdG9uZSBmb3IgZGlzYWJsZWQgd2hlbiB0b25lcyBhcmUgcmVmYWN0b3JlZCAqL31cbiAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7cHJvcHMubGFuZ3VhZ2UudG9VcHBlckNhc2UoKX1cbiAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8VGV4dElucHV0XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgY3NzPXtnZXRMb2NhbGl6ZWRJbnB1dFN0eWxlc31cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRJbnB1dC5kaXNwbGF5TmFtZSA9ICdMb2NhbGl6ZWRJbnB1dCc7XG5Mb2NhbGl6ZWRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIC8qKlxuICAgKiBVc2VkIGFzIHByZWZpeCBvZiBIVE1MIGBpZGAgcHJvcGVydHkuIEVhY2ggaW5wdXQgZmllbGQgaWQgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7aWRQcmVmaXh9LiR7bGFuZ31gKSwgZS5nLiBgZm9vLmVuYC4gWW91IGNhbiB1c2UgdGhlIHN0YXRpYyBgTG9jYWxpemVkVGV4dElucHV0LmdldElkKGlkUHJlZml4LCBsYW5ndWFnZSlgIHRvIGNyZWF0ZSB0aGlzIGlkIHN0cmluZywgZS5nLiBmb3IgbGFiZWxzLlxuICAgKi9cbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgYG5hbWVgIHByb3BlcnR5IGZvciBlYWNoIGlucHV0IGZpZWxkLiBFYWNoIGlucHV0IGZpZWxkIG5hbWUgd2lsbCBoYXZlIHRoZSBsYW5ndWFnZSBhcyBhIHN1ZmZpeCAoYCR7bmFtZVByZWZpeH0uJHtsYW5nfWApLCBlLmcuIGBmb28uZW5gXG4gICAqL1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGBhdXRvY29tcGxldGVgIHByb3BlcnR5XG4gICAqL1xuICBhdXRvQ29tcGxldGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBHZXRzIGNhbGxlZCB3aGVuIGFueSBpbnB1dCBpcyBjaGFuZ2VkLiBJcyBjYWxsZWQgd2l0aCB0aGUgY2hhbmdlIGV2ZW50IG9mIHRoZSBjaGFuZ2VkIGlucHV0LlxuICAgKi9cbiAgb25DaGFuZ2U6IHJlcXVpcmVkSWYoUHJvcFR5cGVzLmZ1bmMsIChwcm9wcykgPT4gIXByb3BzLmlzUmVhZE9ubHkpLFxuICBsYW5ndWFnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5jb25zdCBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlID0gKCkgPT4gKFxuICA8RXJyb3JNZXNzYWdlPlxuICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlc0xvY2FsaXplZElucHV0Lm1pc3NpbmdSZXF1aXJlZEZpZWxkfSAvPlxuICA8L0Vycm9yTWVzc2FnZT5cbik7XG5cblJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRWYWx1ZUVycm9yTWVzc2FnZSc7XG5cbmNvbnN0IExvY2FsaXplZFRleHRJbnB1dCA9IChwcm9wcykgPT4ge1xuICBjb25zdCBkZWZhdWx0RXhwYW5zaW9uU3RhdGUgPVxuICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzIHx8XG4gICAgcHJvcHMuZGVmYXVsdEV4cGFuZExhbmd1YWdlcyB8fCAvLyBkZWZhdWx0IHRvIGBmYWxzZWAsIGJlY2F1c2UgdXNlVG9nZ2xlU3RhdGUgZGVmYXVsdHMgdG8gYHRydWVgXG4gICAgZmFsc2U7XG5cbiAgY29uc3QgW2FyZUxhbmd1YWdlc0V4cGFuZGVkLCB0b2dnbGVMYW5ndWFnZXNdID0gdXNlVG9nZ2xlU3RhdGUoXG4gICAgZGVmYXVsdEV4cGFuc2lvblN0YXRlXG4gICk7XG5cbiAgY29uc3QgbGFuZ3VhZ2VzID0gc29ydExhbmd1YWdlcyhcbiAgICBwcm9wcy5zZWxlY3RlZExhbmd1YWdlLFxuICAgIE9iamVjdC5rZXlzKHByb3BzLnZhbHVlKVxuICApO1xuXG4gIGNvbnN0IGlkID0gdXNlRmllbGRJZChwcm9wcy5pZCwgc2VxdWVudGlhbElkKTtcblxuICBjb25zdCBoYXNFcnJvckluUmVtYWluaW5nTGFuZ3VhZ2VzID1cbiAgICBwcm9wcy5oYXNFcnJvciB8fFxuICAgIGdldEhhc0Vycm9yT25SZW1haW5pbmdMYW5ndWFnZXMocHJvcHMuZXJyb3JzLCBwcm9wcy5zZWxlY3RlZExhbmd1YWdlKTtcblxuICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcykge1xuICAgIC8vIHRoaXMgdXBkYXRlIHdpdGhpbiByZW5kZXIgcmVwbGFjZXMgdGhlIG9sZCBgZ2V0RGVyaXZlZFN0YXRlRnJvbVByb3BzYCBmdW5jdGlvbmFsaXR5XG4gICAgLy8gaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2hvb2tzLWZhcS5odG1sI2hvdy1kby1pLWltcGxlbWVudC1nZXRkZXJpdmVkc3RhdGVmcm9tcHJvcHNcbiAgICBpZiAoaGFzRXJyb3JJblJlbWFpbmluZ0xhbmd1YWdlcyAhPT0gYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHtcbiAgICAgIHRvZ2dsZUxhbmd1YWdlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlckxhbmd1YWdlc0J1dHRvbiA9XG4gICAgbGFuZ3VhZ2VzLmxlbmd0aCA+IDEgJiYgIXByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8U3RhY2sgc2NhbGU9XCJ4c1wiPlxuICAgICAgICA8U3RhY2s+XG4gICAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNGaXJzdExhbmd1YWdlID0gaW5kZXggPT09IDA7XG4gICAgICAgICAgICBpZiAoIWlzRmlyc3RMYW5ndWFnZSAmJiAhYXJlTGFuZ3VhZ2VzRXhwYW5kZWQpIHJldHVybiBudWxsO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17bGFuZ3VhZ2V9PlxuICAgICAgICAgICAgICAgIDxTdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgICA8TG9jYWxpemVkSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPXtwcm9wcy5hdXRvQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtMb2NhbGl6ZWRUZXh0SW5wdXQuZ2V0SWQoaWQsIGxhbmd1YWdlKX1cbiAgICAgICAgICAgICAgICAgICAgbmFtZT17TG9jYWxpemVkVGV4dElucHV0LmdldE5hbWUocHJvcHMubmFtZSwgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWVbbGFuZ3VhZ2VdfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtsYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e1xuICAgICAgICAgICAgICAgICAgICAgIHByb3BzLnBsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHByb3BzLnBsYWNlaG9sZGVyW2xhbmd1YWdlXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17cHJvcHMub25Gb2N1c31cbiAgICAgICAgICAgICAgICAgICAgaXNBdXRvZm9jdXNzZWQ9e2luZGV4ID09PSAwICYmIHByb3BzLmlzQXV0b2ZvY3Vzc2VkfVxuICAgICAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICBpc1JlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17Qm9vbGVhbihcbiAgICAgICAgICAgICAgICAgICAgICBwcm9wcy5oYXNFcnJvciB8fCAocHJvcHMuZXJyb3JzICYmIHByb3BzLmVycm9yc1tsYW5ndWFnZV0pXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5jcmVhdGVMb2NhbGl6ZWREYXRhQXR0cmlidXRlcyhwcm9wcywgbGFuZ3VhZ2UpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzW2xhbmd1YWdlXX1cbiAgICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtzaG91bGRSZW5kZXJMYW5ndWFnZXNCdXR0b24gJiYgKFxuICAgICAgICAgIDxMb2NhbGl6ZWRJbnB1dFRvZ2dsZVxuICAgICAgICAgICAgaXNPcGVuPXthcmVMYW5ndWFnZXNFeHBhbmRlZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUxhbmd1YWdlc31cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2FyZUxhbmd1YWdlc0V4cGFuZGVkICYmIGhhc0Vycm9ySW5SZW1haW5pbmdMYW5ndWFnZXN9XG4gICAgICAgICAgICByZW1haW5pbmdMb2NhbGl6YXRpb25zPXtsYW5ndWFnZXMubGVuZ3RoIC0gMX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuZGlzcGxheU5hbWUgPSAnTG9jYWxpemVkVGV4dElucHV0JztcblxuTG9jYWxpemVkVGV4dElucHV0LlJlcXVpcmVkVmFsdWVFcnJvck1lc3NhZ2UgPSBSZXF1aXJlZFZhbHVlRXJyb3JNZXNzYWdlO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgYXV0b0NvbXBsZXRlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvLyB0aGVuIGlucHV0IGRvZXNuJ3QgYWNjZXB0IGEgXCJsYW5ndWFnZXNcIiBwcm9wLCBpbnN0ZWFkIGFsbCBwb3NzaWJsZVxuICAvLyBsYW5ndWFnZXMgaGF2ZSB0byBleGlzdCAod2l0aCBlbXB0eSBvciBmaWxsZWQgc3RyaW5ncykgb24gdGhlIHZhbHVlOlxuICAvLyAgIHsgZW46ICdmb28nLCBkZTogJycsIGVzOiAnJyB9XG4gIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgLyoqXG4gICAqIEdldHMgY2FsbGVkIHdoZW4gYW55IGlucHV0IGlzIGNoYW5nZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBjaGFuZ2UgZXZlbnQgb2YgdGhlIGNoYW5nZWQgaW5wdXQuXG4gICAqL1xuICBvbkNoYW5nZTogcmVxdWlyZWRJZihQcm9wVHlwZXMuZnVuYywgKHByb3BzKSA9PiAhcHJvcHMuaXNSZWFkT25seSksXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hpY2ggbGFuZ3VhZ2Ugd2lsbCBiZSBzaG93biBpbiBjYXNlIHRoZSBgTG9jYWxpemVkVGV4dElucHV0YCBpcyBjb2xsYXBzZWQuXG4gICAqL1xuICBzZWxlY3RlZExhbmd1YWdlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgYmx1cnJlZC4gSXMgY2FsbGVkIHdpdGggdGhlIGBldmVudGAgb2YgdGhhdCBmaWVsZC5cbiAgICovXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gIC8qKlxuICAgKiBDYWxsZWQgd2hlbiBhbnkgZmllbGQgaXMgZm9jdXNzZWQuIElzIGNhbGxlZCB3aXRoIHRoZSBgZXZlbnRgIG9mIHRoYXQgZmllbGQuXG4gICAqL1xuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgLyoqXG4gICAqIFdpbGwgaGlkZSB0aGUgbGFuZ3VhZ2UgZXhwYW5zaW9uIGNvbnRyb2xzIHdoZW4gc2V0IHRvIGB0cnVlYC4gQWxsIGxhbmd1YWdlcyB3aWxsIGJlIHNob3duIHdoZW4gc2V0IHRvIGB0cnVlYC5cbiAgICovXG4gIGhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzOiBQcm9wVHlwZXMuYm9vbCxcbiAgLyoqXG4gICAqIENvbnRyb2xzIHdoZXRoZXIgb25lIG9yIGFsbCBsYW5ndWFnZXMgYXJlIHZpc2libGUgYnkgZGVmYXVsdFxuICAgKi9cbiAgZGVmYXVsdEV4cGFuZExhbmd1YWdlczogKHByb3BzLCBwcm9wTmFtZSwgY29tcG9uZW50TmFtZSwgLi4ucmVzdCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHByb3BzLmhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzICYmXG4gICAgICB0eXBlb2YgcHJvcHNbcHJvcE5hbWVdID09PSAnYm9vbGVhbidcbiAgICApIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgb25lTGluZWBcbiAgICAgICAgICAke2NvbXBvbmVudE5hbWV9OiBcIiR7cHJvcE5hbWV9XCIgZG9lcyBub3QgaGF2ZSBhbnkgZWZmZWN0IHdoZW5cbiAgICAgICAgICBcImhpZGVMYW5ndWFnZUV4cGFuc2lvbkNvbnRyb2xzXCIgaXMgc2V0LlxuICAgICAgICBgXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gUHJvcFR5cGVzLmJvb2wocHJvcHMsIHByb3BOYW1lLCBjb21wb25lbnROYW1lLCAuLi5yZXN0KTtcbiAgfSxcbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBpbnB1dCBmaWVsZCBvbiBpbml0aWFsIHJlbmRlclxuICAgKi9cbiAgaXNBdXRvZm9jdXNzZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogRGlzYWJsZXMgYWxsIGlucHV0IGZpZWxkcyBhbmQgc2hvd3MgdGhlbSBpbiByZWFkLW9ubHkgbW9kZS5cbiAgICovXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogUGxhY2Vob2xkZXJzIGZvciBlYWNoIGxhbmd1YWdlLiBPYmplY3Qgb2YgdGhlIHNhbWUgc2hhcGUgYXMgYHZhbHVlYC5cbiAgICovXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMub2JqZWN0T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIHNpemUgbGltaXQgb2YgdGhlIGlucHV0IGZpZWxkcy5cbiAgICovXG4gIGhvcml6b250YWxDb25zdHJhaW50OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIDEsXG4gICAgMixcbiAgICAzLFxuICAgIDQsXG4gICAgNSxcbiAgICA2LFxuICAgIDcsXG4gICAgOCxcbiAgICA5LFxuICAgIDEwLFxuICAgIDExLFxuICAgIDEyLFxuICAgIDEzLFxuICAgIDE0LFxuICAgIDE1LFxuICAgIDE2LFxuICAgICdzY2FsZScsXG4gICAgJ2F1dG8nLFxuICBdKSxcbiAgLyoqXG4gICAqIFdpbGwgYXBwbHkgdGhlIGVycm9yIHN0YXRlIHRvIGVhY2ggaW5wdXQgd2l0aG91dCBzaG93aW5nIGFueSBlcnJvciBtZXNzYWdlLlxuICAgKi9cbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICAvKipcbiAgICogVXNlZCB0byBzaG93IGVycm9ycyB1bmRlcm5lYXRoIHRoZSBpbnB1dHMgb2Ygc3BlY2lmaWMgY3VycmVuY2llcy4gUGFzcyBhbiBvYmplY3Qgd2hvc2Uga2V5IGlzIGEgY3VycmVuY3kgYW5kIHdob3NlIHZhbHVlIGlzIHRoZSBlcnJvciB0byBzaG93IGZvciB0aGF0IGtleS5cbiAgICovXG4gIGVycm9yczogUHJvcFR5cGVzLm9iamVjdE9mKFByb3BUeXBlcy5ub2RlKSxcbn07XG5cbkxvY2FsaXplZFRleHRJbnB1dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuTG9jYWxpemVkVGV4dElucHV0LmdldElkID0gZ2V0SWQ7XG5cbkxvY2FsaXplZFRleHRJbnB1dC5nZXROYW1lID0gZ2V0TmFtZTtcblxuTG9jYWxpemVkVGV4dElucHV0LmNyZWF0ZUxvY2FsaXplZFN0cmluZyA9IGNyZWF0ZUxvY2FsaXplZFN0cmluZztcblxuTG9jYWxpemVkVGV4dElucHV0LmlzRW1wdHkgPSBpc0VtcHR5O1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQub21pdEVtcHR5VHJhbnNsYXRpb25zID0gb21pdEVtcHR5VHJhbnNsYXRpb25zO1xuXG5Mb2NhbGl6ZWRUZXh0SW5wdXQuaXNUb3VjaGVkID0gaXNUb3VjaGVkO1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGl6ZWRUZXh0SW5wdXQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var LocalizedInput = function LocalizedInput(props) {
   var onChange = props.onChange;
-  var handleChange = React.useCallback(function (event) {
+  var handleChange = useCallback(function (event) {
     // We manipulate the event to add the language to the target.
     // That way the users of LocalizedTextInput's onChange can read
     // event.target.language and event.target.value to determine the next value.
@@ -90,18 +96,20 @@ var LocalizedInput = function LocalizedInput(props) {
     onChange(event);
   }, [props.language, onChange]);
   var theme = useTheme();
-  return jsx("div", {
-    key: props.language,
-    css: _ref
-  }, jsx("label", {
-    htmlFor: props.id,
-    css: getLanguageLabelStyles(props, theme)
-  }, jsx(Text.Detail, {
-    tone: "secondary"
-  }, props.language.toUpperCase())), jsx(TextInput, _extends({}, props, {
-    onChange: handleChange,
-    css: getLocalizedInputStyles
-  })));
+  return jsxs("div", {
+    css: _ref,
+    children: [jsx("label", {
+      htmlFor: props.id,
+      css: getLanguageLabelStyles(props, theme),
+      children: jsx(Text.Detail, {
+        tone: "secondary",
+        children: props.language.toUpperCase()
+      })
+    }), jsx(TextInput, _objectSpread(_objectSpread({}, props), {}, {
+      onChange: handleChange,
+      css: getLocalizedInputStyles
+    }))]
+  }, props.language);
 };
 
 LocalizedInput.displayName = 'LocalizedInput';
@@ -139,7 +147,9 @@ LocalizedInput.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 
 var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
-  return jsx(ErrorMessage, null, jsx(FormattedMessage, messagesLocalizedInput.missingRequiredField));
+  return jsx(ErrorMessage, {
+    children: jsx(FormattedMessage, _objectSpread({}, messagesLocalizedInput.missingRequiredField))
+  });
 };
 
 RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
@@ -167,37 +177,42 @@ var LocalizedTextInput = function LocalizedTextInput(props) {
 
   var shouldRenderLanguagesButton = languages.length > 1 && !props.hideLanguageExpansionControls;
   return jsx(Constraints.Horizontal, {
-    max: props.horizontalConstraint
-  }, jsx(Stack, {
-    scale: "xs"
-  }, jsx(Stack, null, _mapInstanceProperty(languages).call(languages, function (language, index) {
-    var isFirstLanguage = index === 0;
-    if (!isFirstLanguage && !areLanguagesExpanded) return null;
-    return jsx("div", {
-      key: language
-    }, jsx(Stack, {
-      scale: "xs"
-    }, jsx(LocalizedInput, _extends({
-      autoComplete: props.autoComplete,
-      id: LocalizedTextInput.getId(id, language),
-      name: LocalizedTextInput.getName(props.name, language),
-      value: props.value[language],
-      onChange: props.onChange,
-      language: language,
-      placeholder: props.placeholder ? props.placeholder[language] : undefined,
-      onBlur: props.onBlur,
-      onFocus: props.onFocus,
-      isAutofocussed: index === 0 && props.isAutofocussed,
-      isDisabled: props.isDisabled,
-      isReadOnly: props.isReadOnly,
-      hasError: Boolean(props.hasError || props.errors && props.errors[language])
-    }, createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]));
-  })), shouldRenderLanguagesButton && jsx(LocalizedInputToggle, {
-    isOpen: areLanguagesExpanded,
-    onClick: toggleLanguages,
-    isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
-    remainingLocalizations: languages.length - 1
-  })));
+    max: props.horizontalConstraint,
+    children: jsxs(Stack, {
+      scale: "xs",
+      children: [jsx(Stack, {
+        children: _mapInstanceProperty(languages).call(languages, function (language, index) {
+          var isFirstLanguage = index === 0;
+          if (!isFirstLanguage && !areLanguagesExpanded) return null;
+          return jsx("div", {
+            children: jsxs(Stack, {
+              scale: "xs",
+              children: [jsx(LocalizedInput, _objectSpread({
+                autoComplete: props.autoComplete,
+                id: LocalizedTextInput.getId(id, language),
+                name: LocalizedTextInput.getName(props.name, language),
+                value: props.value[language],
+                onChange: props.onChange,
+                language: language,
+                placeholder: props.placeholder ? props.placeholder[language] : undefined,
+                onBlur: props.onBlur,
+                onFocus: props.onFocus,
+                isAutofocussed: index === 0 && props.isAutofocussed,
+                isDisabled: props.isDisabled,
+                isReadOnly: props.isReadOnly,
+                hasError: Boolean(props.hasError || props.errors && props.errors[language])
+              }, createLocalizedDataAttributes(props, language))), props.errors && props.errors[language]]
+            })
+          }, language);
+        })
+      }), shouldRenderLanguagesButton && jsx(LocalizedInputToggle, {
+        isOpen: areLanguagesExpanded,
+        onClick: toggleLanguages,
+        isDisabled: areLanguagesExpanded && hasErrorInRemainingLanguages,
+        remainingLocalizations: languages.length - 1
+      })]
+    })
+  });
 };
 
 LocalizedTextInput.displayName = 'LocalizedTextInput';
@@ -301,7 +316,7 @@ LocalizedTextInput.omitEmptyTranslations = omitEmptyTranslations;
 LocalizedTextInput.isTouched = isTouched;
 var LocalizedTextInput$1 = LocalizedTextInput;
 
-// 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.6";
 
 export { LocalizedTextInput$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/localized-text-input",
   "description": "A controlled text input component for localized single-line strings with validation states.",
-  "version": "12.2.2",
+  "version": "12.2.6",
   "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,33 +18,30 @@
   "main": "dist/commercetools-uikit-localized-text-input.cjs.js",
   "module": "dist/commercetools-uikit-localized-text-input.esm.js",
   "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../../scripts/version.js replace"
-  },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.8",
-    "@commercetools-uikit/constraints": "12.2.2",
-    "@commercetools-uikit/design-system": "12.2.2",
-    "@commercetools-uikit/flat-button": "12.2.2",
-    "@commercetools-uikit/hooks": "12.2.2",
-    "@commercetools-uikit/icons": "12.2.2",
-    "@commercetools-uikit/input-utils": "12.2.2",
-    "@commercetools-uikit/localized-utils": "12.2.0",
-    "@commercetools-uikit/messages": "12.2.2",
-    "@commercetools-uikit/spacings-stack": "12.2.2",
-    "@commercetools-uikit/text": "12.2.2",
-    "@commercetools-uikit/text-input": "12.2.2",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/constraints": "12.2.5",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/flat-button": "12.2.5",
+    "@commercetools-uikit/hooks": "12.2.5",
+    "@commercetools-uikit/icons": "12.2.6",
+    "@commercetools-uikit/input-utils": "12.2.6",
+    "@commercetools-uikit/localized-utils": "12.2.5",
+    "@commercetools-uikit/messages": "12.2.5",
+    "@commercetools-uikit/spacings-stack": "12.2.5",
+    "@commercetools-uikit/text": "12.2.5",
+    "@commercetools-uikit/text-input": "12.2.6",
+    "@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",
     "prop-types": "15.7.2",
     "react-required-if": "1.0.3"
   },
   "devDependencies": {
     "react": "17.0.2",
-    "react-intl": "5.20.6"
+    "react-intl": "5.21.2"
   },
   "peerDependencies": {
     "react": "17.x",