@alfalab/core-components-navigation-bar 1.2.25 → 2.0.0-snapshot-6a9d3fc

package/Component.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-interface NavigationBarProps {
+import React, { ReactNode } from 'react';
+export interface NavigationBarProps {
     /**
      * Заголовок
      */
@@ -72,5 +70,4 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { NavigationBarProps, NavigationBar };
+export declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;

package/Component.js

@@ -6,15 +6,13 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
+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 styles = {"component":"navigation-bar__component_rjs1i","sticky":"navigation-bar__sticky_rjs1i","border":"navigation-bar__border_rjs1i","mainLine":"navigation-bar__mainLine_rjs1i","left":"navigation-bar__left_rjs1i","center":"navigation-bar__center_rjs1i","children":"navigation-bar__children_rjs1i","content":"navigation-bar__content_rjs1i","title":"navigation-bar__title_rjs1i","subtitle":"navigation-bar__subtitle_rjs1i","addons":"navigation-bar__addons_rjs1i","rightAddons":"navigation-bar__rightAddons_rjs1i"};
-require('./index.css')
-
 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;
@@ -37,28 +35,29 @@ var NavigationBar = React.forwardRef(function (_a, ref) {
             return isStateChanged ? newState : prev;
         });
     }, [hasLeftAddons, leftAddons, rightAddons]);
-    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.component, (_b = {},
-            _b[styles.border] = border,
-            _b[styles.sticky] = sticky,
+    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(styles.mainLine, styles[align], contentClassName) },
-            hasLeftAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, leftAddonsClassName), ref: leftAddonsRef }, leftAddons)),
-            children && React__default.default.createElement("div", { className: styles.children }, children),
-            title && (React__default.default.createElement("div", { className: cn__default.default(styles.content, contentWrapperClassName, (_c = {},
-                    _c[styles[align]] = !hasLeftAddons,
+        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(styles.title, (_d = {},
-                        _d[styles[align]] = !hasLeftAddons && !subtitle,
+                React__default.default.createElement("div", { className: cn__default.default(index_module.title, (_d = {},
+                        _d[index_module[align]] = !hasLeftAddons && !subtitle,
                         _d)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'title') }, title),
-                subtitle && (React__default.default.createElement("div", { className: styles.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
-            rightAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.rightAddons, styles.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
+                subtitle && (React__default.default.createElement("div", { className: index_module.subtitle, "data-test-id": coreComponentsShared.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/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/components/action-icon-addon/Component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Тип действия
      */
@@ -18,5 +17,4 @@ interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      */
     dataTestId?: string;
 }
-declare const ActionIconAddon: React.FC<ActionIconAddonProps>;
-export { ActionIconAddonProps, ActionIconAddon };
+export declare const ActionIconAddon: React.FC<ActionIconAddonProps>;

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

@@ -8,25 +8,24 @@ var cn = require('classnames');
 var mobile = require('@alfalab/core-components-button/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 styles = {"component":"navigation-bar__component_4vxl7","iconWrapper":"navigation-bar__iconWrapper_4vxl7","back":"navigation-bar__back_4vxl7","floating":"navigation-bar__floating_4vxl7"};
-require('./index.css')
-
 var iconComponents = {
     back: React__default.default.createElement(ChevronLeftMIcon.ChevronLeftMIcon, null),
-    floatingBack: React__default.default.createElement(ChevronLeftMIcon.ChevronLeftMIcon, { className: styles.floating }),
-    close: React__default.default.createElement(CrossMIcon.CrossMIcon, { className: styles.floating }),
+    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(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
-        React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_b = {}, _b[styles[action]] = Boolean(styles[action]), _b)) }, iconComponents[action])));
+    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/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/components/action-icon-addon/index.css

@@ -1,37 +1,16 @@
-/* hash: zhe9l */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
+: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); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-} :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_4vxl7 {
+} .navigation-bar__component_18gjg {
     height: 100%;
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar__iconWrapper_4vxl7 {
+} .navigation-bar__iconWrapper_18gjg {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -40,12 +19,12 @@
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-100);
     vertical-align: middle
-} .navigation-bar__iconWrapper_4vxl7.navigation-bar__back_4vxl7 {
+} .navigation-bar__iconWrapper_18gjg.navigation-bar__back_18gjg {
         background: transparent;
-    } .navigation-bar__floating_4vxl7 path {
+    } .navigation-bar__floating_18gjg path {
         fill: var(--color-light-neutral-translucent-700);
-    } .navigation-bar__floating_4vxl7:hover path {
+    } .navigation-bar__floating_18gjg:hover path {
             fill: var(--color-light-neutral-translucent-700-hover);
-        } .navigation-bar__floating_4vxl7:active path {
+        } .navigation-bar__floating_18gjg:active path {
             fill: var(--color-light-neutral-translucent-700-press);
         }

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

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

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_actionIconAddon_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.ActionIconAddon = components_actionIconAddon_Component.ActionIconAddon;
+exports.ActionIconAddon = Component.ActionIconAddon;
+//# sourceMappingURL=index.js.map

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

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

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

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

package/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/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/Component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Текст после иконки
      */
@@ -22,5 +21,4 @@ interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      */
     dataTestId?: string;
 }
-declare const ActionTextAddon: React.FC<ActionTextAddonProps>;
-export { ActionTextAddonProps, ActionTextAddon };
+export declare const ActionTextAddon: React.FC<ActionTextAddonProps>;

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

@@ -7,19 +7,18 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('@alfalab/core-components-button/mobile');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
+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 styles = {"component":"navigation-bar__component_1it7t","text":"navigation-bar__text_1it7t"};
-require('./index.css')
-
 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(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
-        React__default.default.createElement(coreComponentsTypography.Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
+    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(coreComponentsTypography.Text, { className: index_module.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
 };
 
 exports.ActionTextAddon = ActionTextAddon;
+//# sourceMappingURL=Component.js.map

package/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,6BAAI,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/components/action-text-addon/index.css

@@ -1,32 +1,10 @@
-/* hash: 14mec */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
-    --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+:root {
+    --gap-xs: 8px;
+    --gap-m: 16px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1it7t {
+} .navigation-bar__component_142rg {
     height: 100%;
-} .navigation-bar__text_1it7t {
+} .navigation-bar__text_142rg {
     padding: var(--gap-8) var(--gap-16);
 }

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

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

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_actionTextAddon_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.ActionTextAddon = components_actionTextAddon_Component.ActionTextAddon;
+exports.ActionTextAddon = Component.ActionTextAddon;
+//# sourceMappingURL=index.js.map

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

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

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

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

package/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/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/cssm/Component.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-interface NavigationBarProps {
+import React, { ReactNode } from 'react';
+export interface NavigationBarProps {
     /**
      * Заголовок
      */
@@ -72,5 +70,4 @@ interface NavigationBarProps {
      */
     dataTestId?: string;
 }
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { NavigationBarProps, NavigationBar };
+export declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;

package/cssm/Component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+var cssm = require('@alfalab/core-components-shared/cssm');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -53,11 +53,12 @@ var NavigationBar = React.forwardRef(function (_a, ref) {
                     : null)) },
                 React__default.default.createElement("div", { className: cn__default.default(styles__default.default.title, (_d = {},
                         _d[styles__default.default[align]] = !hasLeftAddons && !subtitle,
-                        _d)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'title') }, title),
-                subtitle && (React__default.default.createElement("div", { className: styles__default.default.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
+                        _d)), "data-test-id": cssm.getDataTestId(dataTestId, 'title') }, title),
+                subtitle && (React__default.default.createElement("div", { className: styles__default.default.subtitle, "data-test-id": cssm.getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
             rightAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.rightAddons, styles__default.default.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/cssm/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/cssm/components/action-icon-addon/Component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Тип действия
      */
@@ -18,5 +17,4 @@ interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
      */
     dataTestId?: string;
 }
-declare const ActionIconAddon: React.FC<ActionIconAddonProps>;
-export { ActionIconAddonProps, ActionIconAddon };
+export declare const ActionIconAddon: React.FC<ActionIconAddonProps>;

package/cssm/components/action-icon-addon/Component.js

@@ -29,3 +29,4 @@ var ActionIconAddon = function (_a) {
 };
 
 exports.ActionIconAddon = ActionIconAddon;
+//# sourceMappingURL=Component.js.map

package/cssm/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,uBAAM,CAAC,QAAQ,EAAI,CAAA;IAC9D,KAAK,EAAEF,qCAACG,qBAAU,EAAA,EAAC,SAAS,EAAED,uBAAM,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,uBAAM,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,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,uBAAM,CAAC,MAAM,CAAC,CAAG,GAAA,OAAO,CAACA,uBAAM,CAAC,MAAM,CAAC,CAAC,EAAG,EAAA,EAAA,EAAA,EAChF,cAAc,CAAC,MAAM,CAAC,CACrB,CACK;;;;;"}

package/cssm/components/action-icon-addon/index.d.ts

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

package/cssm/components/action-icon-addon/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_actionIconAddon_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.ActionIconAddon = components_actionIconAddon_Component.ActionIconAddon;
+exports.ActionIconAddon = Component.ActionIconAddon;
+//# sourceMappingURL=index.js.map

package/cssm/components/action-icon-addon/index.js.map

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