@commercetools-uikit/money-input 19.0.0 → 19.2.0

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

@@ -739,7 +739,7 @@ const getLanguageLabelBackgroundColor = props => {
   }
   return designSystem.designTokens.backgroundColorForLocalizedInputLabel;
 };
-const getCurrencyLabelStyles = props => /*#__PURE__*/react.css("display:flex;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";background-color:", getLanguageLabelBackgroundColor(props), ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled, ";border-right:0;padding:0 ", designSystem.designTokens.spacing25, ";align-items:center;font-size:", designSystem.designTokens.fontSize30, ";box-sizing:border-box;&:focus-within:{border-width:1px;}" + ("" ), "" );
+const getCurrencyLabelStyles = props => /*#__PURE__*/react.css("display:flex;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";background-color:", getLanguageLabelBackgroundColor(props), ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled, ";border-right:0;padding:0 ", designSystem.designTokens.spacing25, ";align-items:center;font-size:", props.isCondensed ? designSystem.designTokens.fontSize20 : designSystem.designTokens.fontSize30, ";box-sizing:border-box;&:focus-within:{border-width:1px;}" + ("" ), "" );
 const getAmountInputStyles = props => [inputUtils.getInputStyles(props), /*#__PURE__*/react.css("border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0;&::placeholder{color:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" )];
 const getHighPrecisionWrapperStyles = _ref => {
   let isDisabled = _ref.isDisabled;
@@ -776,6 +776,7 @@ const Portal = props => {
 Portal.propTypes = {
   id: _pt__default["default"].string.isRequired,
   children: _pt__default["default"].node,
+  isCondensed: _pt__default["default"].bool,
   isDisabled: _pt__default["default"].bool,
   isReadOnly: _pt__default["default"].bool
 };
@@ -802,6 +803,7 @@ SingleValue.displayName = 'SingleValue';
 const createCurrencySelectStyles = _ref4 => {
   let hasWarning = _ref4.hasWarning,
     hasError = _ref4.hasError,
+    isCondensed = _ref4.isCondensed,
     isDisabled = _ref4.isDisabled,
     isReadOnly = _ref4.isReadOnly,
     menuPortalZIndex = _ref4.menuPortalZIndex,
@@ -810,6 +812,7 @@ const createCurrencySelectStyles = _ref4 => {
     hasWarning,
     hasError,
     menuPortalZIndex,
+    isCondensed,
     isReadOnly,
     isDisabled
   });
@@ -1177,6 +1180,7 @@ const MoneyInput = props => {
   const currencySelectStyles = createCurrencySelectStyles({
     hasWarning: props.hasWarning,
     hasError: props.hasError,
+    isCondensed: props.isCondensed,
     isDisabled: props.isDisabled,
     isReadOnly: props.isReadOnly,
     menuPortalZIndex: props.menuPortalZIndex,
@@ -1230,6 +1234,7 @@ const MoneyInput = props => {
       onBlur: handleContainerBlur,
       children: [hasNoCurrencies ? jsxRuntime.jsx(CurrencyLabel, {
         id: MoneyInput.getAmountInputId(moneyInputId),
+        isCondensed: props.isCondensed,
         isDisabled: props.isDisabled,
         isReadOnly: props.isReadOnly,
         children: option && option.label
@@ -1350,7 +1355,7 @@ MoneyInput.defaultProps = defaultProps;
 var MoneyInput$1 = MoneyInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.0.0";
+var version = "19.2.0";
 
 exports["default"] = MoneyInput$1;
 exports.version = version;