@alfalab/core-components 23.8.1 → 23.11.0

package/alert/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_11ukq","buttons":"alert__buttons_11ukq","title":"alert__title_11ukq","content":"alert__content_11ukq"};
+var styles = {"component":"alert__component_155tu","buttons":"alert__buttons_155tu","title":"alert__title_155tu","content":"alert__content_155tu"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/Component.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_11ukq","buttons":"alert__buttons_11ukq","title":"alert__title_11ukq","content":"alert__content_11ukq"};
+var styles = {"component":"alert__component_155tu","buttons":"alert__buttons_155tu","title":"alert__title_155tu","content":"alert__content_155tu"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 6kzpm */
+/* hash: tekky */
 :root {
 
     /* Hard */
@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_11ukq {
+.alert__component_155tu {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_11ukq {
+.alert__buttons_155tu {
     margin-top: var(--gap-m);
 }
-.alert__title_11ukq {
+.alert__title_155tu {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_11ukq {
+.alert__content_155tu {
     max-width: none;
 }

package/alert/index.css

@@ -1,4 +1,4 @@
-/* hash: 6kzpm */
+/* hash: tekky */
 :root {
 
     /* Hard */
@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_11ukq {
+.alert__component_155tu {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_11ukq {
+.alert__buttons_155tu {
     margin-top: var(--gap-m);
 }
-.alert__title_11ukq {
+.alert__title_155tu {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_11ukq {
+.alert__content_155tu {
     max-width: none;
 }

package/alert/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/modern';
 
-var styles = {"component":"alert__component_11ukq","buttons":"alert__buttons_11ukq","title":"alert__title_11ukq","content":"alert__content_11ukq"};
+var styles = {"component":"alert__component_155tu","buttons":"alert__buttons_155tu","title":"alert__title_155tu","content":"alert__content_155tu"};
 require('./index.css');
 
 const Alert = ({ className, title, ...restProps }) => (React.createElement(Plate, Object.assign({ className: cn(styles.component, className), buttonsClassName: styles.buttons, contentClassName: styles.content, title: title ? React.createElement("span", { className: styles.title }, title) : null }, restProps)));

package/alert/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 6kzpm */
+/* hash: tekky */
 :root {
 
     /* Hard */
@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_11ukq {
+.alert__component_155tu {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_11ukq {
+.alert__buttons_155tu {
     margin-top: var(--gap-m);
 }
-.alert__title_11ukq {
+.alert__title_155tu {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_11ukq {
+.alert__content_155tu {
     max-width: none;
 }

package/amount/component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"amount__component_1x6jx","minorPartAndCurrency":"amount__minorPartAndCurrency_1x6jx"};
+var styles = {"component":"amount__component_v99ge","minorPartAndCurrency":"amount__minorPartAndCurrency_v99ge"};
 require('./index.css');
 
 /**
@@ -17,20 +17,21 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
+    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
     return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
         majorPart,
         React__default['default'].createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            utils.THINSP,
-            currencySymbol)));
+            currency ? "" + utils.THINSP + currencySymbol : null,
+            rightAddons)));
 };
 
 exports.Amount = Amount;

package/amount/cssm/component.js

@@ -16,20 +16,21 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
+    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
     return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
         majorPart,
         React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            utils.THINSP,
-            currencySymbol)));
+            currency ? "" + utils.THINSP + currencySymbol : null,
+            rightAddons)));
 };
 
 exports.Amount = Amount;

package/amount/cssm/pure/component.js

@@ -17,14 +17,18 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var formattedWithCurrency = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }).formattedWithCurrency;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId }, formattedWithCurrency));
+    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
+        formatted,
+        currency ? "" + utils.THINSP + currencySymbol : null,
+        rightAddons));
 };
 
 exports.PureAmount = PureAmount;

package/amount/cssm/types/amount-props.d.ts

@@ -1,4 +1,5 @@
 import { CurrencyCodes } from '@alfalab/data';
+import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -7,7 +8,11 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency: CurrencyCodes;
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
     /**
      * Количество минорных единиц в валюте
      */
@@ -17,6 +22,10 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/esm/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1x6jx","minorPartAndCurrency":"amount__minorPartAndCurrency_1x6jx"};
+var styles = {"component":"amount__component_v99ge","minorPartAndCurrency":"amount__minorPartAndCurrency_v99ge"};
 require('./index.css');
 
 /**
@@ -10,20 +10,21 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
+    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
     return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
         majorPart,
         React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            THINSP,
-            currencySymbol)));
+            currency ? "" + THINSP + currencySymbol : null,
+            rightAddons)));
 };
 
 export { Amount };

package/amount/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 18gok */
+/* hash: 19vpk */
 :root {
 
     /* Hard */
@@ -11,11 +11,11 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
 }
-.amount__component_1x6jx {
+.amount__component_v99ge {
     white-space: nowrap;
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__minorPartAndCurrency_1x6jx {
+.amount__minorPartAndCurrency_v99ge {
     opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/esm/pure/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { formatAmount } from '@alfalab/utils';
+import { formatAmount, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_twty5"};
+var styles = {"component":"amount__component_1v0lf"};
 require('./index.css');
 
 /**
@@ -11,14 +11,18 @@ require('./index.css');
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var formattedWithCurrency = formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }).formattedWithCurrency;
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
+    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
+        formatted,
+        currency ? "" + THINSP + currencySymbol : null,
+        rightAddons));
 };
 
 export { PureAmount };

package/amount/esm/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: 1t2br */
-.amount__component_twty5 {
+/* hash: 1fs2f */
+.amount__component_1v0lf {
     white-space: nowrap;
 }

package/amount/esm/types/amount-props.d.ts

@@ -1,4 +1,5 @@
 import { CurrencyCodes } from '@alfalab/data';
+import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -7,7 +8,11 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency: CurrencyCodes;
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
     /**
      * Количество минорных единиц в валюте
      */
@@ -17,6 +22,10 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 18gok */
+/* hash: 19vpk */
 :root {
 
     /* Hard */
@@ -11,11 +11,11 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
 }
-.amount__component_1x6jx {
+.amount__component_v99ge {
     white-space: nowrap;
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__minorPartAndCurrency_1x6jx {
+.amount__minorPartAndCurrency_v99ge {
     opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/component.js

@@ -2,14 +2,14 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1x6jx","minorPartAndCurrency":"amount__minorPartAndCurrency_1x6jx"};
+var styles = {"component":"amount__component_v99ge","minorPartAndCurrency":"amount__minorPartAndCurrency_v99ge"};
 require('./index.css');
 
 /**
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  */
-const Amount = ({ value, minority, currency, view = 'default', className, dataTestId, }) => {
+const Amount = ({ value, minority, currency, view = 'default', rightAddons, showPlus = false, className, dataTestId, }) => {
     const { majorPart, minorPart, currencySymbol } = formatAmount({
         value,
         currency,
@@ -17,12 +17,13 @@ const Amount = ({ value, minority, currency, view = 'default', className, dataTe
         view,
     });
     return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
         majorPart,
         React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            THINSP,
-            currencySymbol)));
+            currency ? `${THINSP}${currencySymbol}` : null,
+            rightAddons)));
 };
 
 export { Amount };

package/amount/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 18gok */
+/* hash: 19vpk */
 :root {
 
     /* Hard */
@@ -11,11 +11,11 @@
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
 }
-.amount__component_1x6jx {
+.amount__component_v99ge {
     white-space: nowrap;
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__minorPartAndCurrency_1x6jx {
+.amount__minorPartAndCurrency_v99ge {
     opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/pure/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { formatAmount } from '@alfalab/utils';
+import { formatAmount, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_twty5"};
+var styles = {"component":"amount__component_1v0lf"};
 require('./index.css');
 
 /**
@@ -10,14 +10,18 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
  */
-const PureAmount = ({ value, minority, currency, view = 'default', className, dataTestId, }) => {
-    const { formattedWithCurrency } = formatAmount({
+const PureAmount = ({ value, minority, currency, rightAddons, view = 'default', showPlus = false, className, dataTestId, }) => {
+    const { formatted, currencySymbol } = formatAmount({
         value,
         currency,
         minority,
         view,
     });
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
+        formatted,
+        currency ? `${THINSP}${currencySymbol}` : null,
+        rightAddons));
 };
 
 export { PureAmount };

package/amount/modern/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: 1t2br */
-.amount__component_twty5 {
+/* hash: 1fs2f */
+.amount__component_1v0lf {
     white-space: nowrap;
 }

package/amount/modern/types/amount-props.d.ts

@@ -1,4 +1,5 @@
 import { CurrencyCodes } from '@alfalab/data';
+import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -7,7 +8,11 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency: CurrencyCodes;
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
     /**
      * Количество минорных единиц в валюте
      */
@@ -17,6 +22,10 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/pure/component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"amount__component_twty5"};
+var styles = {"component":"amount__component_1v0lf"};
 require('./index.css');
 
 /**
@@ -18,14 +18,18 @@ require('./index.css');
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
-    var formattedWithCurrency = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
+    var _d = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }).formattedWithCurrency;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
+    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
+        showPlus && value > 0 ? '+' : '',
+        formatted,
+        currency ? "" + utils.THINSP + currencySymbol : null,
+        rightAddons));
 };
 
 exports.PureAmount = PureAmount;

package/amount/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: 1t2br */
-.amount__component_twty5 {
+/* hash: 1fs2f */
+.amount__component_1v0lf {
     white-space: nowrap;
 }

package/amount/types/amount-props.d.ts

@@ -1,4 +1,5 @@
 import { CurrencyCodes } from '@alfalab/data';
+import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -7,7 +8,11 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency: CurrencyCodes;
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
     /**
      * Количество минорных единиц в валюте
      */
@@ -17,6 +22,10 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount-input/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_19ggy","bold":"amount-input__bold_19ggy","input":"amount-input__input_19ggy","suffixContainer":"amount-input__suffixContainer_19ggy","filled":"amount-input__filled_19ggy"};
+var styles = {"container":"amount-input__container_1jkj3","bold":"amount-input__bold_1jkj3","input":"amount-input__input_1jkj3","suffixContainer":"amount-input__suffixContainer_1jkj3","filled":"amount-input__filled_1jkj3"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_nctsa"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_jkbuc"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1p3b5"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_bjcjb"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/default.css

@@ -1,4 +1,4 @@
-/* hash: aco2u */
+/* hash: sts1m */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_nctsa {
+.amount-input__minorPartAndCurrency_jkbuc {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/Component.js

@@ -44,13 +44,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_19ggy","bold":"amount-input__bold_19ggy","input":"amount-input__input_19ggy","suffixContainer":"amount-input__suffixContainer_19ggy","filled":"amount-input__filled_19ggy"};
+var styles = {"container":"amount-input__container_1jkj3","bold":"amount-input__bold_1jkj3","input":"amount-input__input_1jkj3","suffixContainer":"amount-input__suffixContainer_1jkj3","filled":"amount-input__filled_1jkj3"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_nctsa"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_jkbuc"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1p3b5"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_bjcjb"};
 require('./inverted.css');
 
 var colorStyles = {