@alfalab/core-components 1.18.0 → 2.0.0-beta.3

package/alert/Component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PlateProps } from "../plate";
+type AlertProps = Omit<PlateProps, 'foldable' | 'defaultFolded' | 'leftAddons'>;
+declare const Alert: FC<AlertProps>;
+export { AlertProps, Alert };

package/alert/Component.js

@@ -0,0 +1,59 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsPlate = require('../plate');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"alert__component_7pcko","buttons":"alert__buttons_7pcko","title":"alert__title_7pcko","content":"alert__content_7pcko"};
+require('./index.css');
+
+var Alert = function (_a) {
+    var className = _a.className, title = _a.title, restProps = __rest(_a, ["className", "title"]);
+    return (React__default['default'].createElement(coreComponentsPlate.Plate, __assign({ className: cn__default['default'](styles.component, className), buttonsClassName: styles.buttons, contentClassName: styles.content, title: title ? React__default['default'].createElement("span", { className: styles.title }, title) : null }, restProps)));
+};
+
+exports.Alert = Alert;

package/alert/cssm/Component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PlateProps } from "../../plate";
+type AlertProps = Omit<PlateProps, 'foldable' | 'defaultFolded' | 'leftAddons'>;
+declare const Alert: FC<AlertProps>;
+export { AlertProps, Alert };

package/alert/cssm/Component.js

@@ -0,0 +1,58 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsPlate = require('../../plate/cssm');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var Alert = function (_a) {
+    var className = _a.className, title = _a.title, restProps = __rest(_a, ["className", "title"]);
+    return (React__default['default'].createElement(coreComponentsPlate.Plate, __assign({ className: cn__default['default'](styles__default['default'].component, className), buttonsClassName: styles__default['default'].buttons, contentClassName: styles__default['default'].content, title: title ? React__default['default'].createElement("span", { className: styles__default['default'].title }, title) : null }, restProps)));
+};
+
+exports.Alert = Alert;

package/alert/cssm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/alert/cssm/index.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('../../plate/cssm');
+require('./index.module.css');
+
+
+
+exports.Alert = Component.Alert;

package/alert/cssm/index.module.css

@@ -0,0 +1,37 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+}
+.component {
+    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-left-width: 2px;
+    padding-top: var(--gap-s);
+    padding-bottom: var(--gap-s);
+    padding-right: var(--gap-s);
+    min-height: 48px;
+}
+.buttons {
+    margin-top: var(--gap-m);
+}
+.title {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+}
+.content {
+    max-width: none;
+}

package/alert/esm/Component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PlateProps } from "../../plate";
+type AlertProps = Omit<PlateProps, 'foldable' | 'defaultFolded' | 'leftAddons'>;
+declare const Alert: FC<AlertProps>;
+export { AlertProps, Alert };

package/alert/esm/Component.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import cn from 'classnames';
+import { Plate } from '../../plate/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"alert__component_7pcko","buttons":"alert__buttons_7pcko","title":"alert__title_7pcko","content":"alert__content_7pcko"};
+require('./index.css');
+
+var Alert = function (_a) {
+    var className = _a.className, title = _a.title, restProps = __rest(_a, ["className", "title"]);
+    return (React.createElement(Plate, __assign({ className: cn(styles.component, className), buttonsClassName: styles.buttons, contentClassName: styles.content, title: title ? React.createElement("span", { className: styles.title }, title) : null }, restProps)));
+};
+
+export { Alert };

package/alert/esm/index.css

@@ -0,0 +1,38 @@
+/* hash: l4dkv */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+}
+.alert__component_7pcko {
+    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-left-width: 2px;
+    padding-top: var(--gap-s);
+    padding-bottom: var(--gap-s);
+    padding-right: var(--gap-s);
+    min-height: 48px;
+}
+.alert__buttons_7pcko {
+    margin-top: var(--gap-m);
+}
+.alert__title_7pcko {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+}
+.alert__content_7pcko {
+    max-width: none;
+}

package/alert/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/alert/esm/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../plate/esm';
+export { Alert } from './Component.js';

package/alert/index.css

@@ -0,0 +1,38 @@
+/* hash: l4dkv */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+}
+.alert__component_7pcko {
+    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-left-width: 2px;
+    padding-top: var(--gap-s);
+    padding-bottom: var(--gap-s);
+    padding-right: var(--gap-s);
+    min-height: 48px;
+}
+.alert__buttons_7pcko {
+    margin-top: var(--gap-m);
+}
+.alert__title_7pcko {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+}
+.alert__content_7pcko {
+    max-width: none;
+}

package/alert/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/alert/index.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('../plate');
+
+
+
+exports.Alert = Component.Alert;

package/alert/modern/Component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PlateProps } from "../../plate";
+type AlertProps = Omit<PlateProps, 'foldable' | 'defaultFolded' | 'leftAddons'>;
+declare const Alert: FC<AlertProps>;
+export { AlertProps, Alert };

package/alert/modern/Component.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cn from 'classnames';
+import { Plate } from '../../plate/modern';
+
+var styles = {"component":"alert__component_7pcko","buttons":"alert__buttons_7pcko","title":"alert__title_7pcko","content":"alert__content_7pcko"};
+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)));
+
+export { Alert };

package/alert/modern/index.css

@@ -0,0 +1,38 @@
+/* hash: l4dkv */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+}
+.alert__component_7pcko {
+    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
+    border-top: 0;
+    border-right: 0;
+    border-bottom: 0;
+    border-left-width: 2px;
+    padding-top: var(--gap-s);
+    padding-bottom: var(--gap-s);
+    padding-right: var(--gap-s);
+    min-height: 48px;
+}
+.alert__buttons_7pcko {
+    margin-top: var(--gap-m);
+}
+.alert__title_7pcko {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+}
+.alert__content_7pcko {
+    max-width: none;
+}

package/alert/modern/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/alert/modern/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../plate/modern';
+export { Alert } from './Component.js';

package/alert/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/alert/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, res => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/amount/component.js

@@ -1,12 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = _interopDefault(require('react'));
-var cn = _interopDefault(require('classnames'));
+var React = require('react');
+var cn = require('classnames');
 var utils = require('@alfalab/utils');
 
-var styles = {"component":"amount__component_1srxs","minorPartAndCurrency":"amount__minorPartAndCurrency_1srxs"};
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"component":"amount__component_1bkly","minorPartAndCurrency":"amount__minorPartAndCurrency_1bkly"};
 require('./index.css');
 
 /**
@@ -14,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;
-    return (React.createElement("span", { className: cn(styles.component, className), "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.createElement("span", { className: styles.minorPartAndCurrency },
+        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.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import React from 'react';
+import { AmountProps } from "./types/index";
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ */
+declare const Amount: React.FC<AmountProps>;
+export { Amount };

package/amount/cssm/component.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var utils = require('@alfalab/utils');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+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, 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 = _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,
+            currency ? "" + utils.THINSP + currencySymbol : null,
+            rightAddons)));
+};
+
+exports.Amount = Amount;

package/amount/cssm/index.d.ts

@@ -0,0 +1,8 @@
+import { Amount as DefaultAmount } from "./component";
+import { PureAmount } from "./pure/component";
+type AmountType = typeof DefaultAmount & {
+    Pure: typeof PureAmount;
+};
+declare const Amount: AmountType;
+export { Amount };
+export * from "./types/index";

package/amount/cssm/index.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('@alfalab/utils');
+require('./index.module.css');
+var component = require('./component.js');
+require('./pure/index.module.css');
+var pure_component = require('./pure/component.js');
+
+var Amount = component.Amount;
+Amount.Pure = pure_component.PureAmount;
+
+exports.Amount = Amount;

package/amount/cssm/index.module.css

@@ -0,0 +1,20 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --amount-major-part-font-weight: bold;
+    --amount-minor-part-font-weight: normal;
+}
+.component {
+    white-space: nowrap;
+    font-weight: var(--amount-major-part-font-weight);
+}
+.minorPartAndCurrency {
+    opacity: 0.6;
+    font-weight: var(--amount-minor-part-font-weight);
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import React from 'react';
+import { AmountProps } from "../types/index";
+/**
+ * Компонент для отображения суммы, согласно следующему гайдлайну:
+ * https://design.alfabank.ru/patterns/amount
+ * Не содержит стилей кроме неразрывности строки
+ */
+declare const PureAmount: React.FC<AmountProps>;
+export { PureAmount };