@alfalab/core-components-navigation-bar 2.0.0 → 2.1.0-snapshot-92b8690

package/components/action-icon-addon/index.css

@@ -6,11 +6,11 @@
 } :root {
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
-} .navigation-bar__component_3k38a {
+} .navigation-bar__component_tiuth {
     height: 100%;
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar__iconWrapper_3k38a {
+} .navigation-bar__iconWrapper_tiuth {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -19,12 +19,12 @@
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-100);
     vertical-align: middle
-} .navigation-bar__iconWrapper_3k38a.navigation-bar__back_3k38a {
+} .navigation-bar__iconWrapper_tiuth.navigation-bar__back_tiuth {
         background: transparent;
-    } .navigation-bar__floating_3k38a path {
+    } .navigation-bar__floating_tiuth path {
         fill: var(--color-light-neutral-translucent-700);
-    } .navigation-bar__floating_3k38a:hover path {
+    } .navigation-bar__floating_tiuth:hover path {
             fill: var(--color-light-neutral-translucent-700-hover);
-        } .navigation-bar__floating_3k38a:active path {
+        } .navigation-bar__floating_tiuth:active path {
             fill: var(--color-light-neutral-translucent-700-press);
         }

package/components/action-icon-addon/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"navigation-bar__component_3k38a","iconWrapper":"navigation-bar__iconWrapper_3k38a","back":"navigation-bar__back_3k38a","floating":"navigation-bar__floating_3k38a"};
+var styles = {"component":"navigation-bar__component_tiuth","iconWrapper":"navigation-bar__iconWrapper_tiuth","back":"navigation-bar__back_tiuth","floating":"navigation-bar__floating_tiuth"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/action-icon-addon/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    height: 100%;\n    border-radius: var(--border-radius-pill);\n    min-width: 48px;\n}\n\n.iconWrapper {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    width: 30px;\n    border-radius: var(--border-radius-circle);\n    background: var(--color-light-neutral-translucent-100);\n    vertical-align: middle;\n\n    &.back {\n        background: transparent;\n    }\n}\n\n.floating {\n    & path {\n        fill: var(--color-light-neutral-translucent-700);\n    }\n\n    &:hover {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-hover);\n        }\n    }\n\n    &:active {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-press);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    height: 100%;\n    border-radius: var(--border-radius-pill);\n    min-width: 48px;\n}\n\n.iconWrapper {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    width: 30px;\n    border-radius: var(--border-radius-circle);\n    background: var(--color-light-neutral-translucent-100);\n    vertical-align: middle;\n\n    &.back {\n        background: transparent;\n    }\n}\n\n.floating {\n    & path {\n        fill: var(--color-light-neutral-translucent-700);\n    }\n\n    &:hover {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-hover);\n        }\n    }\n\n    &:active {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-press);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}

package/components/action-text-addon/index.css

@@ -3,8 +3,8 @@
     --gap-m: 16px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .navigation-bar__component_17wdd {
+} .navigation-bar__component_16y32 {
     height: 100%;
-} .navigation-bar__text_17wdd {
+} .navigation-bar__text_16y32 {
     padding: var(--gap-8) var(--gap-16);
 }

package/components/action-text-addon/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"navigation-bar__component_17wdd","text":"navigation-bar__text_17wdd"};
+var styles = {"component":"navigation-bar__component_16y32","text":"navigation-bar__text_16y32"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/action-text-addon/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    height: 100%;\n}\n\n.text {\n    padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    height: 100%;\n}\n\n.text {\n    padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}

package/dynamic-mixins/Component.d.ts

@@ -0,0 +1,73 @@
+import React, { ReactNode } from 'react';
+export interface NavigationBarProps {
+    /**
+     * Заголовок
+     */
+    title?: string;
+    /**
+     * Подзаголовок
+     */
+    subtitle?: string;
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Выравнивание заголовка
+     * @default center
+     */
+    align?: 'left' | 'center';
+    /**
+     * Цвет фона
+     */
+    backgroundColor?: string;
+    /**
+     * Наличие бордера
+     */
+    border?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для обертки контента
+     */
+    contentWrapperClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    rightAddonsClassName?: string;
+    /**
+     * Дополнительный класс для левого аддона
+     */
+    leftAddonsClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
+}
+export declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;

package/dynamic-mixins/Component.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var NavigationBar = React.forwardRef(function (_a, ref) {
+    var _b, _c, _d;
+    var _e = _a.align, align = _e === void 0 ? 'center' : _e, rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, bottomAddons = _a.bottomAddons, sticky = _a.sticky, border = _a.border, subtitle = _a.subtitle, title = _a.title, children = _a.children, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? 'var(--color-light-base-bg-primary)' : _f, contentWrapperClassName = _a.contentWrapperClassName, className = _a.className, contentClassName = _a.contentClassName, rightAddonsClassName = _a.rightAddonsClassName, leftAddonsClassName = _a.leftAddonsClassName, bottomAddonsClassName = _a.bottomAddonsClassName, dataTestId = _a.dataTestId;
+    var _g = React.useState({ left: 0, right: 0 }), titleMargin = _g[0], setTitleMargin = _g[1];
+    var leftAddonsRef = React.useRef(null);
+    var rightAddonsRef = React.useRef(null);
+    var hasLeftAddons = leftAddons && align !== 'left';
+    // добавляет отступ для того чтобы title находился по центру не зависимо от ширины аддонов
+    React.useEffect(function () {
+        var _a, _b;
+        var leftAddonsWidth = ((_a = leftAddonsRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        var rightAddonsWidth = ((_b = rightAddonsRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
+        var marginSize = Math.abs(rightAddonsWidth - leftAddonsWidth);
+        var shouldAddLeftMargin = rightAddonsWidth - leftAddonsWidth > 0;
+        setTitleMargin(function (prev) {
+            var newState = shouldAddLeftMargin
+                ? { left: marginSize, right: 0 }
+                : { left: 0, right: marginSize };
+            var isStateChanged = prev.left !== newState.left || prev.right !== newState.right;
+            return isStateChanged ? newState : prev;
+        });
+    }, [hasLeftAddons, leftAddons, rightAddons]);
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(index_module.component, (_b = {},
+            _b[index_module.border] = border,
+            _b[index_module.sticky] = sticky,
+            _b), className), style: tslib.__assign({}, (backgroundColor && { backgroundColor: backgroundColor })), "data-test-id": dataTestId },
+        React__default.default.createElement("div", { className: cn__default.default(index_module.mainLine, index_module[align], contentClassName) },
+            hasLeftAddons && (React__default.default.createElement("div", { className: cn__default.default(index_module.addons, leftAddonsClassName), ref: leftAddonsRef }, leftAddons)),
+            children && React__default.default.createElement("div", { className: index_module.children }, children),
+            title && (React__default.default.createElement("div", { className: cn__default.default(index_module.content, contentWrapperClassName, (_c = {},
+                    _c[index_module[align]] = !hasLeftAddons,
+                    _c)), style: tslib.__assign({}, (align === 'center'
+                    ? {
+                        marginLeft: titleMargin.left,
+                        marginRight: titleMargin.right,
+                    }
+                    : null)) },
+                React__default.default.createElement("div", { className: cn__default.default(index_module.title, (_d = {},
+                        _d[index_module[align]] = !hasLeftAddons && !subtitle,
+                        _d)), "data-test-id": dynamicMixins.getDataTestId(dataTestId, 'title') }, title),
+                subtitle && (React__default.default.createElement("div", { className: index_module.subtitle, "data-test-id": dynamicMixins.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
+            rightAddons && (React__default.default.createElement("div", { className: cn__default.default(index_module.rightAddons, index_module.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
+        bottomAddons && React__default.default.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
+});
+NavigationBar.displayName = 'NavigationBar';
+
+exports.NavigationBar = NavigationBar;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport styles from './index.module.css';\n\nexport interface NavigationBarProps {\n    /**\n     * Заголовок\n     */\n    title?: string;\n\n    /**\n     * Подзаголовок\n     */\n    subtitle?: string;\n\n    /**\n     * Контент шапки\n     */\n    children?: ReactNode;\n\n    /**\n     * Выравнивание заголовка\n     * @default center\n     */\n    align?: 'left' | 'center';\n\n    /**\n     * Цвет фона\n     */\n    backgroundColor?: string;\n\n    /**\n     * Наличие бордера\n     */\n    border?: boolean;\n\n    /**\n     * Фиксирует шапку\n     */\n    sticky?: boolean;\n\n    /**\n     * Слот снизу\n     */\n    bottomAddons?: ReactNode;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: ReactNode;\n\n    /**\n     * Дополнительный класс для контента\n     */\n    contentClassName?: string;\n\n    /**\n     * Дополнительный класс для обертки контента\n     */\n    contentWrapperClassName?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для правого аддона\n     */\n    rightAddonsClassName?: string;\n\n    /**\n     * Дополнительный класс для левого аддона\n     */\n    leftAddonsClassName?: string;\n\n    /**\n     * Дополнительный класс для нижнего аддона\n     */\n    bottomAddonsClassName?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     */\n    dataTestId?: string;\n}\n\nexport const NavigationBar = forwardRef<HTMLDivElement, NavigationBarProps>(\n    (\n        {\n            align = 'center',\n            rightAddons,\n            leftAddons,\n            bottomAddons,\n            sticky,\n            border,\n            subtitle,\n            title,\n            children,\n            backgroundColor = 'var(--color-light-base-bg-primary)',\n            contentWrapperClassName,\n            className,\n            contentClassName,\n            rightAddonsClassName,\n            leftAddonsClassName,\n            bottomAddonsClassName,\n            dataTestId,\n        },\n        ref,\n    ) => {\n        const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });\n        const leftAddonsRef = useRef<HTMLDivElement>(null);\n        const rightAddonsRef = useRef<HTMLDivElement>(null);\n        const hasLeftAddons = leftAddons && align !== 'left';\n\n        // добавляет отступ для того чтобы title находился по центру не зависимо от ширины аддонов\n        useEffect(() => {\n            const leftAddonsWidth = leftAddonsRef.current?.offsetWidth || 0;\n            const rightAddonsWidth = rightAddonsRef.current?.offsetWidth || 0;\n\n            const marginSize = Math.abs(rightAddonsWidth - leftAddonsWidth);\n            const shouldAddLeftMargin = rightAddonsWidth - leftAddonsWidth > 0;\n\n            setTitleMargin((prev) => {\n                const newState = shouldAddLeftMargin\n                    ? { left: marginSize, right: 0 }\n                    : { left: 0, right: marginSize };\n\n                const isStateChanged = prev.left !== newState.left || prev.right !== newState.right;\n\n                return isStateChanged ? newState : prev;\n            });\n        }, [hasLeftAddons, leftAddons, rightAddons]);\n\n        return (\n            <div\n                ref={ref}\n                className={cn(\n                    styles.component,\n                    {\n                        [styles.border]: border,\n                        [styles.sticky]: sticky,\n                    },\n                    className,\n                )}\n                style={{\n                    ...(backgroundColor && { backgroundColor }),\n                }}\n                data-test-id={dataTestId}\n            >\n                <div className={cn(styles.mainLine, styles[align], contentClassName)}>\n                    {hasLeftAddons && (\n                        <div className={cn(styles.addons, leftAddonsClassName)} ref={leftAddonsRef}>\n                            {leftAddons}\n                        </div>\n                    )}\n\n                    {children && <div className={styles.children}>{children}</div>}\n\n                    {title && (\n                        <div\n                            className={cn(styles.content, contentWrapperClassName, {\n                                [styles[align]]: !hasLeftAddons,\n                            })}\n                            style={{\n                                ...(align === 'center'\n                                    ? {\n                                          marginLeft: titleMargin.left,\n                                          marginRight: titleMargin.right,\n                                      }\n                                    : null),\n                            }}\n                        >\n                            <div\n                                className={cn(styles.title, {\n                                    [styles[align]]: !hasLeftAddons && !subtitle,\n                                })}\n                                data-test-id={getDataTestId(dataTestId, 'title')}\n                            >\n                                {title}\n                            </div>\n\n                            {subtitle && (\n                                <div\n                                    className={styles.subtitle}\n                                    data-test-id={getDataTestId(dataTestId, 'subtitle')}\n                                >\n                                    {subtitle}\n                                </div>\n                            )}\n                        </div>\n                    )}\n\n                    {rightAddons && (\n                        <div\n                            className={cn(styles.rightAddons, styles.addons, rightAddonsClassName)}\n                            ref={rightAddonsRef}\n                        >\n                            {rightAddons}\n                        </div>\n                    )}\n                </div>\n\n                {bottomAddons && <div className={bottomAddonsClassName}>{bottomAddons}</div>}\n            </div>\n        );\n    },\n);\n\nNavigationBar.displayName = 'NavigationBar';\n"],"names":["forwardRef","useState","useRef","useEffect","React","cn","styles","__assign","getDataTestId"],"mappings":"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"}

package/dynamic-mixins/components/action-icon-addon/Component.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Тип действия
+     */
+    action?: 'back' | 'floatingBack' | 'close';
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
+}
+export declare const ActionIconAddon: React.FC<ActionIconAddonProps>;

package/dynamic-mixins/components/action-icon-addon/Component.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var mobile = require('@alfalab/core-components-button/dynamic-mixins/mobile');
+var ChevronLeftMIcon = require('@alfalab/icons-glyph/ChevronLeftMIcon');
+var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var iconComponents = {
+    back: React__default.default.createElement(ChevronLeftMIcon.ChevronLeftMIcon, null),
+    floatingBack: React__default.default.createElement(ChevronLeftMIcon.ChevronLeftMIcon, { className: index_module.floating }),
+    close: React__default.default.createElement(CrossMIcon.CrossMIcon, { className: index_module.floating }),
+};
+var ActionIconAddon = function (_a) {
+    var _b;
+    var onClick = _a.onClick, className = _a.className, _c = _a.action, action = _c === void 0 ? 'back' : _c, dataTestId = _a.dataTestId, htmlAttributes = tslib.__rest(_a, ["onClick", "className", "action", "dataTestId"]);
+    return (React__default.default.createElement(mobile.ButtonMobile, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(index_module.component, className), dataTestId: dataTestId }, htmlAttributes),
+        React__default.default.createElement("div", { className: cn__default.default(index_module.iconWrapper, (_b = {}, _b[index_module[action]] = Boolean(index_module[action]), _b)) }, iconComponents[action])));
+};
+
+exports.ActionIconAddon = ActionIconAddon;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/action-icon-addon/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/action-icon-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './index.module.css';\n\nexport interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n    /**\n     * Тип действия\n     */\n    action?: 'back' | 'floatingBack' | 'close';\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Обработчик клика\n     */\n    onClick?: () => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     */\n    dataTestId?: string;\n}\n\nconst iconComponents = {\n    back: <ChevronLeftMIcon />,\n    floatingBack: <ChevronLeftMIcon className={styles.floating} />,\n    close: <CrossMIcon className={styles.floating} />,\n};\n\nexport const ActionIconAddon: React.FC<ActionIconAddonProps> = ({\n    onClick,\n    className,\n    action = 'back',\n    dataTestId,\n    ...htmlAttributes\n}) => (\n    <ButtonMobile\n        view='text'\n        size='s'\n        onClick={onClick}\n        aria-label={action === 'close' ? 'закрыть' : 'назад'}\n        className={cn(styles.component, className)}\n        dataTestId={dataTestId}\n        {...htmlAttributes}\n    >\n        <div className={cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) })}>\n            {iconComponents[action]}\n        </div>\n    </ButtonMobile>\n);\n"],"names":["React","ChevronLeftMIcon","styles","CrossMIcon","__rest","ButtonMobile","cn"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAM,cAAc,GAAG;IACnB,IAAI,EAAEA,sBAAC,CAAA,aAAA,CAAAC,iCAAgB,EAAG,IAAA,CAAA;IAC1B,YAAY,EAAED,qCAACC,iCAAgB,EAAA,EAAC,SAAS,EAAEC,YAAM,CAAC,QAAQ,EAAI,CAAA;IAC9D,KAAK,EAAEF,qCAACG,qBAAU,EAAA,EAAC,SAAS,EAAED,YAAM,CAAC,QAAQ,EAAI,CAAA;CACpD;AAEM,IAAM,eAAe,GAAmC,UAAC,EAM/D,EAAA;;AALG,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAe,EAAf,MAAM,mBAAG,MAAM,GAAA,EAAA,EACf,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,cAAc,GAAAE,YAAA,CAAA,EAAA,EAL2C,gDAM/D,CADoB;AACf,IAAA,QACFJ,sBAAC,CAAA,aAAA,CAAAK,mBAAY,mBACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,gBACJ,MAAM,KAAK,OAAO,GAAG,SAAS,GAAG,OAAO,EACpD,SAAS,EAAEC,mBAAE,CAACJ,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,UAAU,EAAE,UAAU,IAClB,cAAc,CAAA;AAElB,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEM,mBAAE,CAACJ,YAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,YAAM,CAAC,MAAM,CAAC,CAAG,GAAA,OAAO,CAACA,YAAM,CAAC,MAAM,CAAC,CAAC,EAAG,EAAA,EAAA,EAAA,EAChF,cAAc,CAAC,MAAM,CAAC,CACrB,CACK;;;;;"}

package/dynamic-mixins/components/action-icon-addon/index.css

@@ -0,0 +1,30 @@
+:root {
+    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
+    --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
+    --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
+} :root {
+    --border-radius-circle: 50%;
+    --border-radius-pill: 99px;
+} .navigation-bar__component_tiuth {
+    height: 100%;
+    border-radius: var(--border-radius-pill);
+    min-width: 48px;
+} .navigation-bar__iconWrapper_tiuth {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 30px;
+    width: 30px;
+    border-radius: var(--border-radius-circle);
+    background: var(--color-light-neutral-translucent-100);
+    vertical-align: middle
+} .navigation-bar__iconWrapper_tiuth.navigation-bar__back_tiuth {
+        background: transparent;
+    } .navigation-bar__floating_tiuth path {
+        fill: var(--color-light-neutral-translucent-700);
+    } .navigation-bar__floating_tiuth:hover path {
+            fill: var(--color-light-neutral-translucent-700-hover);
+        } .navigation-bar__floating_tiuth:active path {
+            fill: var(--color-light-neutral-translucent-700-press);
+        }

package/dynamic-mixins/components/action-icon-addon/index.d.ts

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

package/dynamic-mixins/components/action-icon-addon/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.ActionIconAddon = Component.ActionIconAddon;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/action-icon-addon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/action-icon-addon/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"navigation-bar__component_tiuth","iconWrapper":"navigation-bar__iconWrapper_tiuth","back":"navigation-bar__back_tiuth","floating":"navigation-bar__floating_tiuth"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/action-icon-addon/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-icon-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    height: 100%;\n    border-radius: var(--border-radius-pill);\n    min-width: 48px;\n}\n\n.iconWrapper {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    width: 30px;\n    border-radius: var(--border-radius-circle);\n    background: var(--color-light-neutral-translucent-100);\n    vertical-align: middle;\n\n    &.back {\n        background: transparent;\n    }\n}\n\n.floating {\n    & path {\n        fill: var(--color-light-neutral-translucent-700);\n    }\n\n    &:hover {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-hover);\n        }\n    }\n\n    &:active {\n        & path {\n            fill: var(--color-light-neutral-translucent-700-press);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,aAAa,CAAC,mCAAmC,CAAC,MAAM,CAAC,4BAA4B,CAAC,UAAU,CAAC,gCAAgC,CAAC;;;;"}

package/dynamic-mixins/components/action-text-addon/Component.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text: string;
+    /**
+     * Тип действия
+     */
+    action?: 'primary' | 'secondary';
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
+}
+export declare const ActionTextAddon: React.FC<ActionTextAddonProps>;

package/dynamic-mixins/components/action-text-addon/Component.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var mobile = require('@alfalab/core-components-button/dynamic-mixins/mobile');
+var dynamicMixins = require('@alfalab/core-components-typography/dynamic-mixins');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var ActionTextAddon = function (_a) {
+    var _b = _a.text, text = _b === void 0 ? 'Назад' : _b, onClick = _a.onClick, className = _a.className, action = _a.action, dataTestId = _a.dataTestId, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "action", "dataTestId"]);
+    return (React__default.default.createElement(mobile.ButtonMobile, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn__default.default(index_module.component, className), dataTestId: dataTestId }, htmlAttributes),
+        React__default.default.createElement(dynamicMixins.Text, { className: index_module.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
+};
+
+exports.ActionTextAddon = ActionTextAddon;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/action-text-addon/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/action-text-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n    /**\n     * Текст после иконки\n     */\n    text: string;\n\n    /**\n     * Тип действия\n     */\n    action?: 'primary' | 'secondary';\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Обработчик клика\n     */\n    onClick?: () => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     */\n    dataTestId?: string;\n}\n\nexport const ActionTextAddon: React.FC<ActionTextAddonProps> = ({\n    text = 'Назад',\n    onClick,\n    className,\n    action,\n    dataTestId,\n    ...htmlAttributes\n}) => (\n    <ButtonMobile\n        view='text'\n        size='s'\n        onClick={onClick}\n        aria-label={text}\n        className={cn(styles.component, className)}\n        dataTestId={dataTestId}\n        {...htmlAttributes}\n    >\n        <Text\n            className={styles.text}\n            view='component'\n            weight={action === 'primary' ? 'medium' : 'regular'}\n        >\n            {text}\n        </Text>\n    </ButtonMobile>\n);\n"],"names":["__rest","React","ButtonMobile","__assign","cn","styles","Text"],"mappings":";;;;;;;;;;;;;;;;AAmCO,IAAM,eAAe,GAAmC,UAAC,EAO/D,EAAA;IANG,IAAA,EAAA,GAAA,EAAA,CAAA,IAAc,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,eAAA,EACT,MAAM,YAAA,EACN,UAAU,gBAAA,EACP,cAAc,GAN2CA,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,CAO/D,CADoB;AACf,IAAA,QACFC,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAAC,cAAA,CAAA,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,IAAI,EAChB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,UAAU,EAAE,UAAU,IAClB,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAACK,kBAAI,EAAA,EACD,SAAS,EAAED,YAAM,CAAC,IAAI,EACtB,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,MAAM,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,EAElD,EAAA,IAAI,CACF,CACI;;;;;"}

package/dynamic-mixins/components/action-text-addon/index.css

@@ -0,0 +1,10 @@
+:root {
+    --gap-xs: 8px;
+    --gap-m: 16px;
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+} .navigation-bar__component_16y32 {
+    height: 100%;
+} .navigation-bar__text_16y32 {
+    padding: var(--gap-8) var(--gap-16);
+}

package/dynamic-mixins/components/action-text-addon/index.d.ts

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

package/dynamic-mixins/components/action-text-addon/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.ActionTextAddon = Component.ActionTextAddon;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/action-text-addon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/action-text-addon/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"navigation-bar__component_16y32","text":"navigation-bar__text_16y32"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/action-text-addon/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/action-text-addon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    height: 100%;\n}\n\n.text {\n    padding: var(--gap-8) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,MAAM,CAAC,4BAA4B,CAAC;;;;"}

package/dynamic-mixins/index.css

@@ -0,0 +1,62 @@
+:root {
+    --color-light-neutral-300: #e7e8eb;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+} :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-m: 16px;
+    --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+} .navigation-bar__component_ktk7q {
+    padding: var(--gap-8) var(--gap-4);
+    box-sizing: border-box;
+    width: 100%;
+} .navigation-bar__sticky_ktk7q {
+    position: sticky;
+    top: var(--gap-0);
+    z-index: 1;
+} .navigation-bar__border_ktk7q {
+    box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
+} .navigation-bar__mainLine_ktk7q {
+    display: flex;
+    background-color: inherit;
+    justify-content: space-between;
+    min-height: 40px;
+    align-items: stretch;
+} .navigation-bar__left_ktk7q {
+    text-align: left;
+} .navigation-bar__center_ktk7q {
+    text-align: center;
+} .navigation-bar__children_ktk7q {
+    width: 100%;
+} .navigation-bar__content_ktk7q {
+    display: flex;
+    flex-grow: 1;
+    justify-content: center;
+    flex-flow: column nowrap;
+    color: var(--color-light-text-primary)
+} .navigation-bar__content_ktk7q.navigation-bar__left_ktk7q {
+        padding: var(--gap-0) var(--gap-16);
+    } .navigation-bar__content_ktk7q > .navigation-bar__title_ktk7q,
+    .navigation-bar__content_ktk7q > .navigation-bar__subtitle_ktk7q {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .navigation-bar__title_ktk7q {
+    @mixin action_component_primary} .navigation-bar__title_ktk7q.navigation-bar__left_ktk7q {
+        @mixin headline-system-mobile_small;
+    } .navigation-bar__subtitle_ktk7q {
+    @mixin paragraph_primary_small;
+    color: var(--color-light-text-secondary);
+} .navigation-bar__addons_ktk7q {
+    min-width: 48px;
+    display: flex;
+    justify-content: center;
+} .navigation-bar__rightAddons_ktk7q {
+    margin-left: auto;
+}

package/dynamic-mixins/index.d.ts

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

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.NavigationBar = Component.NavigationBar;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"navigation-bar__component_ktk7q","sticky":"navigation-bar__sticky_ktk7q","border":"navigation-bar__border_ktk7q","mainLine":"navigation-bar__mainLine_ktk7q","left":"navigation-bar__left_ktk7q","center":"navigation-bar__center_ktk7q","children":"navigation-bar__children_ktk7q","content":"navigation-bar__content_ktk7q","title":"navigation-bar__title_ktk7q","subtitle":"navigation-bar__subtitle_ktk7q","addons":"navigation-bar__addons_ktk7q","rightAddons":"navigation-bar__rightAddons_ktk7q"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    padding: var(--gap-8) var(--gap-4);\n    box-sizing: border-box;\n    width: 100%;\n}\n\n.sticky {\n    position: sticky;\n    top: var(--gap-0);\n    z-index: 1;\n}\n\n.border {\n    box-shadow: 0 1px 0 0 var(--color-light-neutral-300);\n}\n\n.mainLine {\n    display: flex;\n    background-color: inherit;\n    justify-content: space-between;\n    min-height: 40px;\n    align-items: stretch;\n}\n\n.left {\n    text-align: left;\n}\n\n.center {\n    text-align: center;\n}\n\n.children {\n    width: 100%;\n}\n\n.content {\n    display: flex;\n    flex-grow: 1;\n    justify-content: center;\n    flex-flow: column nowrap;\n    color: var(--color-light-text-primary);\n\n    &.left {\n        padding: var(--gap-0) var(--gap-16);\n    }\n\n    & > .title,\n    & > .subtitle {\n        @mixin row_limit 1;\n        word-break: break-all;\n    }\n}\n\n.title {\n    @mixin action_component_primary;\n\n    &.left {\n        @mixin headline-system-mobile_small;\n    }\n}\n\n.subtitle {\n    @mixin paragraph_primary_small;\n    color: var(--color-light-text-secondary);\n}\n\n.addons {\n    min-width: 48px;\n    display: flex;\n    justify-content: center;\n}\n\n.rightAddons {\n    margin-left: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,4BAA4B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,6BAA6B,CAAC,UAAU,CAAC,gCAAgC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,aAAa,CAAC,mCAAmC,CAAC;;;;"}

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../components/action-icon-addon';
+export * from '../components/action-text-addon';
+export { getNavigationBarTestIds } from '../utils';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('../components/action-icon-addon/Component.js');
+var Component$1 = require('../components/action-text-addon/Component.js');
+var utils = require('../utils.js');
+
+
+
+exports.ActionIconAddon = Component.ActionIconAddon;
+exports.ActionTextAddon = Component$1.ActionTextAddon;
+exports.getNavigationBarTestIds = utils.getNavigationBarTestIds;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dynamic-mixins/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function getNavigationBarTestIds(dataTestId: string): {
+    navigationBar: string;
+    title: string;
+    subtitle: string;
+};

package/dynamic-mixins/utils.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+
+function getNavigationBarTestIds(dataTestId) {
+    return {
+        navigationBar: dataTestId,
+        title: dynamicMixins.getDataTestId(dataTestId, 'title'),
+        subtitle: dynamicMixins.getDataTestId(dataTestId, 'subtitle'),
+    };
+}
+
+exports.getNavigationBarTestIds = getNavigationBarTestIds;
+//# sourceMappingURL=utils.js.map

package/dynamic-mixins/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getNavigationBarTestIds(dataTestId: string) {\n    return {\n        navigationBar: dataTestId,\n        title: getDataTestId(dataTestId, 'title'),\n        subtitle: getDataTestId(dataTestId, 'subtitle'),\n    };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,uBAAuB,CAAC,UAAkB,EAAA;IACtD,OAAO;AACH,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,KAAK,EAAEA,2BAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,QAAQ,EAAEA,2BAAa,CAAC,UAAU,EAAE,UAAU,CAAC;KAClD;AACL;;;;"}