@commercetools-uikit/input-utils 12.2.1 → 12.2.5

package/dist/commercetools-uikit-input-utils.cjs.dev.js

@@ -14,11 +14,11 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var designSystem = require('@commercetools-uikit/design-system');
 var _pt = require('prop-types');
-var React = require('react');
+var react$1 = require('react');
 var reactIntl = require('react-intl');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 var TextareaAutosize = require('react-textarea-autosize');
 var utils = require('@commercetools-uikit/utils');
 
@@ -33,11 +33,10 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
 
-var messages = reactIntl.defineMessages({
+var messages$1 = reactIntl.defineMessages({
   missingRequiredField: {
     id: 'UIKit.LocalizedTextInput.missingRequiredField',
     description: 'Error message for missing required value',
@@ -56,8 +55,8 @@ var messages = reactIntl.defineMessages({
 });
 
 var defaultProps = {
-  hideMessage: messages.hide,
-  showMessage: messages.show
+  hideMessage: messages$1.hide,
+  showMessage: messages$1.show
 };
 
 var LocalizedInputToggle = function LocalizedInputToggle(props) {
@@ -66,8 +65,8 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
   var label = typeof labelMessage === 'string' ? labelMessage : intl.formatMessage(labelMessage, {
     remainingLanguages: props.remainingLocalizations
   });
-  return react.jsx(FlatButton__default['default'], {
-    icon: props.icon ? props.icon : react.jsx(icons.WorldIcon, null),
+  return jsxRuntime.jsx(FlatButton__default["default"], {
+    icon: props.icon ? props.icon : jsxRuntime.jsx(icons.WorldIcon, {}),
     label: label,
     onClick: props.onClick,
     isDisabled: props.isDisabled
@@ -75,18 +74,21 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
 };
 
 LocalizedInputToggle.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: _pt__default['default'].element,
-  isOpen: _pt__default['default'].bool,
-  onClick: _pt__default['default'].func.isRequired,
-  isDisabled: _pt__default['default'].bool,
-  remainingLocalizations: _pt__default['default'].number
+  icon: _pt__default["default"].element,
+  isOpen: _pt__default["default"].bool,
+  onClick: _pt__default["default"].func.isRequired,
+  isDisabled: _pt__default["default"].bool,
+  showMessage: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired,
+  hideMessage: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]).isRequired,
+  remainingLocalizations: _pt__default["default"].number
 } : {};
 LocalizedInputToggle.defaultProps = defaultProps;
 LocalizedInputToggle.displayName = 'LocalizedInputToggle';
+var LocalizedInputToggle$1 = LocalizedInputToggle;
 
-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; }
 
 var getInputBorderColor = function getInputBorderColor(vars, props) {
   if (props.isDisabled || props.disabled) {
@@ -129,9 +131,9 @@ var getInputFontColor = function getInputFontColor(vars, props) {
 };
 
 var getInputStyles = function getInputStyles(props, theme) {
-  var vars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
+  var vars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
 
-  return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"));
+  return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAodmFyczogVEV4dGVuZGVkVGhlbWUsIHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcl07XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nXTtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSB8fCBwcm9wcy5yZWFkT25seSkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dF07XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9ICh2YXJzOiBURXh0ZW5kZWRUaGVtZSwgcHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3JdO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmddO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRdO1xufTtcblxuY29uc3QgZ2V0SW5wdXRTdHlsZXMgPSAocHJvcHM6IFRJbnB1dFByb3BzLCB0aGVtZT86IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLmN1c3RvbVByb3BlcnRpZXMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZFxuICAgICAgPyB2YXJzW2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF1cbiAgICAgIDogdmFyc1tkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRdfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IodmFycywgcHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3ZhcnNbZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XX07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtnZXRJbnB1dEZvbnRDb2xvcih2YXJzLCBwcm9wcyl9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogJHt2YXJzW2Rlc2lnblRva2Vucy5mb250U2l6ZUZvcklucHV0XX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBtaW4taGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBvcGFjaXR5OiAke3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWRcbiAgICAgID8gJzEnXG4gICAgICA6ICd1bnNldCd9OyAvKiBmaXggZm9yIG1vYmlsZSBzYWZhcmkgKi9cbiAgICBvdXRsaW5lOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSwgYm94LXNoYWRvdyAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke3ZhcnNbZGVzaWduVG9rZW5zLnBsYWNlaG9sZGVyRm9udENvbG9yRm9ySW5wdXRdfTtcbiAgICB9XG4gICAgOmFjdGl2ZSxcbiAgICA6Zm9jdXMsXG4gICAgOmhvdmVyOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkXX07XG4gICAgfVxuICAgIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHhcbiAgICAgICAgJHt2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdfTtcbiAgICB9XG4gIGA7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfTtcbiJdfQ== */");
 }; // eslint-disable-next-line import/prefer-default-export
 
 /* we need this line-height to achieve 32px height when the component has only one row */
@@ -141,17 +143,20 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
 // how you can interact with the field is controlled separately by the props, this only influences visuals
 
 var getTextareaStyles = function getTextareaStyles(props, theme) {
-  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"))];
+  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JPIiwiZmlsZSI6Im11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRJbnB1dFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFRNdWx0aUxpbmVJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtaW5wdXQnO1xuXG4vKiB3ZSBuZWVkIHRoaXMgbGluZS1oZWlnaHQgdG8gYWNoaWV2ZSAzMnB4IGhlaWdodCB3aGVuIHRoZSBjb21wb25lbnQgaGFzIG9ubHkgb25lIHJvdyAqL1xuY29uc3Qgc2l6ZUlucHV0TGluZUhlaWdodCA9ICcyMnB4JztcblxuLy8gTk9URTogb3JkZXIgaXMgaW1wb3J0YW50IGhlcmVcbi8vICogYSBkaXNhYmxlZC1maWVsZCBjdXJyZW50bHkgZG9lcyBub3QgZGlzcGxheSB3YXJuaW5nL2Vycm9yLXN0YXRlcyBzbyBpdCB0YWtlcyBwcmVjZWRlbmNlXG4vLyAqIGEgcmVhZG9ubHktZmllbGQgY2Fubm90IGJlIGNoYW5nZWQsIGJ1dCBpdCBtaWdodCBiZSByZWxldmFudCBmb3IgdmFsaWRhdGlvbiwgc28gZXJyb3IgYW5kIHdhcm5pbmcgYXJlIGNoZWNrZWQgZmlyc3Rcbi8vIGhvdyB5b3UgY2FuIGludGVyYWN0IHdpdGggdGhlIGZpZWxkIGlzIGNvbnRyb2xsZWQgc2VwYXJhdGVseSBieSB0aGUgcHJvcHMsIHRoaXMgb25seSBpbmZsdWVuY2VzIHZpc3VhbHNcbmNvbnN0IGdldFRleHRhcmVhU3R5bGVzID0gKHByb3BzOiBUTXVsdGlMaW5lSW5wdXRQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBbXG4gICAgZ2V0SW5wdXRTdHlsZXMocHJvcHMsIHRoZW1lKSxcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1hzfSAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgbGluZS1oZWlnaHQ6ICR7c2l6ZUlucHV0TGluZUhlaWdodH07XG4gICAgICBmbGV4OiBhdXRvO1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBgLFxuICBdO1xuICByZXR1cm4gYmFzZVN0eWxlcztcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRUZXh0YXJlYVN0eWxlcyB9O1xuIl19 */")];
   return baseStyles;
 }; // eslint-disable-next-line import/prefer-default-export
 
+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 _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var MIN_ROW_COUNT = 1;
 
 var MultilineInput = function MultilineInput(props) {
   var theme = react.useTheme();
   var onHeightChange = props.onHeightChange;
-  var ref = React__default['default'].useRef(null);
-  var handleHeightChange = React__default['default'].useCallback(function (height, meta) {
+  var ref = react$1.useRef(null);
+  var handleHeightChange = react$1.useCallback(function (height, meta) {
     var _ref$current;
 
     var rowCount = Math.floor(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0 / meta.rowHeight);
@@ -165,7 +170,7 @@ var MultilineInput = function MultilineInput(props) {
     process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'MultilineInput: "onChange" is required when is not read only.') : void 0;
   }
 
-  return react.jsx(TextareaAutosize__default['default'], _extends({
+  return jsxRuntime.jsx(TextareaAutosize__default["default"], _objectSpread({
     ref: ref,
     name: props.name,
     onHeightChange: handleHeightChange,
@@ -196,26 +201,27 @@ var MultilineInput = function MultilineInput(props) {
 };
 
 MultilineInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  autoComplete: _pt__default['default'].string,
-  className: _pt__default['default'].string,
-  hasError: _pt__default['default'].bool,
-  hasWarning: _pt__default['default'].bool,
-  id: _pt__default['default'].string,
-  isAutofocussed: _pt__default['default'].bool,
-  isDisabled: _pt__default['default'].bool,
-  isReadOnly: _pt__default['default'].bool,
-  name: _pt__default['default'].string,
-  onBlur: _pt__default['default'].func,
-  onChange: _pt__default['default'].func,
-  onFocus: _pt__default['default'].func,
-  placeholder: _pt__default['default'].string,
-  value: _pt__default['default'].string.isRequired,
-  isOpen: _pt__default['default'].bool.isRequired,
-  onHeightChange: _pt__default['default'].func
+  autoComplete: _pt__default["default"].string,
+  className: _pt__default["default"].string,
+  hasError: _pt__default["default"].bool,
+  hasWarning: _pt__default["default"].bool,
+  id: _pt__default["default"].string,
+  isAutofocussed: _pt__default["default"].bool,
+  isDisabled: _pt__default["default"].bool,
+  isReadOnly: _pt__default["default"].bool,
+  name: _pt__default["default"].string,
+  onBlur: _pt__default["default"].func,
+  onChange: _pt__default["default"].func,
+  onFocus: _pt__default["default"].func,
+  placeholder: _pt__default["default"].string,
+  value: _pt__default["default"].string.isRequired,
+  isOpen: _pt__default["default"].bool.isRequired,
+  onHeightChange: _pt__default["default"].func
 } : {};
 MultilineInput.displayName = 'MultilineInput';
+var MultilineInput$1 = MultilineInput;
 
-var messages$1 = reactIntl.defineMessages({
+var messages = reactIntl.defineMessages({
   expand: {
     id: 'UIKit.MultilineTextInput.expand',
     description: 'The label for "expand" action',
@@ -235,16 +241,18 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
 } : {
   name: "vekel6-accessibleHiddenInputStyles",
   styles: "pointer-events:none;height:100%;left:0;opacity:0.0001;position:absolute;top:0;width:100%;label:accessibleHiddenInputStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtaGlkZGVuLWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiYWNjZXNzaWJsZS1oaWRkZW4taW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBhY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXMgPSBjc3NgXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIG9wYWNpdHk6IDAuMDAwMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgYWNjZXNzaWJsZUhpZGRlbklucHV0U3R5bGVzO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
+var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.1';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
 
-exports.LocalizedInputToggle = LocalizedInputToggle;
-exports.MultilineInput = MultilineInput;
-exports.accessibleHiddenInputStyles = accessibleHiddenInputStyles;
+exports.LocalizedInputToggle = LocalizedInputToggle$1;
+exports.MultilineInput = MultilineInput$1;
+exports.accessibleHiddenInputStyles = accessibleHiddenInputStyles$1;
 exports.getInputStyles = getInputStyles;
-exports.messagesLocalizedInput = messages;
-exports.messagesMultilineInput = messages$1;
+exports.messagesLocalizedInput = messages$1;
+exports.messagesMultilineInput = messages;
 exports.version = version;

package/dist/commercetools-uikit-input-utils.cjs.prod.js

@@ -14,11 +14,11 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var designSystem = require('@commercetools-uikit/design-system');
 require('prop-types');
-var React = require('react');
+var react$1 = require('react');
 var reactIntl = require('react-intl');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 var TextareaAutosize = require('react-textarea-autosize');
 var utils = require('@commercetools-uikit/utils');
 
@@ -32,11 +32,10 @@ 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 React__default = /*#__PURE__*/_interopDefault(React);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
 
-var messages = reactIntl.defineMessages({
+var messages$1 = reactIntl.defineMessages({
   missingRequiredField: {
     id: 'UIKit.LocalizedTextInput.missingRequiredField',
     description: 'Error message for missing required value',
@@ -55,8 +54,8 @@ var messages = reactIntl.defineMessages({
 });
 
 var defaultProps = {
-  hideMessage: messages.hide,
-  showMessage: messages.show
+  hideMessage: messages$1.hide,
+  showMessage: messages$1.show
 };
 
 var LocalizedInputToggle = function LocalizedInputToggle(props) {
@@ -65,8 +64,8 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
   var label = typeof labelMessage === 'string' ? labelMessage : intl.formatMessage(labelMessage, {
     remainingLanguages: props.remainingLocalizations
   });
-  return react.jsx(FlatButton__default['default'], {
-    icon: props.icon ? props.icon : react.jsx(icons.WorldIcon, null),
+  return jsxRuntime.jsx(FlatButton__default["default"], {
+    icon: props.icon ? props.icon : jsxRuntime.jsx(icons.WorldIcon, {}),
     label: label,
     onClick: props.onClick,
     isDisabled: props.isDisabled
@@ -76,10 +75,11 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
 LocalizedInputToggle.propTypes = {};
 LocalizedInputToggle.defaultProps = defaultProps;
 LocalizedInputToggle.displayName = 'LocalizedInputToggle';
+var LocalizedInputToggle$1 = LocalizedInputToggle;
 
-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; }
 
 var getInputBorderColor = function getInputBorderColor(vars, props) {
   if (props.isDisabled || props.disabled) {
@@ -122,9 +122,9 @@ var getInputFontColor = function getInputFontColor(vars, props) {
 };
 
 var getInputStyles = function getInputStyles(props, theme) {
-  var vars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
+  var vars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme);
 
-  return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + ("" ));
+  return /*#__PURE__*/react.css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designSystem.designTokens.backgroundColorForInputWhenDisabled] : vars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designSystem.designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designSystem.designTokens.borderColorForInputWhenFocused], ";}" + ("" ), "" );
 }; // eslint-disable-next-line import/prefer-default-export
 
 /* we need this line-height to achieve 32px height when the component has only one row */
@@ -134,17 +134,20 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
 // how you can interact with the field is controlled separately by the props, this only influences visuals
 
 var getTextareaStyles = function getTextareaStyles(props, theme) {
-  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + ("" ))];
+  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + ("" ), "" )];
   return baseStyles;
 }; // eslint-disable-next-line import/prefer-default-export
 
+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 _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var MIN_ROW_COUNT = 1;
 
 var MultilineInput = function MultilineInput(props) {
   var theme = react.useTheme();
   var onHeightChange = props.onHeightChange;
-  var ref = React__default['default'].useRef(null);
-  var handleHeightChange = React__default['default'].useCallback(function (height, meta) {
+  var ref = react$1.useRef(null);
+  var handleHeightChange = react$1.useCallback(function (height, meta) {
     var _ref$current;
 
     var rowCount = Math.floor(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0 / meta.rowHeight);
@@ -156,7 +159,7 @@ var MultilineInput = function MultilineInput(props) {
 
   if (!props.isReadOnly) ;
 
-  return react.jsx(TextareaAutosize__default['default'], _extends({
+  return jsxRuntime.jsx(TextareaAutosize__default["default"], _objectSpread({
     ref: ref,
     name: props.name,
     onHeightChange: handleHeightChange,
@@ -188,8 +191,9 @@ var MultilineInput = function MultilineInput(props) {
 
 MultilineInput.propTypes = {};
 MultilineInput.displayName = 'MultilineInput';
+var MultilineInput$1 = MultilineInput;
 
-var messages$1 = reactIntl.defineMessages({
+var messages = reactIntl.defineMessages({
   expand: {
     id: 'UIKit.MultilineTextInput.expand',
     description: 'The label for "expand" action',
@@ -206,14 +210,15 @@ var accessibleHiddenInputStyles = {
   name: "fkeaox",
   styles: "pointer-events:none;height:100%;left:0;opacity:0.0001;position:absolute;top:0;width:100%"
 } ;
+var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.1';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
 
-exports.LocalizedInputToggle = LocalizedInputToggle;
-exports.MultilineInput = MultilineInput;
-exports.accessibleHiddenInputStyles = accessibleHiddenInputStyles;
+exports.LocalizedInputToggle = LocalizedInputToggle$1;
+exports.MultilineInput = MultilineInput$1;
+exports.accessibleHiddenInputStyles = accessibleHiddenInputStyles$1;
 exports.getInputStyles = getInputStyles;
-exports.messagesLocalizedInput = messages;
-exports.messagesMultilineInput = messages$1;
+exports.messagesLocalizedInput = messages$1;
+exports.messagesMultilineInput = messages;
 exports.version = version;

package/dist/commercetools-uikit-input-utils.esm.js

@@ -1,4 +1,4 @@
-import { jsx, css, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -10,15 +10,15 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { customProperties, designTokens } from '@commercetools-uikit/design-system';
 import _pt from 'prop-types';
-import React from 'react';
+import { useRef, useCallback } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import FlatButton from '@commercetools-uikit/flat-button';
 import { WorldIcon } from '@commercetools-uikit/icons';
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { jsx } from '@emotion/react/jsx-runtime';
 import TextareaAutosize from 'react-textarea-autosize';
 import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 
-var messages = defineMessages({
+var messages$1 = defineMessages({
   missingRequiredField: {
     id: 'UIKit.LocalizedTextInput.missingRequiredField',
     description: 'Error message for missing required value',
@@ -37,8 +37,8 @@ var messages = defineMessages({
 });
 
 var defaultProps = {
-  hideMessage: messages.hide,
-  showMessage: messages.show
+  hideMessage: messages$1.hide,
+  showMessage: messages$1.show
 };
 
 var LocalizedInputToggle = function LocalizedInputToggle(props) {
@@ -48,7 +48,7 @@ var LocalizedInputToggle = function LocalizedInputToggle(props) {
     remainingLanguages: props.remainingLocalizations
   });
   return jsx(FlatButton, {
-    icon: props.icon ? props.icon : jsx(WorldIcon, null),
+    icon: props.icon ? props.icon : jsx(WorldIcon, {}),
     label: label,
     onClick: props.onClick,
     isDisabled: props.isDisabled
@@ -60,14 +60,17 @@ LocalizedInputToggle.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: _pt.bool,
   onClick: _pt.func.isRequired,
   isDisabled: _pt.bool,
+  showMessage: _pt.oneOfType([_pt.string, _pt.any]).isRequired,
+  hideMessage: _pt.oneOfType([_pt.string, _pt.any]).isRequired,
   remainingLocalizations: _pt.number
 } : {};
 LocalizedInputToggle.defaultProps = defaultProps;
 LocalizedInputToggle.displayName = 'LocalizedInputToggle';
+var LocalizedInputToggle$1 = LocalizedInputToggle;
 
-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; }
 
 var getInputBorderColor = function getInputBorderColor(vars, props) {
   if (props.isDisabled || props.disabled) {
@@ -110,9 +113,9 @@ var getInputFontColor = function getInputFontColor(vars, props) {
 };
 
 var getInputStyles = function getInputStyles(props, theme) {
-  var vars = _objectSpread(_objectSpread({}, customProperties), theme);
+  var vars = _objectSpread$1(_objectSpread$1({}, customProperties), theme);
 
-  return /*#__PURE__*/css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designTokens.backgroundColorForInputWhenDisabled] : vars[designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"));
+  return /*#__PURE__*/css("appearance:none;background-color:", props.isDisabled || props.disabled ? vars[designTokens.backgroundColorForInputWhenDisabled] : vars[designTokens.backgroundColorForInput], ";border:1px solid ", getInputBorderColor(vars, props), ";border-radius:", vars[designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", getInputFontColor(vars, props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", vars[designTokens.fontSizeForInput], ";height:", vars.sizeHeightInput, ";min-height:", vars.sizeHeightInput, ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", vars.spacingS, ";transition:border-color ", vars.transitionStandard, ",background-color ", vars.transitionStandard, ",color ", vars.transitionStandard, ",box-shadow ", vars.transitionStandard, ";width:100%;&::placeholder{color:", vars[designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", vars[designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", vars[designTokens.borderColorForInputWhenFocused], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn0gJiBUaGVtZTtcblxudHlwZSBUSW5wdXRQcm9wcyA9IHtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAodmFyczogVEV4dGVuZGVkVGhlbWUsIHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcl07XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nXTtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSB8fCBwcm9wcy5yZWFkT25seSkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dF07XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9ICh2YXJzOiBURXh0ZW5kZWRUaGVtZSwgcHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3JdO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmddO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5XTtcbiAgfVxuICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRdO1xufTtcblxuY29uc3QgZ2V0SW5wdXRTdHlsZXMgPSAocHJvcHM6IFRJbnB1dFByb3BzLCB0aGVtZT86IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHZhcnM6IFRFeHRlbmRlZFRoZW1lID0ge1xuICAgIC4uLmN1c3RvbVByb3BlcnRpZXMsXG4gICAgLi4udGhlbWUsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZFxuICAgICAgPyB2YXJzW2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF1cbiAgICAgIDogdmFyc1tkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRdfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IodmFycywgcHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3ZhcnNbZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvcklucHV0XX07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBjb2xvcjogJHtnZXRJbnB1dEZvbnRDb2xvcih2YXJzLCBwcm9wcyl9O1xuICAgIGN1cnNvcjogJHtwcm9wcy5pc0Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdkZWZhdWx0J307XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogJHt2YXJzW2Rlc2lnblRva2Vucy5mb250U2l6ZUZvcklucHV0XX07XG4gICAgaGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBtaW4taGVpZ2h0OiAke3ZhcnMuc2l6ZUhlaWdodElucHV0fTtcbiAgICBvcGFjaXR5OiAke3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWRcbiAgICAgID8gJzEnXG4gICAgICA6ICd1bnNldCd9OyAvKiBmaXggZm9yIG1vYmlsZSBzYWZhcmkgKi9cbiAgICBvdXRsaW5lOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcGFkZGluZzogMCAke3ZhcnMuc3BhY2luZ1N9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHt2YXJzLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBjb2xvciAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfSwgYm94LXNoYWRvdyAke3ZhcnMudHJhbnNpdGlvblN0YW5kYXJkfTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAke3ZhcnNbZGVzaWduVG9rZW5zLnBsYWNlaG9sZGVyRm9udENvbG9yRm9ySW5wdXRdfTtcbiAgICB9XG4gICAgOmFjdGl2ZSxcbiAgICA6Zm9jdXMsXG4gICAgOmhvdmVyOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkXX07XG4gICAgfVxuICAgIDpmb2N1cyB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHhcbiAgICAgICAgJHt2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdfTtcbiAgICB9XG4gIGA7XG59O1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IHsgZ2V0SW5wdXRTdHlsZXMgfTtcbiJdfQ== */");
 }; // eslint-disable-next-line import/prefer-default-export
 
 /* we need this line-height to achieve 32px height when the component has only one row */
@@ -122,17 +125,20 @@ var sizeInputLineHeight = '22px'; // NOTE: order is important here
 // how you can interact with the field is controlled separately by the props, this only influences visuals
 
 var getTextareaStyles = function getTextareaStyles(props, theme) {
-  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/css("padding:", customProperties.spacingXs, " ", customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"))];
+  var baseStyles = [getInputStyles(props, theme), /*#__PURE__*/css("padding:", customProperties.spacingXs, " ", customProperties.spacingS, ";line-height:", sizeInputLineHeight, ";flex:auto;word-break:break-all;white-space:pre-wrap;resize:vertical;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JPIiwiZmlsZSI6Im11bHRpbGluZS1pbnB1dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRJbnB1dFN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFRNdWx0aUxpbmVJbnB1dFByb3BzIH0gZnJvbSAnLi9tdWx0aWxpbmUtaW5wdXQnO1xuXG4vKiB3ZSBuZWVkIHRoaXMgbGluZS1oZWlnaHQgdG8gYWNoaWV2ZSAzMnB4IGhlaWdodCB3aGVuIHRoZSBjb21wb25lbnQgaGFzIG9ubHkgb25lIHJvdyAqL1xuY29uc3Qgc2l6ZUlucHV0TGluZUhlaWdodCA9ICcyMnB4JztcblxuLy8gTk9URTogb3JkZXIgaXMgaW1wb3J0YW50IGhlcmVcbi8vICogYSBkaXNhYmxlZC1maWVsZCBjdXJyZW50bHkgZG9lcyBub3QgZGlzcGxheSB3YXJuaW5nL2Vycm9yLXN0YXRlcyBzbyBpdCB0YWtlcyBwcmVjZWRlbmNlXG4vLyAqIGEgcmVhZG9ubHktZmllbGQgY2Fubm90IGJlIGNoYW5nZWQsIGJ1dCBpdCBtaWdodCBiZSByZWxldmFudCBmb3IgdmFsaWRhdGlvbiwgc28gZXJyb3IgYW5kIHdhcm5pbmcgYXJlIGNoZWNrZWQgZmlyc3Rcbi8vIGhvdyB5b3UgY2FuIGludGVyYWN0IHdpdGggdGhlIGZpZWxkIGlzIGNvbnRyb2xsZWQgc2VwYXJhdGVseSBieSB0aGUgcHJvcHMsIHRoaXMgb25seSBpbmZsdWVuY2VzIHZpc3VhbHNcbmNvbnN0IGdldFRleHRhcmVhU3R5bGVzID0gKHByb3BzOiBUTXVsdGlMaW5lSW5wdXRQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBbXG4gICAgZ2V0SW5wdXRTdHlsZXMocHJvcHMsIHRoZW1lKSxcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1hzfSAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgbGluZS1oZWlnaHQ6ICR7c2l6ZUlucHV0TGluZUhlaWdodH07XG4gICAgICBmbGV4OiBhdXRvO1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBgLFxuICBdO1xuICByZXR1cm4gYmFzZVN0eWxlcztcbn07XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgeyBnZXRUZXh0YXJlYVN0eWxlcyB9O1xuIl19 */")];
   return baseStyles;
 }; // eslint-disable-next-line import/prefer-default-export
 
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var MIN_ROW_COUNT = 1;
 
 var MultilineInput = function MultilineInput(props) {
   var theme = useTheme();
   var onHeightChange = props.onHeightChange;
-  var ref = React.useRef(null);
-  var handleHeightChange = React.useCallback(function (height, meta) {
+  var ref = useRef(null);
+  var handleHeightChange = useCallback(function (height, meta) {
     var _ref$current;
 
     var rowCount = Math.floor(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0 / meta.rowHeight);
@@ -146,7 +152,7 @@ var MultilineInput = function MultilineInput(props) {
     process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'MultilineInput: "onChange" is required when is not read only.') : void 0;
   }
 
-  return jsx(TextareaAutosize, _extends({
+  return jsx(TextareaAutosize, _objectSpread({
     ref: ref,
     name: props.name,
     onHeightChange: handleHeightChange,
@@ -195,8 +201,9 @@ MultilineInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onHeightChange: _pt.func
 } : {};
 MultilineInput.displayName = 'MultilineInput';
+var MultilineInput$1 = MultilineInput;
 
-var messages$1 = defineMessages({
+var messages = defineMessages({
   expand: {
     id: 'UIKit.MultilineTextInput.expand',
     description: 'The label for "expand" action',
@@ -216,10 +223,12 @@ var accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
 } : {
   name: "vekel6-accessibleHiddenInputStyles",
   styles: "pointer-events:none;height:100%;left:0;opacity:0.0001;position:absolute;top:0;width:100%;label:accessibleHiddenInputStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY2Vzc2libGUtaGlkZGVuLWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiYWNjZXNzaWJsZS1oaWRkZW4taW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBhY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXMgPSBjc3NgXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIG9wYWNpdHk6IDAuMDAwMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgYWNjZXNzaWJsZUhpZGRlbklucHV0U3R5bGVzO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
+var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.1';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
 
-export { LocalizedInputToggle, MultilineInput, accessibleHiddenInputStyles, getInputStyles, messages as messagesLocalizedInput, messages$1 as messagesMultilineInput, version };
+export { LocalizedInputToggle$1 as LocalizedInputToggle, MultilineInput$1 as MultilineInput, accessibleHiddenInputStyles$1 as accessibleHiddenInputStyles, getInputStyles, messages$1 as messagesLocalizedInput, messages as messagesMultilineInput, version };

package/dist/declarations/src/accessible-hidden-input.styles.d.ts

@@ -1,2 +1,2 @@
-declare const accessibleHiddenInputStyles: import("@emotion/utils").SerializedStyles;
-export default accessibleHiddenInputStyles;
+declare const accessibleHiddenInputStyles: import("@emotion/utils").SerializedStyles;
+export default accessibleHiddenInputStyles;

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

@@ -1,7 +1,7 @@
-export { default as LocalizedInputToggle } from './localized-input-toggle';
-export { default as MultilineInput } from './multiline-input';
-export { default as messagesLocalizedInput } from './messages/localized-input';
-export { default as messagesMultilineInput } from './messages/multiline-input';
-export { default as accessibleHiddenInputStyles } from './accessible-hidden-input.styles';
-export * from './styles';
-export { default as version } from './version';
+export { default as LocalizedInputToggle } from './localized-input-toggle';
+export { default as MultilineInput } from './multiline-input';
+export { default as messagesLocalizedInput } from './messages/localized-input';
+export { default as messagesMultilineInput } from './messages/multiline-input';
+export { default as accessibleHiddenInputStyles } from './accessible-hidden-input.styles';
+export * from './styles';
+export { default as version } from './version';

package/dist/declarations/src/localized-input-toggle/index.d.ts

@@ -1,3 +1,3 @@
-import type { TLocalizedInputToggleProps as LocalizedInputToggleProps } from './localized-input-toggle';
-export { default } from './localized-input-toggle';
-export declare type TLocalizedInputToggleProps = LocalizedInputToggleProps;
+import type { TLocalizedInputToggleProps as LocalizedInputToggleProps } from './localized-input-toggle';
+export { default } from './localized-input-toggle';
+export declare type TLocalizedInputToggleProps = LocalizedInputToggleProps;

package/dist/declarations/src/localized-input-toggle/localized-input-toggle.d.ts

@@ -1,17 +1,17 @@
-import type { MessageDescriptor } from 'react-intl';
-import React, { MouseEvent, KeyboardEvent } from 'react';
-export declare type TLocalizedInputToggleProps = {
-    icon?: React.ReactElement;
-    isOpen?: boolean;
-    onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-    isDisabled?: boolean;
-    showMessage: string | MessageDescriptor;
-    hideMessage: string | MessageDescriptor;
-    remainingLocalizations?: number;
-};
-declare const LocalizedInputToggle: {
-    (props: TLocalizedInputToggleProps): JSX.Element;
-    defaultProps: Pick<TLocalizedInputToggleProps, "showMessage" | "hideMessage">;
-    displayName: string;
-};
-export default LocalizedInputToggle;
+import type { MessageDescriptor } from 'react-intl';
+import { MouseEvent, KeyboardEvent, ReactElement } from 'react';
+export declare type TLocalizedInputToggleProps = {
+    icon?: ReactElement;
+    isOpen?: boolean;
+    onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    showMessage: string | MessageDescriptor;
+    hideMessage: string | MessageDescriptor;
+    remainingLocalizations?: number;
+};
+declare const LocalizedInputToggle: {
+    (props: TLocalizedInputToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Pick<TLocalizedInputToggleProps, "showMessage" | "hideMessage">;
+    displayName: string;
+};
+export default LocalizedInputToggle;

package/dist/declarations/src/messages/localized-input/index.d.ts

@@ -1 +1 @@
-export { default } from './messages';
+export { default } from './messages';

package/dist/declarations/src/messages/localized-input/messages.d.ts

@@ -1,18 +1,18 @@
-declare const _default: {
-    missingRequiredField: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    show: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    hide: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
+declare const _default: {
+    missingRequiredField: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    show: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    hide: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/messages/multiline-input/index.d.ts

@@ -1 +1 @@
-export { default } from './messages';
+export { default } from './messages';

package/dist/declarations/src/messages/multiline-input/messages.d.ts

@@ -1,13 +1,13 @@
-declare const _default: {
-    expand: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    collapse: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
+declare const _default: {
+    expand: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    collapse: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/multiline-input/index.d.ts

@@ -1,3 +1,3 @@
-import type { TMultiLineInputProps as MultiLineInputProps } from './multiline-input';
-export { default } from './multiline-input';
-export declare type TMultiLineInputProps = MultiLineInputProps;
+import type { TMultiLineInputProps as MultiLineInputProps } from './multiline-input';
+export { default } from './multiline-input';
+export declare type TMultiLineInputProps = MultiLineInputProps;

package/dist/declarations/src/multiline-input/multiline-input.d.ts

@@ -1,24 +1,24 @@
-import { ChangeEventHandler } from 'react';
-export declare type TMultiLineInputProps = {
-    autoComplete?: string;
-    className?: string;
-    hasError?: boolean;
-    hasWarning?: boolean;
-    id?: string;
-    isAutofocussed?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    name?: string;
-    onBlur?: ChangeEventHandler;
-    onChange?: ChangeEventHandler;
-    onFocus?: ChangeEventHandler;
-    placeholder?: string;
-    value: string;
-    isOpen: boolean;
-    onHeightChange?: (height: number, rowCount: number) => void;
-};
-declare const MultilineInput: {
-    (props: TMultiLineInputProps): JSX.Element;
-    displayName: string;
-};
-export default MultilineInput;
+import { ChangeEventHandler } from 'react';
+export declare type TMultiLineInputProps = {
+    autoComplete?: string;
+    className?: string;
+    hasError?: boolean;
+    hasWarning?: boolean;
+    id?: string;
+    isAutofocussed?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    name?: string;
+    onBlur?: ChangeEventHandler;
+    onChange?: ChangeEventHandler;
+    onFocus?: ChangeEventHandler;
+    placeholder?: string;
+    value: string;
+    isOpen: boolean;
+    onHeightChange?: (height: number, rowCount: number) => void;
+};
+declare const MultilineInput: {
+    (props: TMultiLineInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultilineInput;

package/dist/declarations/src/multiline-input/multiline-input.styles.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@emotion/react';
-import type { TMultiLineInputProps } from './multiline-input';
-declare const getTextareaStyles: (props: TMultiLineInputProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
-export { getTextareaStyles };
+import type { Theme } from '@emotion/react';
+import type { TMultiLineInputProps } from './multiline-input';
+declare const getTextareaStyles: (props: TMultiLineInputProps, theme: Theme) => import("@emotion/utils").SerializedStyles[];
+export { getTextareaStyles };

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

@@ -1,11 +1,11 @@
-import type { Theme } from '@emotion/react';
-declare type TInputProps = {
-    isDisabled?: boolean;
-    disabled?: boolean;
-    hasError?: boolean;
-    hasWarning?: boolean;
-    isReadOnly?: boolean;
-    readOnly?: boolean;
-};
-declare const getInputStyles: (props: TInputProps, theme: Theme) => import("@emotion/utils").SerializedStyles;
-export { getInputStyles };
+import type { Theme } from '@emotion/react';
+declare type TInputProps = {
+    isDisabled?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hasWarning?: boolean;
+    isReadOnly?: boolean;
+    readOnly?: boolean;
+};
+declare const getInputStyles: (props: TInputProps, theme?: Theme | undefined) => import("@emotion/utils").SerializedStyles;
+export { getInputStyles };

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/input-utils",
   "description": "Utilities for working with input components.",
-  "version": "12.2.1",
+  "version": "12.2.5",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -9,26 +9,29 @@
     "directory": "packages/components/inputs/input-utils"
   },
   "homepage": "https://uikit.commercetools.com",
-  "keywords": ["javascript", "design system", "react", "uikit"],
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "main": "dist/commercetools-uikit-input-utils.cjs.js",
   "module": "dist/commercetools-uikit-input-utils.esm.js",
-  "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../../scripts/version.js replace"
-  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@babel/runtime": "7.14.6",
-    "@babel/runtime-corejs3": "7.14.7",
-    "@commercetools-uikit/design-system": "12.1.0",
-    "@commercetools-uikit/flat-button": "12.2.0",
-    "@commercetools-uikit/icons": "12.2.1",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/flat-button": "12.2.5",
+    "@commercetools-uikit/icons": "12.2.5",
+    "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",
     "prop-types": "15.7.2",
     "react-required-if": "1.0.3",
@@ -36,7 +39,7 @@
   },
   "devDependencies": {
     "react": "17.0.2",
-    "react-intl": "5.20.4"
+    "react-intl": "5.21.2"
   },
   "peerDependencies": {
     "react": "17.x",