@alfalab/core-components 26.12.0 → 27.0.0-beta.0

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_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
+var styles = {"component":"amount__component_1m9ep","minorPartAndCurrency":"amount__minorPartAndCurrency_1m9ep"};
 require('./index.css');
 
 /**
@@ -17,26 +17,17 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var _b, _c;
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
-    var _f = 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 = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
-    var defaultStyles = bold === undefined && transparentMinor === undefined;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className, (_b = {},
-            _b[styles.bold] = bold === 'full' || bold === 'major',
-            _b[styles.defaultStyles] = defaultStyles,
-            _b)), "data-test-id": dataTestId },
+    }), 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: cn__default['default'](styles.minorPartAndCurrency, (_c = {},
-                _c[styles.transparentMinor] = transparentMinor,
-                _c[styles.normalMinor] = bold === 'major',
-                _c[styles.defaultMinor] = defaultStyles,
-                _c)) },
+        React__default['default'].createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
             currency ? "" + utils.THINSP + currencySymbol : null,

package/amount/cssm/component.js

@@ -16,26 +16,17 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var _b, _c;
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
-    var _f = 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 = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
-    var defaultStyles = bold === undefined && transparentMinor === undefined;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
-            _b[styles__default['default'].bold] = bold === 'full' || bold === 'major',
-            _b[styles__default['default'].defaultStyles] = defaultStyles,
-            _b)), "data-test-id": dataTestId },
+    }), 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: cn__default['default'](styles__default['default'].minorPartAndCurrency, (_c = {},
-                _c[styles__default['default'].transparentMinor] = transparentMinor,
-                _c[styles__default['default'].normalMinor] = bold === 'major',
-                _c[styles__default['default'].defaultMinor] = defaultStyles,
-                _c)) },
+        React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
             currency ? "" + utils.THINSP + currencySymbol : null,

package/amount/cssm/index.module.css

@@ -9,24 +9,12 @@
 :root {
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
-    --amount-minor-part-opacity: 0.6;
 }
 .component {
     white-space: nowrap;
-}
-.transparentMinor {
-    opacity: 0.6;
-}
-.bold {
-    font-weight: bold;
-}
-.normalMinor {
-    font-weight: normal;
-}
-.defaultStyles {
     font-weight: var(--amount-major-part-font-weight);
 }
-.defaultMinor {
-    opacity: var(--amount-minor-part-opacity);
+.minorPartAndCurrency {
+    opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/cssm/pure/component.d.ts

@@ -5,8 +5,6 @@ import { AmountProps } from "../types/index";
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

package/amount/cssm/pure/component.js

@@ -15,8 +15,6 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 var PureAmount = function (_a) {
     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;

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

@@ -22,14 +22,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Управление жирностью
-     */
-    bold?: 'full' | 'major' | 'none';
-    /**
-     * Делает минорную часть полупрозрачной
-     */
-    transparentMinor?: 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_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
+var styles = {"component":"amount__component_1m9ep","minorPartAndCurrency":"amount__minorPartAndCurrency_1m9ep"};
 require('./index.css');
 
 /**
@@ -10,26 +10,17 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var _b, _c;
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _d = _a.view, view = _d === void 0 ? 'default' : _d, bold = _a.bold, transparentMinor = _a.transparentMinor, rightAddons = _a.rightAddons, _e = _a.showPlus, showPlus = _e === void 0 ? false : _e, className = _a.className, dataTestId = _a.dataTestId;
-    var _f = 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 = _f.majorPart, minorPart = _f.minorPart, currencySymbol = _f.currencySymbol;
-    var defaultStyles = bold === undefined && transparentMinor === undefined;
-    return (React.createElement("span", { className: cn(styles.component, className, (_b = {},
-            _b[styles.bold] = bold === 'full' || bold === 'major',
-            _b[styles.defaultStyles] = defaultStyles,
-            _b)), "data-test-id": dataTestId },
+    }), 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: cn(styles.minorPartAndCurrency, (_c = {},
-                _c[styles.transparentMinor] = transparentMinor,
-                _c[styles.normalMinor] = bold === 'major',
-                _c[styles.defaultMinor] = defaultStyles,
-                _c)) },
+        React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
             currency ? "" + THINSP + currencySymbol : null,

package/amount/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 10hh8 */
+/* hash: 1gh2f */
 :root {
 
     /* Hard */
@@ -10,24 +10,12 @@
 :root {
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
-    --amount-minor-part-opacity: 0.6;
 }
 .amount__component_1m9ep {
     white-space: nowrap;
-}
-.amount__transparentMinor_1m9ep {
-    opacity: 0.6;
-}
-.amount__bold_1m9ep {
-    font-weight: bold;
-}
-.amount__normalMinor_1m9ep {
-    font-weight: normal;
-}
-.amount__defaultStyles_1m9ep {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_1m9ep {
-    opacity: var(--amount-minor-part-opacity);
+.amount__minorPartAndCurrency_1m9ep {
+    opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/esm/pure/component.d.ts

@@ -5,8 +5,6 @@ import { AmountProps } from "../types/index";
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

package/amount/esm/pure/component.js

@@ -9,8 +9,6 @@ require('./index.css');
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 var PureAmount = function (_a) {
     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;

package/amount/esm/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: g9uds */
+/* hash: a6rz5 */
 .amount__component_19ub6 {
     white-space: nowrap;
 }

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

@@ -22,14 +22,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Управление жирностью
-     */
-    bold?: 'full' | 'major' | 'none';
-    /**
-     * Делает минорную часть полупрозрачной
-     */
-    transparentMinor?: boolean;
     /**
      * Показывать значок + для положительных значений
      */

package/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 10hh8 */
+/* hash: 1gh2f */
 :root {
 
     /* Hard */
@@ -10,24 +10,12 @@
 :root {
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
-    --amount-minor-part-opacity: 0.6;
 }
 .amount__component_1m9ep {
     white-space: nowrap;
-}
-.amount__transparentMinor_1m9ep {
-    opacity: 0.6;
-}
-.amount__bold_1m9ep {
-    font-weight: bold;
-}
-.amount__normalMinor_1m9ep {
-    font-weight: normal;
-}
-.amount__defaultStyles_1m9ep {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_1m9ep {
-    opacity: var(--amount-minor-part-opacity);
+.amount__minorPartAndCurrency_1m9ep {
+    opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/component.js

@@ -2,32 +2,24 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1m9ep","transparentMinor":"amount__transparentMinor_1m9ep","bold":"amount__bold_1m9ep","normalMinor":"amount__normalMinor_1m9ep","defaultStyles":"amount__defaultStyles_1m9ep","defaultMinor":"amount__defaultMinor_1m9ep"};
+var styles = {"component":"amount__component_1m9ep","minorPartAndCurrency":"amount__minorPartAndCurrency_1m9ep"};
 require('./index.css');
 
 /**
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  */
-const Amount = ({ value, minority, currency, view = 'default', bold, transparentMinor, rightAddons, showPlus = false, className, dataTestId, }) => {
+const Amount = ({ value, minority, currency, view = 'default', rightAddons, showPlus = false, className, dataTestId, }) => {
     const { majorPart, minorPart, currencySymbol } = formatAmount({
         value,
         currency,
         minority,
         view,
     });
-    const defaultStyles = bold === undefined && transparentMinor === undefined;
-    return (React.createElement("span", { className: cn(styles.component, className, {
-            [styles.bold]: bold === 'full' || bold === 'major',
-            [styles.defaultStyles]: defaultStyles,
-        }), "data-test-id": dataTestId },
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
         showPlus && value > 0 ? '+' : '',
         majorPart,
-        React.createElement("span", { className: cn(styles.minorPartAndCurrency, {
-                [styles.transparentMinor]: transparentMinor,
-                [styles.normalMinor]: bold === 'major',
-                [styles.defaultMinor]: defaultStyles,
-            }) },
+        React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
             currency ? `${THINSP}${currencySymbol}` : null,

package/amount/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 10hh8 */
+/* hash: 1gh2f */
 :root {
 
     /* Hard */
@@ -10,24 +10,12 @@
 :root {
     --amount-major-part-font-weight: bold;
     --amount-minor-part-font-weight: normal;
-    --amount-minor-part-opacity: 0.6;
 }
 .amount__component_1m9ep {
     white-space: nowrap;
-}
-.amount__transparentMinor_1m9ep {
-    opacity: 0.6;
-}
-.amount__bold_1m9ep {
-    font-weight: bold;
-}
-.amount__normalMinor_1m9ep {
-    font-weight: normal;
-}
-.amount__defaultStyles_1m9ep {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_1m9ep {
-    opacity: var(--amount-minor-part-opacity);
+.amount__minorPartAndCurrency_1m9ep {
+    opacity: 0.6;
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/pure/component.d.ts

@@ -5,8 +5,6 @@ import { AmountProps } from "../types/index";
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

package/amount/modern/pure/component.js

@@ -9,8 +9,6 @@ require('./index.css');
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 const PureAmount = ({ value, minority, currency, rightAddons, view = 'default', showPlus = false, className, dataTestId, }) => {
     const { formatted, currencySymbol } = formatAmount({

package/amount/modern/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: g9uds */
+/* hash: a6rz5 */
 .amount__component_19ub6 {
     white-space: nowrap;
 }

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

@@ -22,14 +22,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Управление жирностью
-     */
-    bold?: 'full' | 'major' | 'none';
-    /**
-     * Делает минорную часть полупрозрачной
-     */
-    transparentMinor?: boolean;
     /**
      * Показывать значок + для положительных значений
      */

package/amount/pure/component.d.ts

@@ -5,8 +5,6 @@ import { AmountProps } from "../types/index";
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 declare const PureAmount: React.FC<AmountProps>;
 export { PureAmount };

package/amount/pure/component.js

@@ -16,8 +16,6 @@ require('./index.css');
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
- *
- * @deprecated Используйте основной компонент. Стилизацию можно настроить через пропсы
  */
 var PureAmount = function (_a) {
     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;

package/amount/pure/index.css

@@ -1,4 +1,4 @@
-/* hash: g9uds */
+/* hash: a6rz5 */
 .amount__component_19ub6 {
     white-space: nowrap;
 }

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

@@ -22,14 +22,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Управление жирностью
-     */
-    bold?: 'full' | 'major' | 'none';
-    /**
-     * Делает минорную часть полупрозрачной
-     */
-    transparentMinor?: boolean;
     /**
      * Показывать значок + для положительных значений
      */