@alfalab/core-components-pure-cell 4.11.5 → 4.12.0

package/moderncssm/components/addon/index.module.css

@@ -0,0 +1,72 @@
+/* */
+
+:root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+}
+
+.component {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end
+}
+
+.component > * {
+        justify-content: flex-end;
+    }
+
+.component.none {
+        padding-left: 0;
+    }
+
+.component.default {
+        padding-left: var(--gap-16);
+    }
+
+.component.addonPadding {
+        padding-left: var(--gap-16);
+    }
+
+.component.auto {
+        align-self: auto;
+    }
+
+.component.top {
+        align-self: flex-start;
+    }
+
+.component.center {
+        align-self: center;
+    }
+
+.component.bottom {
+        align-self: flex-end;
+    }
+
+.button {
+    box-sizing: border-box;
+    background-color: transparent;
+    -webkit-tap-highlight-color: transparent;
+    outline: none;
+    border: 0;
+    margin: 0;
+    box-shadow: none;
+    border-radius: 0;
+    -webkit-user-select: none;
+            user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    min-width: 0;
+    cursor: pointer;
+    padding: 0;
+    transition: opacity 0.15s ease-in-out
+}
+
+.button:hover {
+        opacity: var(--pure-cell-clickable-area-hover-opacity);
+    }
+
+.button:active {
+        opacity: var(--pure-cell-clickable-area-active-opacity);
+    }

package/moderncssm/components/amount/component.js

@@ -0,0 +1,7 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-amount/moderncssm';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-typography/moderncssm';
+export { a as Amount } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/amount/index.d.ts

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

package/moderncssm/components/amount/index.js

@@ -0,0 +1 @@
+export { a as Amount } from '../../component-511ba1c0.js';

package/moderncssm/components/amount/index.module.css

@@ -0,0 +1,6 @@
+/* */
+
+.component {
+    padding: var(--gap-2) 0;
+    display: flex;
+}

package/moderncssm/components/amount-title/component.js

@@ -0,0 +1,7 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-amount/moderncssm';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-typography/moderncssm';
+export { b as AmountTitle } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/amount-title/index.d.ts

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

package/moderncssm/components/amount-title/index.js

@@ -0,0 +1 @@
+export { b as AmountTitle } from '../../component-511ba1c0.js';

package/moderncssm/components/amount-title/index.module.css

@@ -0,0 +1,9 @@
+/* */
+
+.component {
+    display: flex;
+}
+
+.weight {
+    font-weight: inherit;
+}

package/moderncssm/components/category/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-typography/moderncssm';
+export { C as Category } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/category/index.d.ts

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

package/moderncssm/components/category/index.js

@@ -0,0 +1 @@
+export { C as Category } from '../../component-511ba1c0.js';

package/moderncssm/components/category/index.module.css

@@ -0,0 +1,26 @@
+/* */
+
+.component {
+    display: flex;
+    overflow: hidden;
+    padding: var(--gap-2) 0;
+}
+
+.categoryName {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+.categoryPercent {
+    padding: 0 var(--gap-8);
+    background-color: var(--color-light-base-bg-secondary);
+    border-radius: var(--border-radius-xl);
+    margin-left: var(--gap-4);
+}
+
+.rightAddon {
+    margin-left: var(--gap-4);
+}

package/moderncssm/components/content/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+export { c as Content } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/content/index.d.ts

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

package/moderncssm/components/content/index.js

@@ -0,0 +1 @@
+export { c as Content } from '../../component-511ba1c0.js';

package/moderncssm/components/content/index.module.css

@@ -0,0 +1,12 @@
+/* */
+
+.component {
+    flex-basis: 100%;
+    display: grid;
+    grid-template-columns: 1fr auto
+}
+
+.component.horizontal {
+        /* for button */
+        align-self: stretch;
+    }

package/moderncssm/components/footer/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+export { F as Footer } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/footer/index.d.ts

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

package/moderncssm/components/footer/index.js

@@ -0,0 +1 @@
+export { F as Footer } from '../../component-511ba1c0.js';

package/moderncssm/components/footer/index.module.css

@@ -0,0 +1,15 @@
+/* */
+
+.component {
+    grid-column: 1/3;
+    display: grid;
+    grid-row-gap: var(--gap-8)
+}
+
+.component.none {
+        margin-top: 0;
+    }
+
+.component.default {
+        margin-top: var(--gap-8);
+    }

package/moderncssm/components/footer-button/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import '@alfalab/core-components-button/moderncssm';
+import '@alfalab/core-components-shared/moderncssm';
+export { d as FooterButton } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/footer-button/index.d.ts

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

package/moderncssm/components/footer-button/index.js

@@ -0,0 +1 @@
+export { d as FooterButton } from '../../component-511ba1c0.js';

package/moderncssm/components/footer-button/index.module.css

@@ -0,0 +1,5 @@
+/* */
+
+.component {
+    justify-self: start;
+}

package/moderncssm/components/footer-text/component.js

@@ -0,0 +1,4 @@
+import 'react';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-typography/moderncssm';
+export { e as FooterText } from '../../component-511ba1c0.js';

package/moderncssm/components/footer-text/index.d.ts

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

package/moderncssm/components/footer-text/index.js

@@ -0,0 +1 @@
+export { e as FooterText } from '../../component-511ba1c0.js';

package/moderncssm/components/graphics/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+export { G as Graphics } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/graphics/index.d.ts

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

package/moderncssm/components/graphics/index.js

@@ -0,0 +1 @@
+export { G as Graphics } from '../../component-511ba1c0.js';

package/moderncssm/components/graphics/index.module.css

@@ -0,0 +1,92 @@
+/* */
+
+:root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+}
+
+.component {
+    display: inline-flex;
+    flex-basis: auto;
+}
+
+.top {
+    align-self: flex-start;
+}
+
+.center {
+    align-self: center;
+}
+
+.bottom {
+    align-self: flex-end;
+}
+
+.horizontal:not(:last-child).none {
+        margin-right: 0;
+    }
+
+.horizontal:not(:last-child).airy {
+        margin-right: var(--gap-16);
+    }
+
+.horizontal:not(:last-child).default {
+        margin-right: var(--gap-12);
+    }
+
+.horizontal:not(:last-child).compact {
+        margin-right: var(--gap-8);
+    }
+
+.horizontal:not(:last-child).tiny {
+        margin-right: var(--gap-4);
+    }
+
+.vertical:not(:last-child).none {
+        margin-bottom: 0;
+    }
+
+.vertical:not(:last-child).airy {
+        margin-bottom: var(--gap-16);
+    }
+
+.vertical:not(:last-child).default {
+        margin-bottom: var(--gap-12);
+    }
+
+.vertical:not(:last-child).compact {
+        margin-bottom: var(--gap-8);
+    }
+
+.vertical:not(:last-child).tiny {
+        margin-bottom: var(--gap-4);
+    }
+
+.button {
+    box-sizing: border-box;
+    background-color: transparent;
+    -webkit-tap-highlight-color: transparent;
+    outline: none;
+    border: 0;
+    margin: 0;
+    box-shadow: none;
+    border-radius: 0;
+    -webkit-user-select: none;
+            user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    min-width: 0;
+    cursor: pointer;
+    padding: 0;
+    transition: opacity 0.15s ease-in-out;
+    min-width: auto
+}
+
+.button:hover {
+        opacity: var(--pure-cell-clickable-area-hover-opacity);
+    }
+
+.button:active {
+        opacity: var(--pure-cell-clickable-area-active-opacity);
+    }

package/moderncssm/components/main/component.js

@@ -0,0 +1,5 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+export { M as Main } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/main/index.d.ts

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

package/moderncssm/components/main/index.js

@@ -0,0 +1 @@
+export { M as Main } from '../../component-511ba1c0.js';

package/moderncssm/components/main/index.module.css

@@ -0,0 +1,57 @@
+/* */
+
+:root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+}
+
+.component {
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+
+    /* can use /r/n */
+    white-space: pre-line
+}
+
+.component.vertical {
+        grid-row-gap: var(--gap-2);
+        justify-content: center;
+        align-items: center;
+
+        /* for button */
+        text-align: center;
+    }
+
+.component.reverse {
+        flex-direction: column-reverse;
+    }
+
+.component.button {
+        box-sizing: border-box;
+        background-color: transparent;
+        -webkit-tap-highlight-color: transparent;
+        outline: none;
+        border: 0;
+        margin: 0;
+        box-shadow: none;
+        border-radius: 0;
+        -webkit-user-select: none;
+                user-select: none;
+        vertical-align: middle;
+        appearance: none;
+        text-decoration: none;
+        min-width: 0;
+        cursor: pointer;
+        padding: 0;
+        transition: opacity 0.15s ease-in-out;
+        min-width: auto
+    }
+
+.component.button:hover {
+            opacity: var(--pure-cell-clickable-area-hover-opacity);
+        }
+
+.component.button:active {
+            opacity: var(--pure-cell-clickable-area-active-opacity);
+        }

package/moderncssm/components/text/component.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-typography/moderncssm';
+export { T as Text } from '../../component-511ba1c0.js';
+import './index.module.css';

package/moderncssm/components/text/index.d.ts

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

package/moderncssm/components/text/index.js

@@ -0,0 +1 @@
+export { T as Text } from '../../component-511ba1c0.js';

package/moderncssm/components/text/index.module.css

@@ -0,0 +1,38 @@
+/* */
+
+.horizontal {
+    padding: var(--gap-2) 0;
+}
+
+.rowLimit1 {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+.rowLimit2 {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.component {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    margin: var(--gap-2) 0;
+    word-break: break-word;
+}
+
+.component .vertical {
+        justify-content: center;
+    }
+
+.title + .value {
+    margin-left: var(--gap-16);
+    flex-shrink: 0;
+}

package/moderncssm/components/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+import { Comment } from "@alfalab/core-components-comment";
+import { Amount } from "./amount/index";
+import { AmountTitle } from "./amount-title/index";
+import { FooterButton } from "./footer-button/index";
+import { FooterText } from "./footer-text/index";
+import { Graphics } from "./graphics/index";
+import { Text } from "./text/index";
+type TextElement = ReactElement<typeof Text>;
+type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
+type AmountElement = ReactElement<typeof Amount>;
+type AmountTitleElement = ReactElement<typeof AmountTitle>;
+type CommentElement = ReactElement<typeof Comment>;
+type FooterButtonElement = ReactElement<typeof FooterButton>;
+type FooterTitleElement = ReactElement<typeof FooterText>;
+type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null> | CommentElement | boolean | null;
+type MainElement = Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean | null);
+type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
+type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
+type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
+export { GraphicsElement, CommentElement, FooterElement, MainElement, ContentElement, AddonElement, PureCellElement };

package/moderncssm/components/types.js

@@ -0,0 +1 @@
+

package/moderncssm/components/typesProps.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { CurrencyCodes } from '@alfalab/data';
+type AmountProps = {
+    /**
+     * Денежное значение в минорных единицах
+     */
+    value: number;
+    /**
+     * Валюта
+     */
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Количество минорных единиц в валюте
+     */
+    minority?: number;
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
+     * Количество минорных единиц в валюте для Клика
+     */
+    minorUnits?: number;
+    /**
+     * default - не отображаем копейки, если их значение 0
+     * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
+     */
+    view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export { AmountProps };

package/moderncssm/components/typesProps.js

@@ -0,0 +1 @@
+

package/moderncssm/index.d.ts

@@ -0,0 +1,2 @@
+export { PureCell } from "./component-8c83a9ca";
+export type { PureCellProps } from "./component-8c83a9ca";

package/moderncssm/index.js

@@ -0,0 +1 @@
+export { P as PureCell } from './component-511ba1c0.js';