@alfalab/core-components-pure-cell 1.1.0

package/dist/esm/index.css

@@ -0,0 +1,88 @@
+/* hash: 19s8b */
+.pure-cell__component_7do4h {
+    text-align: unset;
+}
+
+.pure-cell__horizontal_7do4h {
+    display: flex;
+    width: 100%;
+    grid-column-gap: var(--gap-m);
+}
+
+.pure-cell__vertical_7do4h {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    grid-row-gap: var(--gap-s);
+}
+
+.pure-cell__button_7do4h {
+    font-family: inherit;
+    background: none;
+    border: 0;
+    border-radius: 0;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out;
+    padding: 0
+}
+
+.pure-cell__button_7do4h:hover {
+        opacity: 0.8;
+    }
+
+.pure-cell__button_7do4h:active {
+        opacity: 0.6;
+    }
+
+.pure-cell__link_7do4h {
+    text-decoration: none;
+    color: inherit;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out
+}
+
+.pure-cell__link_7do4h:hover {
+        opacity: 0.8;
+    }
+
+.pure-cell__link_7do4h:active {
+        opacity: 0.6;
+    }
+
+.pure-cell__none_7do4h {
+    padding: 0;
+}
+
+.pure-cell__airy_7do4h {
+    padding: var(--gap-m) 0;
+}
+
+.pure-cell__default_7do4h {
+    padding: var(--gap-s) 0;
+}
+
+.pure-cell__compact_7do4h {
+    padding: var(--gap-xs) 0;
+}
+
+.pure-cell__tiny_7do4h {
+    padding: var(--gap-2xs) 0;
+}
+
+.pure-cell__left_7do4h {
+    padding-left: var(--gap-m);
+}
+
+.pure-cell__right_7do4h {
+    padding-right: var(--gap-m);
+}
+
+.pure-cell__both_7do4h {
+    padding-right: var(--gap-m);
+    padding-left: var(--gap-m);
+}
+
+.pure-cell__focused_7do4h {
+    outline: 2px solid var(--focus-color);
+    outline-offset: 2px;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export { PureCell } from "./component-7b7f28f3";

package/dist/esm/index.js

@@ -0,0 +1,18 @@
+import './component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import './getDataTestId-babf3783.js';
+import './components/addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import './components/amount/component.js';
+import './components/amount-title/component.js';
+import './components/category/component.js';
+import './components/comment/component.js';
+export { P as PureCell } from './component-0a200d52.js';
+import './components/footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import './components/footer-text/component.js';
+import './components/graphics/component.js';

package/dist/getDataTestId-00d7409e.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
+export { getDataTestId };

package/dist/getDataTestId-00d7409e.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
+exports.getDataTestId = getDataTestId;

package/dist/index.css

@@ -0,0 +1,88 @@
+/* hash: 19s8b */
+.pure-cell__component_7do4h {
+    text-align: unset;
+}
+
+.pure-cell__horizontal_7do4h {
+    display: flex;
+    width: 100%;
+    grid-column-gap: var(--gap-m);
+}
+
+.pure-cell__vertical_7do4h {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    grid-row-gap: var(--gap-s);
+}
+
+.pure-cell__button_7do4h {
+    font-family: inherit;
+    background: none;
+    border: 0;
+    border-radius: 0;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out;
+    padding: 0
+}
+
+.pure-cell__button_7do4h:hover {
+        opacity: 0.8;
+    }
+
+.pure-cell__button_7do4h:active {
+        opacity: 0.6;
+    }
+
+.pure-cell__link_7do4h {
+    text-decoration: none;
+    color: inherit;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out
+}
+
+.pure-cell__link_7do4h:hover {
+        opacity: 0.8;
+    }
+
+.pure-cell__link_7do4h:active {
+        opacity: 0.6;
+    }
+
+.pure-cell__none_7do4h {
+    padding: 0;
+}
+
+.pure-cell__airy_7do4h {
+    padding: var(--gap-m) 0;
+}
+
+.pure-cell__default_7do4h {
+    padding: var(--gap-s) 0;
+}
+
+.pure-cell__compact_7do4h {
+    padding: var(--gap-xs) 0;
+}
+
+.pure-cell__tiny_7do4h {
+    padding: var(--gap-2xs) 0;
+}
+
+.pure-cell__left_7do4h {
+    padding-left: var(--gap-m);
+}
+
+.pure-cell__right_7do4h {
+    padding-right: var(--gap-m);
+}
+
+.pure-cell__both_7do4h {
+    padding-right: var(--gap-m);
+    padding-left: var(--gap-m);
+}
+
+.pure-cell__focused_7do4h {
+    outline: 2px solid var(--focus-color);
+    outline-offset: 2px;
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { PureCell } from "./component-7b7f28f3";

package/dist/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./component-6a05fa6a.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('./getDataTestId-00d7409e.js');
+require('./components/addon/component.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+require('./components/amount/component.js');
+require('./components/amount-title/component.js');
+require('./components/category/component.js');
+require('./components/comment/component.js');
+var components_content_component = require('./component-f199efcf.js');
+require('./components/footer/component.js');
+require('@alfalab/core-components-button');
+require('./components/footer-text/component.js');
+require('./components/graphics/component.js');
+
+
+
+exports.PureCell = components_content_component.PureCell;

package/dist/modern/component-7b7f28f3.d.ts

@@ -0,0 +1,107 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
+import { PureCellElement } from "./components/types";
+type PureCellContext = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+};
+declare const PureCellContext: React.Context<PureCellContext>;
+type PureCellProps = {
+    /**
+     * Направление
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Выводит ссылку в виде ячейки
+     */
+    href?: string;
+    /**
+     * Вертикальные отступы
+     */
+    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    /**
+     * Горизонтальные отступы
+     */
+    horizontalPadding?: 'left' | 'right' | 'both' | 'none';
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    tag?: ElementType;
+    /**
+     * Компоненты
+     */
+    children: PureCellElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ButtonPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ElementPureCellProps> & React.RefAttributes<HTMLElement>)> & {
+    Main: React.FC<{
+        children: import("./components/types").MainElement;
+        isReverse?: boolean | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    Graphics: React.FC<import("./components/graphics/index").Props>;
+    Content: React.FC<{
+        children: import("./components/types").ContentElement;
+        dataTestId?: string | undefined;
+    }>;
+    Text: React.FC<{
+        rowLimit?: 1 | 2 | undefined;
+        isMultiline?: boolean | undefined;
+        view: "primary-small" | "component";
+        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative";
+        value?: string | undefined;
+        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    Amount: React.FC<{
+        amount: import("./components/typesProps").AmountProps;
+        weight?: "bold" | "normal" | undefined;
+        view?: "primary-small" | "component" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    AmountTitle: React.FC<{
+        amount: import("./components/typesProps").AmountProps;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    Addon: React.FC<{
+        verticalAlign?: "center" | undefined;
+        addonPadding?: "none" | "default" | undefined;
+        children: import("./components/types").AddonElement;
+        dataTestId?: string | undefined;
+    }>;
+    Footer: React.FC<{
+        children: import("./components/types").FooterElement;
+        footerPadding?: "none" | "default" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
+    FooterButton: React.FC<Partial<import("packages/button/src").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("packages/button/src").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>>;
+    Comment: React.FC<{
+        children: import("./components/types").CommentElement;
+        dataTestId?: string | undefined;
+    }>;
+    Category: React.FC<{
+        categoryName: string;
+        categoryPercent?: number | undefined;
+        dataTestId?: string | undefined;
+    }>;
+};
+export { PureCellContext, PureCellProps, PureCell };

package/dist/modern/component-9c1fe763.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import React from "react";
+import { MainElement, ContentElement } from "./components/types";
+import { Color } from "@alfalab/core-components-typography";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: MainElement;
+    /**
+     * Позволяет изменить расположение блоков внутри main
+     */
+    isReverse?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$0>;
+type Props$1 = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Многострочный ли компонент
+     */
+    isMultiline?: boolean;
+    /**
+     * Размер текста
+     */
+    view: 'primary-small' | 'component';
+    /**
+     * Цвет title
+     */
+    titleColor: Color;
+    /**
+     * Value ячейки
+     */
+    value?: string;
+    /**
+     * Цвет value
+     */
+    valueColor?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Text: React.FC<Props$1>;
+export { Main, Content, Text };

package/dist/modern/component-9c1fe763.js

@@ -0,0 +1,100 @@
+import React, { useContext, forwardRef, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { useFocus } from '@alfalab/hooks';
+import { g as getDataTestId } from './getDataTestId-0bb060c4.js';
+import { Addon } from './components/addon/component.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { Amount } from './components/amount/component.js';
+import { AmountTitle } from './components/amount-title/component.js';
+import { Category } from './components/category/component.js';
+import { Comment } from './components/comment/component.js';
+import { Footer } from './components/footer/component.js';
+import { FooterButton } from './components/footer-button/component.js';
+import { FooterText } from './components/footer-text/component.js';
+import { Graphics } from './components/graphics/component.js';
+
+var styles = {"component":"pure-cell__component_1vkg3","horizontal":"pure-cell__horizontal_1vkg3"};
+require('./components/content/index.css')
+
+const Content = ({ children, dataTestId }) => {
+    const { direction } = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles.component, { [styles.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+};
+
+var styles$1 = {"component":"pure-cell__component_raiu9","vertical":"pure-cell__vertical_raiu9","reverse":"pure-cell__reverse_raiu9"};
+require('./components/main/index.css')
+
+const Main = ({ children, isReverse, dataTestId }) => {
+    const { direction = 'horizontal' } = useContext(PureCellContext);
+    return (React.createElement("main", { className: cn(styles$1.component, styles$1[direction], {
+            [styles$1.reverse]: isReverse,
+        }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
+};
+
+var styles$2 = {"horizontal":"pure-cell__horizontal_ndofp","rowLimit1":"pure-cell__rowLimit1_ndofp","rowLimit2":"pure-cell__rowLimit2_ndofp","component":"pure-cell__component_ndofp","multiline":"pure-cell__multiline_ndofp","vertical":"pure-cell__vertical_ndofp","title":"pure-cell__title_ndofp"};
+require('./components/text/index.css')
+
+const Text = ({ children, value, rowLimit, isMultiline, view = 'component', titleColor, valueColor, dataTestId, }) => {
+    const { direction = 'horizontal' } = useContext(PureCellContext);
+    return (React.createElement("div", { className: cn(styles$2.component, {
+            [styles$2.vertical]: direction !== 'horizontal',
+        }) },
+        React.createElement("span", { className: cn(styles$2.title) },
+            React.createElement(Typography.Text, { view: view, color: titleColor, className: cn(rowLimit && styles$2[`rowLimit${rowLimit}`], {
+                    [styles$2.rowLimit1]: !isMultiline,
+                }), "data-test-id": getDataTestId(dataTestId, 'text') }, children)),
+        React.createElement("span", null,
+            React.createElement(Typography.Text, { view: view, color: valueColor, className: cn({
+                    [styles$2[`rowLimit${rowLimit}`]]: rowLimit,
+                    [styles$2.multiline]: isMultiline,
+                }), "data-test-id": getDataTestId(dataTestId, 'text') }, value))));
+};
+
+var styles$3 = {"component":"pure-cell__component_7do4h","horizontal":"pure-cell__horizontal_7do4h","vertical":"pure-cell__vertical_7do4h","button":"pure-cell__button_7do4h","link":"pure-cell__link_7do4h","none":"pure-cell__none_7do4h","airy":"pure-cell__airy_7do4h","default":"pure-cell__default_7do4h","compact":"pure-cell__compact_7do4h","tiny":"pure-cell__tiny_7do4h","left":"pure-cell__left_7do4h","right":"pure-cell__right_7do4h","both":"pure-cell__both_7do4h","focused":"pure-cell__focused_7do4h"};
+require('./index.css')
+
+const PureCellContext = React.createContext({});
+const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'default', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
+    const cellRef = useRef(null);
+    const [focused] = useFocus(cellRef, 'keyboard');
+    const addClasses = {
+        [styles$3.component]: true,
+        [styles$3.focused]: focused,
+        [styles$3[direction]]: true,
+    };
+    if (href) {
+        const { target } = restProps;
+        // Для совместимости с react-router-dom, меняем href на to
+        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
+        return (React.createElement(Component, Object.assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className, styles$3[horizontalPadding], styles$3[verticalPadding]), "data-test-id": dataTestId }),
+            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, Object.assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
+    }
+    return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId },
+        React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+const PureCell = Object.assign(PureCellComponent, {
+    Main,
+    Graphics,
+    Content,
+    Text,
+    Amount,
+    AmountTitle,
+    Addon,
+    Footer,
+    ExtraSubtitle: FooterText,
+    FooterButton,
+    Comment,
+    Category,
+});
+
+export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/dist/modern/component.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import './getDataTestId-0bb060c4.js';
+import './components/addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import './components/amount/component.js';
+import './components/amount-title/component.js';
+import './components/category/component.js';
+import './components/comment/component.js';
+export { P as PureCell, a as PureCellContext } from './component-9c1fe763.js';
+import './components/footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import './components/footer-button/component.js';
+import './components/footer-text/component.js';
+import './components/graphics/component.js';

package/dist/modern/components/addon/component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { AddonElement } from "../types";
+type Props = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: 'center';
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: 'default' | 'none';
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Addon: React.FC<Props>;
+export { Addon };

package/dist/modern/components/addon/component.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+
+var styles = {"component":"pure-cell__component_1tjhn","none":"pure-cell__none_1tjhn","default":"pure-cell__default_1tjhn","center":"pure-cell__center_1tjhn"};
+require('./index.css')
+
+const Addon = ({ children, verticalAlign, addonPadding = 'default', dataTestId, }) => (React.createElement("section", { className: cn(styles.component, styles[addonPadding], {
+        [styles.center]: verticalAlign,
+    }), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));
+
+export { Addon };

package/dist/modern/components/addon/index.css

@@ -0,0 +1,28 @@
+/* hash: 10dx6 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.pure-cell__component_1tjhn {
+    grid-column: 2/3;
+    padding-left: var(--gap-m)
+}
+.pure-cell__component_1tjhn > * {
+        justify-content: flex-end;
+    }
+.pure-cell__component_1tjhn.pure-cell__none_1tjhn {
+        padding-left: 0;
+    }
+.pure-cell__component_1tjhn.pure-cell__default_1tjhn {
+        padding-left: var(--gap-m);
+    }
+.pure-cell__component_1tjhn.pure-cell__center_1tjhn {
+        align-self: center;
+    }

package/dist/modern/components/addon/index.d.ts

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

package/dist/modern/components/addon/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-0bb060c4.js';
+export { Addon } from './component.js';

package/dist/modern/components/amount/component.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { Color } from "@alfalab/core-components-typography";
+import { AmountProps as AmountType } from "../typesProps";
+type Props = {
+    /**
+     * Props свойственные для компонента Amount
+     */
+    amount: AmountType;
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: 'bold' | 'normal';
+    /**
+     * Размер денежного значения
+     */
+    view?: 'component' | 'primary-small';
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Amount: React.FC<Props>;
+export { Amount };

package/dist/modern/components/amount/component.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { Amount as Amount$1 } from '@alfalab/core-components-amount/dist/modern';
+
+var styles = {"component":"pure-cell__component_1plik"};
+require('./index.css')
+
+const Amount = ({ amount, weight = 'normal', view = 'component', color = 'primary', dataTestId, }) => {
+    const { value, currency, minority, minorUnits, rightAddons, showPlus, className, transparentMinor, view: viewAmount, } = amount;
+    return (React.createElement(Typography.Text, { view: view, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },
+        React.createElement(Amount$1, { minority: minority === undefined ? minorUnits : minority, value: value, transparentMinor: transparentMinor, bold: weight === 'bold' ? 'full' : 'none', rightAddons: rightAddons, showPlus: showPlus, className: className, currency: currency, dataTestId: getDataTestId(dataTestId, 'amount'), view: viewAmount })));
+};
+
+export { Amount };