@alfalab/core-components 45.3.0-beta.1 → 45.4.0

package/link/cssm/index.module.css

@@ -24,8 +24,11 @@
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .component:hover .text,
-    .component:active .text {
+} @media (hover: hover) {
+        .component:hover .text {
+            border-bottom-color: rgba(0, 0, 0, 0);
+        }
+    } .component:active .text {
         border-bottom-color: rgba(0, 0, 0, 0);
     } .withAddons {
     display: inline-flex;

package/link/cssm/inverted.module.css

@@ -40,22 +40,28 @@
 } .primary {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .primary:hover {
-        color: var(--link-inverted-primary-hover-color);
+} @media (hover: hover) {
+        .primary:hover {
+            color: var(--link-inverted-primary-hover-color);
+        }
     } .primary:active {
         color: var(--link-inverted-primary-active-color);
     } .secondary {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .secondary:hover {
-        color: var(--link-inverted-secondary-hover-color);
+} @media (hover: hover) {
+        .secondary:hover {
+            color: var(--link-inverted-secondary-hover-color);
+        }
     } .secondary:active {
         color: var(--link-inverted-secondary-active-color);
     } .defaultView {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .defaultView:hover {
-        color: var(--link-inverted-default-hover-color);
+} @media (hover: hover) {
+        .defaultView:hover {
+            color: var(--link-inverted-default-hover-color);
+        }
     } .defaultView:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/default.css

@@ -41,22 +41,28 @@
 } .link__primary_u7fan {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_u7fan:hover {
-        color: var(--link-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_u7fan:hover {
+            color: var(--link-primary-hover-color);
+        }
     } .link__primary_u7fan:active {
         color: var(--link-primary-active-color);
     } .link__secondary_u7fan {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_u7fan:hover {
-        color: var(--link-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_u7fan:hover {
+            color: var(--link-secondary-hover-color);
+        }
     } .link__secondary_u7fan:active {
         color: var(--link-secondary-active-color);
     } .link__defaultView_u7fan {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_u7fan:hover {
-        color: var(--link-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_u7fan:hover {
+            color: var(--link-default-hover-color);
+        }
     } .link__defaultView_u7fan:active {
         color: var(--link-default-active-color);
     }

package/link/esm/default.css

@@ -41,22 +41,28 @@
 } .link__primary_u7fan {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_u7fan:hover {
-        color: var(--link-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_u7fan:hover {
+            color: var(--link-primary-hover-color);
+        }
     } .link__primary_u7fan:active {
         color: var(--link-primary-active-color);
     } .link__secondary_u7fan {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_u7fan:hover {
-        color: var(--link-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_u7fan:hover {
+            color: var(--link-secondary-hover-color);
+        }
     } .link__secondary_u7fan:active {
         color: var(--link-secondary-active-color);
     } .link__defaultView_u7fan {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_u7fan:hover {
-        color: var(--link-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_u7fan:hover {
+            color: var(--link-default-hover-color);
+        }
     } .link__defaultView_u7fan:active {
         color: var(--link-default-active-color);
     }

package/link/esm/index.css

@@ -25,8 +25,11 @@
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_1d9r3:hover .link__text_1d9r3,
-    .link__component_1d9r3:active .link__text_1d9r3 {
+} @media (hover: hover) {
+        .link__component_1d9r3:hover .link__text_1d9r3 {
+            border-bottom-color: rgba(0, 0, 0, 0);
+        }
+    } .link__component_1d9r3:active .link__text_1d9r3 {
         border-bottom-color: rgba(0, 0, 0, 0);
     } .link__withAddons_1d9r3 {
     display: inline-flex;

package/link/esm/inverted.css

@@ -41,22 +41,28 @@
 } .link__primary_1x4ze {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_1x4ze:hover {
-        color: var(--link-inverted-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_1x4ze:hover {
+            color: var(--link-inverted-primary-hover-color);
+        }
     } .link__primary_1x4ze:active {
         color: var(--link-inverted-primary-active-color);
     } .link__secondary_1x4ze {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_1x4ze:hover {
-        color: var(--link-inverted-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_1x4ze:hover {
+            color: var(--link-inverted-secondary-hover-color);
+        }
     } .link__secondary_1x4ze:active {
         color: var(--link-inverted-secondary-active-color);
     } .link__defaultView_1x4ze {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_1x4ze:hover {
-        color: var(--link-inverted-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_1x4ze:hover {
+            color: var(--link-inverted-default-hover-color);
+        }
     } .link__defaultView_1x4ze:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/index.css

@@ -25,8 +25,11 @@
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_1d9r3:hover .link__text_1d9r3,
-    .link__component_1d9r3:active .link__text_1d9r3 {
+} @media (hover: hover) {
+        .link__component_1d9r3:hover .link__text_1d9r3 {
+            border-bottom-color: rgba(0, 0, 0, 0);
+        }
+    } .link__component_1d9r3:active .link__text_1d9r3 {
         border-bottom-color: rgba(0, 0, 0, 0);
     } .link__withAddons_1d9r3 {
     display: inline-flex;

package/link/inverted.css

@@ -41,22 +41,28 @@
 } .link__primary_1x4ze {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_1x4ze:hover {
-        color: var(--link-inverted-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_1x4ze:hover {
+            color: var(--link-inverted-primary-hover-color);
+        }
     } .link__primary_1x4ze:active {
         color: var(--link-inverted-primary-active-color);
     } .link__secondary_1x4ze {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_1x4ze:hover {
-        color: var(--link-inverted-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_1x4ze:hover {
+            color: var(--link-inverted-secondary-hover-color);
+        }
     } .link__secondary_1x4ze:active {
         color: var(--link-inverted-secondary-active-color);
     } .link__defaultView_1x4ze {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_1x4ze:hover {
-        color: var(--link-inverted-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_1x4ze:hover {
+            color: var(--link-inverted-default-hover-color);
+        }
     } .link__defaultView_1x4ze:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/modern/default.css

@@ -41,22 +41,28 @@
 } .link__primary_u7fan {
     color: var(--link-primary-color);
     border-bottom-color: var(--link-primary-color)
-} .link__primary_u7fan:hover {
-        color: var(--link-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_u7fan:hover {
+            color: var(--link-primary-hover-color);
+        }
     } .link__primary_u7fan:active {
         color: var(--link-primary-active-color);
     } .link__secondary_u7fan {
     color: var(--link-secondary-color);
     border-bottom-color: var(--link-secondary-color)
-} .link__secondary_u7fan:hover {
-        color: var(--link-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_u7fan:hover {
+            color: var(--link-secondary-hover-color);
+        }
     } .link__secondary_u7fan:active {
         color: var(--link-secondary-active-color);
     } .link__defaultView_u7fan {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
-} .link__defaultView_u7fan:hover {
-        color: var(--link-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_u7fan:hover {
+            color: var(--link-default-hover-color);
+        }
     } .link__defaultView_u7fan:active {
         color: var(--link-default-active-color);
     }

package/link/modern/index.css

@@ -25,8 +25,11 @@
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
-} .link__component_1d9r3:hover .link__text_1d9r3,
-    .link__component_1d9r3:active .link__text_1d9r3 {
+} @media (hover: hover) {
+        .link__component_1d9r3:hover .link__text_1d9r3 {
+            border-bottom-color: rgba(0, 0, 0, 0);
+        }
+    } .link__component_1d9r3:active .link__text_1d9r3 {
         border-bottom-color: rgba(0, 0, 0, 0);
     } .link__withAddons_1d9r3 {
     display: inline-flex;

package/link/modern/inverted.css

@@ -41,22 +41,28 @@
 } .link__primary_1x4ze {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
-} .link__primary_1x4ze:hover {
-        color: var(--link-inverted-primary-hover-color);
+} @media (hover: hover) {
+        .link__primary_1x4ze:hover {
+            color: var(--link-inverted-primary-hover-color);
+        }
     } .link__primary_1x4ze:active {
         color: var(--link-inverted-primary-active-color);
     } .link__secondary_1x4ze {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
-} .link__secondary_1x4ze:hover {
-        color: var(--link-inverted-secondary-hover-color);
+} @media (hover: hover) {
+        .link__secondary_1x4ze:hover {
+            color: var(--link-inverted-secondary-hover-color);
+        }
     } .link__secondary_1x4ze:active {
         color: var(--link-inverted-secondary-active-color);
     } .link__defaultView_1x4ze {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
-} .link__defaultView_1x4ze:hover {
-        color: var(--link-inverted-default-hover-color);
+} @media (hover: hover) {
+        .link__defaultView_1x4ze:hover {
+            color: var(--link-inverted-default-hover-color);
+        }
     } .link__defaultView_1x4ze:active {
         color: var(--link-inverted-default-active-color);
     }

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-19c570e6.js');
+var layout_module = require('../../layout.module-fe843796.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-19c570e6.js');
+var layout_module = require('../../layout.module-fe843796.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-7fed901a.js';
+import './layout.module-a1fa9754.js';
 import '../../navigation-bar/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-7fed901a.js';
+import { l as layoutStyles } from '../../layout.module-a1fa9754.js';
 
 var styles = {"component":"modal__component_1ds60"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-7fed901a.js';
+import '../../layout.module-a1fa9754.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-7fed901a.js';
+import { l as layoutStyles } from '../../layout.module-a1fa9754.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_bpxdf","sticky":"modal__sticky_bpxdf","fullscreen":"modal__fullscreen_bpxdf","size-500":"modal__size-500_bpxdf","size-600":"modal__size-600_bpxdf","size-800":"modal__size-800_bpxdf","size-1140":"modal__size-1140_bpxdf"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-7fed901a.js';
+import '../layout.module-a1fa9754.js';
 import '../../../navigation-bar/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-7fed901a.js';
+import '../layout.module-a1fa9754.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-7fed901a.js';
+import './layout.module-a1fa9754.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-7fed901a.js';
+import '../layout.module-a1fa9754.js';
 import '../../../navigation-bar/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-7fed901a.js';
+import '../layout.module-a1fa9754.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-c12b8ceb.js';
+import './layout.module-6ffd48ba.js';
 import '../../navigation-bar/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-c12b8ceb.js';
+import { l as layoutStyles } from '../../layout.module-6ffd48ba.js';
 
 const styles = {"component":"modal__component_1ds60"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-c12b8ceb.js';
+import '../../layout.module-6ffd48ba.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-c12b8ceb.js';
+import { l as layoutStyles } from '../../layout.module-6ffd48ba.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_bpxdf","sticky":"modal__sticky_bpxdf","fullscreen":"modal__fullscreen_bpxdf","size-500":"modal__size-500_bpxdf","size-600":"modal__size-600_bpxdf","size-800":"modal__size-800_bpxdf","size-1140":"modal__size-1140_bpxdf"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-c12b8ceb.js';
+import '../layout.module-6ffd48ba.js';
 import '../../../navigation-bar/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-c12b8ceb.js';
+import '../layout.module-6ffd48ba.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-c12b8ceb.js';
+import './layout.module-6ffd48ba.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-c12b8ceb.js';
+import '../layout.module-6ffd48ba.js';
 import '../../../navigation-bar/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-c12b8ceb.js';
+import '../layout.module-6ffd48ba.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/navigation-bar/components/back-arrow-addon/Component.js

@@ -21,7 +21,7 @@ var BackArrowAddon = function (_a) {
     var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "textOpacity", "view"]);
     var Icon = view === 'desktop' ? ArrowLeftMediumMIcon.ArrowLeftMediumMIcon : ArrowLeftMIcon.ArrowLeftMIcon;
     var isMobileView = view === 'mobile';
-    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'ghost', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles.component, (_b = {}, _b[styles.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
+    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles.component, (_b = {}, _b[styles.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
         React__default.default.createElement("div", { className: styles.flex },
             React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_c = {},
                     _c[styles.mobileWrapper] = isMobileView,

package/navigation-bar/cssm/components/back-arrow-addon/Component.js

@@ -20,7 +20,7 @@ var BackArrowAddon = function (_a) {
     var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "textOpacity", "view"]);
     var Icon = view === 'desktop' ? ArrowLeftMediumMIcon.ArrowLeftMediumMIcon : ArrowLeftMIcon.ArrowLeftMIcon;
     var isMobileView = view === 'mobile';
-    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'ghost', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
+    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
         React__default.default.createElement("div", { className: styles__default.default.flex },
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.iconWrapper, (_c = {},
                     _c[styles__default.default.mobileWrapper] = isMobileView,

package/navigation-bar/esm/components/back-arrow-addon/Component.js

@@ -14,7 +14,7 @@ var BackArrowAddon = function (_a) {
     var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, htmlAttributes = __rest(_a, ["text", "onClick", "className", "textOpacity", "view"]);
     var Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;
     var isMobileView = view === 'mobile';
-    return (React.createElement(ButtonDesktop, __assign({ view: 'ghost', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, (_b = {}, _b[styles.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
+    return (React.createElement(ButtonDesktop, __assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, (_b = {}, _b[styles.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
         React.createElement("div", { className: styles.flex },
             React.createElement("div", { className: cn(styles.iconWrapper, (_c = {},
                     _c[styles.mobileWrapper] = isMobileView,

package/navigation-bar/modern/components/back-arrow-addon/Component.js

@@ -11,7 +11,7 @@ require('./index.css');
 const BackArrowAddon = ({ text = 'Назад', onClick, className, textOpacity = 1, view, ...htmlAttributes }) => {
     const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;
     const isMobileView = view === 'mobile';
-    return (React.createElement(ButtonDesktop, { view: 'ghost', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, { [styles.mobileComponent]: isMobileView }, className), ...htmlAttributes },
+    return (React.createElement(ButtonDesktop, { view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn(styles.component, { [styles.mobileComponent]: isMobileView }, className), ...htmlAttributes },
         React.createElement("div", { className: styles.flex },
             React.createElement("div", { className: cn(styles.iconWrapper, {
                     [styles.mobileWrapper]: isMobileView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.3.0-beta.1",
+  "version": "45.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pass-code/components/KeyPad/Component.js

@@ -28,7 +28,7 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
+                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'text', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
                     React__default.default.createElement(BackspaceXxlIcon.BackspaceXxlIcon, null)));
             }
             if (rightAddons)

package/pass-code/cssm/components/KeyPad/Component.js

@@ -27,7 +27,7 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
+                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'text', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
                     React__default.default.createElement(BackspaceXxlIcon.BackspaceXxlIcon, null)));
             }
             if (rightAddons)

package/pass-code/esm/components/KeyPad/Component.js

@@ -24,7 +24,7 @@ var KeyPad = function (_a) {
         }
         if (i === 11) {
             if (showClear) {
-                return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: getDataTestId(dataTestId, 'backspace-button') },
+                return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'text', dataTestId: getDataTestId(dataTestId, 'backspace-button') },
                     React.createElement(BackspaceXxlIcon, null)));
             }
             if (rightAddons)

package/pass-code/modern/components/KeyPad/Component.js

@@ -22,7 +22,7 @@ const KeyPad = ({ leftAddons, rightAddons, onClick, onClear, showClear, dataTest
     }
     if (i === 11) {
         if (showClear) {
-            return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'ghost', dataTestId: getDataTestId(dataTestId, 'backspace-button') },
+            return (React.createElement(KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'text', dataTestId: getDataTestId(dataTestId, 'backspace-button') },
                 React.createElement(BackspaceXxlIcon, null)));
         }
         if (rightAddons)

package/pattern-lock/components/base-pattern-lock/Component.js

@@ -58,7 +58,7 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
             _b)), "data-test-id": dataTestId },
         error ? renderError() : renderMessage(),
         React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds, hover: hover })),
-        showForgotCodeBtn ? (React__default.default.createElement(mobile.ButtonMobile, { view: 'link', className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn, (_c = {},
+        showForgotCodeBtn ? (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn, (_c = {},
                 _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
                 _c)) }))));
 });