@alfalab/core-components-navigation-bar 1.2.23 → 1.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/Component.js +1 -1
  2. package/components/action-icon-addon/Component.js +3 -3
  3. package/components/action-icon-addon/index.css +7 -7
  4. package/components/action-text-addon/Component.js +3 -3
  5. package/components/action-text-addon/index.css +3 -3
  6. package/cssm/components/action-icon-addon/Component.js +2 -2
  7. package/cssm/components/action-text-addon/Component.js +2 -2
  8. package/esm/Component.js +1 -1
  9. package/esm/components/action-icon-addon/Component.js +3 -3
  10. package/esm/components/action-icon-addon/index.css +7 -7
  11. package/esm/components/action-text-addon/Component.js +3 -3
  12. package/esm/components/action-text-addon/index.css +3 -3
  13. package/esm/index.css +17 -17
  14. package/index.css +17 -17
  15. package/modern/Component.js +1 -1
  16. package/modern/components/action-icon-addon/Component.js +3 -3
  17. package/modern/components/action-icon-addon/index.css +7 -7
  18. package/modern/components/action-text-addon/Component.js +3 -3
  19. package/modern/components/action-text-addon/index.css +3 -3
  20. package/modern/index.css +17 -17
  21. package/moderncssm/components/action-icon-addon/Component.js +2 -2
  22. package/moderncssm/components/action-text-addon/Component.js +2 -2
  23. package/package.json +6 -6
  24. package/src/components/action-icon-addon/Component.tsx +3 -3
  25. package/src/components/action-text-addon/Component.tsx +3 -3
package/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"navigation-bar__component_1a79j","sticky":"navigation-bar__sticky_1a79j","border":"navigation-bar__border_1a79j","mainLine":"navigation-bar__mainLine_1a79j","left":"navigation-bar__left_1a79j","center":"navigation-bar__center_1a79j","children":"navigation-bar__children_1a79j","content":"navigation-bar__content_1a79j","title":"navigation-bar__title_1a79j","subtitle":"navigation-bar__subtitle_1a79j","addons":"navigation-bar__addons_1a79j","rightAddons":"navigation-bar__rightAddons_1a79j"};
15
+ 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"};
16
16
  require('./index.css')
17
17
 
18
18
  var NavigationBar = React.forwardRef(function (_a, ref) {
package/components/action-icon-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var desktop = require('@alfalab/core-components-button/desktop');
8
+ var mobile = require('@alfalab/core-components-button/mobile');
9
9
  var ChevronLeftMIcon = require('@alfalab/icons-glyph/ChevronLeftMIcon');
10
10
  var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
11
11
 
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"navigation-bar__component_njf2q","iconWrapper":"navigation-bar__iconWrapper_njf2q","back":"navigation-bar__back_njf2q","floating":"navigation-bar__floating_njf2q"};
17
+ var styles = {"component":"navigation-bar__component_4vxl7","iconWrapper":"navigation-bar__iconWrapper_4vxl7","back":"navigation-bar__back_4vxl7","floating":"navigation-bar__floating_4vxl7"};
18
18
  require('./index.css')
19
19
 
20
20
  var iconComponents = {
@@ -25,7 +25,7 @@ var iconComponents = {
25
25
  var ActionIconAddon = function (_a) {
26
26
  var _b;
27
27
  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"]);
28
- return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
28
+ 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),
29
29
  React__default.default.createElement("div", { className: cn__default.default(styles.iconWrapper, (_b = {}, _b[styles[action]] = Boolean(styles[action]), _b)) }, iconComponents[action])));
30
30
  };
31
31
 
package/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kzag */
1
+ /* hash: zhe9l */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -27,11 +27,11 @@
27
27
  /* stylelint-disable-next-line length-zero-no-unit */
28
28
  } :root {
29
29
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
30
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_njf2q {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_4vxl7 {
31
31
  height: 100%;
32
32
  border-radius: var(--border-radius-pill);
33
33
  min-width: 48px;
34
- } .navigation-bar__iconWrapper_njf2q {
34
+ } .navigation-bar__iconWrapper_4vxl7 {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
37
  justify-content: center;
@@ -40,12 +40,12 @@
40
40
  border-radius: var(--border-radius-circle);
41
41
  background: var(--color-light-neutral-translucent-100);
42
42
  vertical-align: middle
43
- } .navigation-bar__iconWrapper_njf2q.navigation-bar__back_njf2q {
43
+ } .navigation-bar__iconWrapper_4vxl7.navigation-bar__back_4vxl7 {
44
44
  background: transparent;
45
- } .navigation-bar__floating_njf2q path {
45
+ } .navigation-bar__floating_4vxl7 path {
46
46
  fill: var(--color-light-neutral-translucent-700);
47
- } .navigation-bar__floating_njf2q:hover path {
47
+ } .navigation-bar__floating_4vxl7:hover path {
48
48
  fill: var(--color-light-neutral-translucent-700-hover);
49
- } .navigation-bar__floating_njf2q:active path {
49
+ } .navigation-bar__floating_4vxl7:active path {
50
50
  fill: var(--color-light-neutral-translucent-700-press);
51
51
  }
package/components/action-text-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var desktop = require('@alfalab/core-components-button/desktop');
8
+ var mobile = require('@alfalab/core-components-button/mobile');
9
9
  var coreComponentsTypography = require('@alfalab/core-components-typography');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -13,12 +13,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"navigation-bar__component_105qb","text":"navigation-bar__text_105qb"};
16
+ var styles = {"component":"navigation-bar__component_1it7t","text":"navigation-bar__text_1it7t"};
17
17
  require('./index.css')
18
18
 
19
19
  var ActionTextAddon = function (_a) {
20
20
  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"]);
21
- return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn__default.default(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
21
+ 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),
22
22
  React__default.default.createElement(coreComponentsTypography.Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
23
23
  };
24
24
 
package/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1044z */
1
+ /* hash: 14mec */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -25,8 +25,8 @@
25
25
  --gap-16: var(--gap-m);
26
26
  } :root {
27
27
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_105qb {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1it7t {
29
29
  height: 100%;
30
- } .navigation-bar__text_105qb {
30
+ } .navigation-bar__text_1it7t {
31
31
  padding: var(--gap-8) var(--gap-16);
32
32
  }
package/cssm/components/action-icon-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var desktop = require('@alfalab/core-components-button/cssm/desktop');
8
+ var mobile = require('@alfalab/core-components-button/cssm/mobile');
9
9
  var ChevronLeftMIcon = require('@alfalab/icons-glyph/ChevronLeftMIcon');
10
10
  var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
11
11
  var styles = require('./index.module.css');
@@ -24,7 +24,7 @@ var iconComponents = {
24
24
  var ActionIconAddon = function (_a) {
25
25
  var _b;
26
26
  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"]);
27
- return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId }, htmlAttributes),
27
+ return (React__default.default.createElement(mobile.ButtonMobile, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId }, htmlAttributes),
28
28
  React__default.default.createElement("div", { className: cn__default.default(styles__default.default.iconWrapper, (_b = {}, _b[styles__default.default[action]] = Boolean(styles__default.default[action]), _b)) }, iconComponents[action])));
29
29
  };
30
30
 
package/cssm/components/action-text-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var desktop = require('@alfalab/core-components-button/cssm/desktop');
8
+ var mobile = require('@alfalab/core-components-button/cssm/mobile');
9
9
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
10
10
  var styles = require('./index.module.css');
11
11
 
@@ -17,7 +17,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
17
17
 
18
18
  var ActionTextAddon = function (_a) {
19
19
  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"]);
20
- return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId }, htmlAttributes),
20
+ return (React__default.default.createElement(mobile.ButtonMobile, tslib.__assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn__default.default(styles__default.default.component, className), dataTestId: dataTestId }, htmlAttributes),
21
21
  React__default.default.createElement(coreComponentsTypography.Text, { className: styles__default.default.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
22
22
  };
23
23
 
package/esm/Component.js CHANGED
@@ -3,7 +3,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
5
 
6
- var styles = {"component":"navigation-bar__component_1a79j","sticky":"navigation-bar__sticky_1a79j","border":"navigation-bar__border_1a79j","mainLine":"navigation-bar__mainLine_1a79j","left":"navigation-bar__left_1a79j","center":"navigation-bar__center_1a79j","children":"navigation-bar__children_1a79j","content":"navigation-bar__content_1a79j","title":"navigation-bar__title_1a79j","subtitle":"navigation-bar__subtitle_1a79j","addons":"navigation-bar__addons_1a79j","rightAddons":"navigation-bar__rightAddons_1a79j"};
6
+ 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"};
7
7
  require('./index.css')
8
8
 
9
9
  var NavigationBar = forwardRef(function (_a, ref) {
package/esm/components/action-icon-addon/Component.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
4
+ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
5
5
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
6
6
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
 
8
- var styles = {"component":"navigation-bar__component_njf2q","iconWrapper":"navigation-bar__iconWrapper_njf2q","back":"navigation-bar__back_njf2q","floating":"navigation-bar__floating_njf2q"};
8
+ var styles = {"component":"navigation-bar__component_4vxl7","iconWrapper":"navigation-bar__iconWrapper_4vxl7","back":"navigation-bar__back_4vxl7","floating":"navigation-bar__floating_4vxl7"};
9
9
  require('./index.css')
10
10
 
11
11
  var iconComponents = {
@@ -16,7 +16,7 @@ var iconComponents = {
16
16
  var ActionIconAddon = function (_a) {
17
17
  var _b;
18
18
  var onClick = _a.onClick, className = _a.className, _c = _a.action, action = _c === void 0 ? 'back' : _c, dataTestId = _a.dataTestId, htmlAttributes = __rest(_a, ["onClick", "className", "action", "dataTestId"]);
19
- return (React.createElement(ButtonDesktop, __assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
19
+ return (React.createElement(ButtonMobile, __assign({ view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
20
20
  React.createElement("div", { className: cn(styles.iconWrapper, (_b = {}, _b[styles[action]] = Boolean(styles[action]), _b)) }, iconComponents[action])));
21
21
  };
22
22
 
package/esm/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kzag */
1
+ /* hash: zhe9l */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -27,11 +27,11 @@
27
27
  /* stylelint-disable-next-line length-zero-no-unit */
28
28
  } :root {
29
29
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
30
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_njf2q {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_4vxl7 {
31
31
  height: 100%;
32
32
  border-radius: var(--border-radius-pill);
33
33
  min-width: 48px;
34
- } .navigation-bar__iconWrapper_njf2q {
34
+ } .navigation-bar__iconWrapper_4vxl7 {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
37
  justify-content: center;
@@ -40,12 +40,12 @@
40
40
  border-radius: var(--border-radius-circle);
41
41
  background: var(--color-light-neutral-translucent-100);
42
42
  vertical-align: middle
43
- } .navigation-bar__iconWrapper_njf2q.navigation-bar__back_njf2q {
43
+ } .navigation-bar__iconWrapper_4vxl7.navigation-bar__back_4vxl7 {
44
44
  background: transparent;
45
- } .navigation-bar__floating_njf2q path {
45
+ } .navigation-bar__floating_4vxl7 path {
46
46
  fill: var(--color-light-neutral-translucent-700);
47
- } .navigation-bar__floating_njf2q:hover path {
47
+ } .navigation-bar__floating_4vxl7:hover path {
48
48
  fill: var(--color-light-neutral-translucent-700-hover);
49
- } .navigation-bar__floating_njf2q:active path {
49
+ } .navigation-bar__floating_4vxl7:active path {
50
50
  fill: var(--color-light-neutral-translucent-700-press);
51
51
  }
package/esm/components/action-text-addon/Component.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
4
+ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
5
5
  import { Text } from '@alfalab/core-components-typography/esm';
6
6
 
7
- var styles = {"component":"navigation-bar__component_105qb","text":"navigation-bar__text_105qb"};
7
+ var styles = {"component":"navigation-bar__component_1it7t","text":"navigation-bar__text_1it7t"};
8
8
  require('./index.css')
9
9
 
10
10
  var ActionTextAddon = function (_a) {
11
11
  var _b = _a.text, text = _b === void 0 ? 'Назад' : _b, onClick = _a.onClick, className = _a.className, action = _a.action, dataTestId = _a.dataTestId, htmlAttributes = __rest(_a, ["text", "onClick", "className", "action", "dataTestId"]);
12
- return (React.createElement(ButtonDesktop, __assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
12
+ return (React.createElement(ButtonMobile, __assign({ view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId }, htmlAttributes),
13
13
  React.createElement(Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
14
14
  };
15
15
 
package/esm/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1044z */
1
+ /* hash: 14mec */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -25,8 +25,8 @@
25
25
  --gap-16: var(--gap-m);
26
26
  } :root {
27
27
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_105qb {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1it7t {
29
29
  height: 100%;
30
- } .navigation-bar__text_105qb {
30
+ } .navigation-bar__text_1it7t {
31
31
  padding: var(--gap-8) var(--gap-16);
32
32
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1b9xo */
1
+ /* hash: 7nnh4 */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -31,60 +31,60 @@
31
31
  --gap-16: var(--gap-m);
32
32
  } :root {
33
33
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1a79j {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_rjs1i {
35
35
  padding: var(--gap-8) var(--gap-4);
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
- } .navigation-bar__sticky_1a79j {
38
+ } .navigation-bar__sticky_rjs1i {
39
39
  position: sticky;
40
40
  top: var(--gap-0);
41
41
  z-index: 1;
42
- } .navigation-bar__border_1a79j {
42
+ } .navigation-bar__border_rjs1i {
43
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
44
- } .navigation-bar__mainLine_1a79j {
44
+ } .navigation-bar__mainLine_rjs1i {
45
45
  display: flex;
46
46
  background-color: inherit;
47
47
  justify-content: space-between;
48
48
  min-height: 40px;
49
49
  align-items: stretch;
50
- } .navigation-bar__left_1a79j {
50
+ } .navigation-bar__left_rjs1i {
51
51
  text-align: left;
52
- } .navigation-bar__center_1a79j {
52
+ } .navigation-bar__center_rjs1i {
53
53
  text-align: center;
54
- } .navigation-bar__children_1a79j {
54
+ } .navigation-bar__children_rjs1i {
55
55
  width: 100%;
56
- } .navigation-bar__content_1a79j {
56
+ } .navigation-bar__content_rjs1i {
57
57
  display: flex;
58
58
  flex-grow: 1;
59
59
  justify-content: center;
60
60
  flex-flow: column nowrap;
61
61
  color: var(--color-light-text-primary)
62
- } .navigation-bar__content_1a79j.navigation-bar__left_1a79j {
62
+ } .navigation-bar__content_rjs1i.navigation-bar__left_rjs1i {
63
63
  padding: var(--gap-0) var(--gap-16);
64
- } .navigation-bar__content_1a79j > .navigation-bar__title_1a79j,
65
- .navigation-bar__content_1a79j > .navigation-bar__subtitle_1a79j {
64
+ } .navigation-bar__content_rjs1i > .navigation-bar__title_rjs1i,
65
+ .navigation-bar__content_rjs1i > .navigation-bar__subtitle_rjs1i {
66
66
  -webkit-line-clamp: 1;
67
67
  display: -webkit-box;
68
68
  -webkit-box-orient: vertical;
69
69
  overflow: hidden;
70
70
  word-break: break-all;
71
- } .navigation-bar__title_1a79j {
71
+ } .navigation-bar__title_rjs1i {
72
72
  font-size: 16px;
73
73
  line-height: 20px;
74
74
  font-weight: 500
75
- } .navigation-bar__title_1a79j.navigation-bar__left_1a79j {
75
+ } .navigation-bar__title_rjs1i.navigation-bar__left_rjs1i {
76
76
  font-size: 20px;
77
77
  line-height: 28px;
78
78
  font-weight: 600;
79
- } .navigation-bar__subtitle_1a79j {
79
+ } .navigation-bar__subtitle_rjs1i {
80
80
  font-size: 14px;
81
81
  line-height: 20px;
82
82
  font-weight: 400;
83
83
  color: var(--color-light-text-secondary);
84
- } .navigation-bar__addons_1a79j {
84
+ } .navigation-bar__addons_rjs1i {
85
85
  min-width: 48px;
86
86
  display: flex;
87
87
  justify-content: center;
88
- } .navigation-bar__rightAddons_1a79j {
88
+ } .navigation-bar__rightAddons_rjs1i {
89
89
  margin-left: auto;
90
90
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1b9xo */
1
+ /* hash: 7nnh4 */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -31,60 +31,60 @@
31
31
  --gap-16: var(--gap-m);
32
32
  } :root {
33
33
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1a79j {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_rjs1i {
35
35
  padding: var(--gap-8) var(--gap-4);
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
- } .navigation-bar__sticky_1a79j {
38
+ } .navigation-bar__sticky_rjs1i {
39
39
  position: sticky;
40
40
  top: var(--gap-0);
41
41
  z-index: 1;
42
- } .navigation-bar__border_1a79j {
42
+ } .navigation-bar__border_rjs1i {
43
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
44
- } .navigation-bar__mainLine_1a79j {
44
+ } .navigation-bar__mainLine_rjs1i {
45
45
  display: flex;
46
46
  background-color: inherit;
47
47
  justify-content: space-between;
48
48
  min-height: 40px;
49
49
  align-items: stretch;
50
- } .navigation-bar__left_1a79j {
50
+ } .navigation-bar__left_rjs1i {
51
51
  text-align: left;
52
- } .navigation-bar__center_1a79j {
52
+ } .navigation-bar__center_rjs1i {
53
53
  text-align: center;
54
- } .navigation-bar__children_1a79j {
54
+ } .navigation-bar__children_rjs1i {
55
55
  width: 100%;
56
- } .navigation-bar__content_1a79j {
56
+ } .navigation-bar__content_rjs1i {
57
57
  display: flex;
58
58
  flex-grow: 1;
59
59
  justify-content: center;
60
60
  flex-flow: column nowrap;
61
61
  color: var(--color-light-text-primary)
62
- } .navigation-bar__content_1a79j.navigation-bar__left_1a79j {
62
+ } .navigation-bar__content_rjs1i.navigation-bar__left_rjs1i {
63
63
  padding: var(--gap-0) var(--gap-16);
64
- } .navigation-bar__content_1a79j > .navigation-bar__title_1a79j,
65
- .navigation-bar__content_1a79j > .navigation-bar__subtitle_1a79j {
64
+ } .navigation-bar__content_rjs1i > .navigation-bar__title_rjs1i,
65
+ .navigation-bar__content_rjs1i > .navigation-bar__subtitle_rjs1i {
66
66
  -webkit-line-clamp: 1;
67
67
  display: -webkit-box;
68
68
  -webkit-box-orient: vertical;
69
69
  overflow: hidden;
70
70
  word-break: break-all;
71
- } .navigation-bar__title_1a79j {
71
+ } .navigation-bar__title_rjs1i {
72
72
  font-size: 16px;
73
73
  line-height: 20px;
74
74
  font-weight: 500
75
- } .navigation-bar__title_1a79j.navigation-bar__left_1a79j {
75
+ } .navigation-bar__title_rjs1i.navigation-bar__left_rjs1i {
76
76
  font-size: 20px;
77
77
  line-height: 28px;
78
78
  font-weight: 600;
79
- } .navigation-bar__subtitle_1a79j {
79
+ } .navigation-bar__subtitle_rjs1i {
80
80
  font-size: 14px;
81
81
  line-height: 20px;
82
82
  font-weight: 400;
83
83
  color: var(--color-light-text-secondary);
84
- } .navigation-bar__addons_1a79j {
84
+ } .navigation-bar__addons_rjs1i {
85
85
  min-width: 48px;
86
86
  display: flex;
87
87
  justify-content: center;
88
- } .navigation-bar__rightAddons_1a79j {
88
+ } .navigation-bar__rightAddons_rjs1i {
89
89
  margin-left: auto;
90
90
  }
package/modern/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
 
5
- const styles = {"component":"navigation-bar__component_1a79j","sticky":"navigation-bar__sticky_1a79j","border":"navigation-bar__border_1a79j","mainLine":"navigation-bar__mainLine_1a79j","left":"navigation-bar__left_1a79j","center":"navigation-bar__center_1a79j","children":"navigation-bar__children_1a79j","content":"navigation-bar__content_1a79j","title":"navigation-bar__title_1a79j","subtitle":"navigation-bar__subtitle_1a79j","addons":"navigation-bar__addons_1a79j","rightAddons":"navigation-bar__rightAddons_1a79j"};
5
+ const 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"};
6
6
  require('./index.css')
7
7
 
8
8
  const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {
package/modern/components/action-icon-addon/Component.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
3
+ import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
4
4
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
5
5
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
6
 
7
- const styles = {"component":"navigation-bar__component_njf2q","iconWrapper":"navigation-bar__iconWrapper_njf2q","back":"navigation-bar__back_njf2q","floating":"navigation-bar__floating_njf2q"};
7
+ const styles = {"component":"navigation-bar__component_4vxl7","iconWrapper":"navigation-bar__iconWrapper_4vxl7","back":"navigation-bar__back_4vxl7","floating":"navigation-bar__floating_4vxl7"};
8
8
  require('./index.css')
9
9
 
10
10
  const iconComponents = {
@@ -12,7 +12,7 @@ const iconComponents = {
12
12
  floatingBack: React.createElement(ChevronLeftMIcon, { className: styles.floating }),
13
13
  close: React.createElement(CrossMIcon, { className: styles.floating }),
14
14
  };
15
- const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
15
+ const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonMobile, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
16
16
  React.createElement("div", { className: cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) }) }, iconComponents[action])));
17
17
 
18
18
  export { ActionIconAddon };
package/modern/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kzag */
1
+ /* hash: zhe9l */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -27,11 +27,11 @@
27
27
  /* stylelint-disable-next-line length-zero-no-unit */
28
28
  } :root {
29
29
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
30
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_njf2q {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_4vxl7 {
31
31
  height: 100%;
32
32
  border-radius: var(--border-radius-pill);
33
33
  min-width: 48px;
34
- } .navigation-bar__iconWrapper_njf2q {
34
+ } .navigation-bar__iconWrapper_4vxl7 {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
37
  justify-content: center;
@@ -40,12 +40,12 @@
40
40
  border-radius: var(--border-radius-circle);
41
41
  background: var(--color-light-neutral-translucent-100);
42
42
  vertical-align: middle
43
- } .navigation-bar__iconWrapper_njf2q.navigation-bar__back_njf2q {
43
+ } .navigation-bar__iconWrapper_4vxl7.navigation-bar__back_4vxl7 {
44
44
  background: transparent;
45
- } .navigation-bar__floating_njf2q path {
45
+ } .navigation-bar__floating_4vxl7 path {
46
46
  fill: var(--color-light-neutral-translucent-700);
47
- } .navigation-bar__floating_njf2q:hover path {
47
+ } .navigation-bar__floating_4vxl7:hover path {
48
48
  fill: var(--color-light-neutral-translucent-700-hover);
49
- } .navigation-bar__floating_njf2q:active path {
49
+ } .navigation-bar__floating_4vxl7:active path {
50
50
  fill: var(--color-light-neutral-translucent-700-press);
51
51
  }
package/modern/components/action-text-addon/Component.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
3
+ import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
4
4
  import { Text } from '@alfalab/core-components-typography/modern';
5
5
 
6
- const styles = {"component":"navigation-bar__component_105qb","text":"navigation-bar__text_105qb"};
6
+ const styles = {"component":"navigation-bar__component_1it7t","text":"navigation-bar__text_1it7t"};
7
7
  require('./index.css')
8
8
 
9
- const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
9
+ const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonMobile, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
10
10
  React.createElement(Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
11
11
 
12
12
  export { ActionTextAddon };
package/modern/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1044z */
1
+ /* hash: 14mec */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -25,8 +25,8 @@
25
25
  --gap-16: var(--gap-m);
26
26
  } :root {
27
27
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_105qb {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1it7t {
29
29
  height: 100%;
30
- } .navigation-bar__text_105qb {
30
+ } .navigation-bar__text_1it7t {
31
31
  padding: var(--gap-8) var(--gap-16);
32
32
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1b9xo */
1
+ /* hash: 7nnh4 */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -31,60 +31,60 @@
31
31
  --gap-16: var(--gap-m);
32
32
  } :root {
33
33
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1a79j {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_rjs1i {
35
35
  padding: var(--gap-8) var(--gap-4);
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
- } .navigation-bar__sticky_1a79j {
38
+ } .navigation-bar__sticky_rjs1i {
39
39
  position: sticky;
40
40
  top: var(--gap-0);
41
41
  z-index: 1;
42
- } .navigation-bar__border_1a79j {
42
+ } .navigation-bar__border_rjs1i {
43
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
44
- } .navigation-bar__mainLine_1a79j {
44
+ } .navigation-bar__mainLine_rjs1i {
45
45
  display: flex;
46
46
  background-color: inherit;
47
47
  justify-content: space-between;
48
48
  min-height: 40px;
49
49
  align-items: stretch;
50
- } .navigation-bar__left_1a79j {
50
+ } .navigation-bar__left_rjs1i {
51
51
  text-align: left;
52
- } .navigation-bar__center_1a79j {
52
+ } .navigation-bar__center_rjs1i {
53
53
  text-align: center;
54
- } .navigation-bar__children_1a79j {
54
+ } .navigation-bar__children_rjs1i {
55
55
  width: 100%;
56
- } .navigation-bar__content_1a79j {
56
+ } .navigation-bar__content_rjs1i {
57
57
  display: flex;
58
58
  flex-grow: 1;
59
59
  justify-content: center;
60
60
  flex-flow: column nowrap;
61
61
  color: var(--color-light-text-primary)
62
- } .navigation-bar__content_1a79j.navigation-bar__left_1a79j {
62
+ } .navigation-bar__content_rjs1i.navigation-bar__left_rjs1i {
63
63
  padding: var(--gap-0) var(--gap-16);
64
- } .navigation-bar__content_1a79j > .navigation-bar__title_1a79j,
65
- .navigation-bar__content_1a79j > .navigation-bar__subtitle_1a79j {
64
+ } .navigation-bar__content_rjs1i > .navigation-bar__title_rjs1i,
65
+ .navigation-bar__content_rjs1i > .navigation-bar__subtitle_rjs1i {
66
66
  -webkit-line-clamp: 1;
67
67
  display: -webkit-box;
68
68
  -webkit-box-orient: vertical;
69
69
  overflow: hidden;
70
70
  word-break: break-all;
71
- } .navigation-bar__title_1a79j {
71
+ } .navigation-bar__title_rjs1i {
72
72
  font-size: 16px;
73
73
  line-height: 20px;
74
74
  font-weight: 500
75
- } .navigation-bar__title_1a79j.navigation-bar__left_1a79j {
75
+ } .navigation-bar__title_rjs1i.navigation-bar__left_rjs1i {
76
76
  font-size: 20px;
77
77
  line-height: 28px;
78
78
  font-weight: 600;
79
- } .navigation-bar__subtitle_1a79j {
79
+ } .navigation-bar__subtitle_rjs1i {
80
80
  font-size: 14px;
81
81
  line-height: 20px;
82
82
  font-weight: 400;
83
83
  color: var(--color-light-text-secondary);
84
- } .navigation-bar__addons_1a79j {
84
+ } .navigation-bar__addons_rjs1i {
85
85
  min-width: 48px;
86
86
  display: flex;
87
87
  justify-content: center;
88
- } .navigation-bar__rightAddons_1a79j {
88
+ } .navigation-bar__rightAddons_rjs1i {
89
89
  margin-left: auto;
90
90
  }
package/moderncssm/components/action-icon-addon/Component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { ButtonDesktop } from '@alfalab/core-components-button/moderncssm/desktop';
3
+ import { ButtonMobile } from '@alfalab/core-components-button/moderncssm/mobile';
4
4
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
5
5
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
6
  import styles from './index.module.css';
@@ -10,7 +10,7 @@ const iconComponents = {
10
10
  floatingBack: React.createElement(ChevronLeftMIcon, { className: styles.floating }),
11
11
  close: React.createElement(CrossMIcon, { className: styles.floating }),
12
12
  };
13
- const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
13
+ const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonMobile, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
14
14
  React.createElement("div", { className: cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) }) }, iconComponents[action])));
15
15
 
16
16
  export { ActionIconAddon };
package/moderncssm/components/action-text-addon/Component.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { ButtonDesktop } from '@alfalab/core-components-button/moderncssm/desktop';
3
+ import { ButtonMobile } from '@alfalab/core-components-button/moderncssm/mobile';
4
4
  import { Text } from '@alfalab/core-components-typography/moderncssm';
5
5
  import styles from './index.module.css';
6
6
 
7
- const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
7
+ const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonMobile, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
8
8
  React.createElement(Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
9
9
 
10
10
  export { ActionTextAddon };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "1.2.23",
3
+ "version": "1.2.25",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,13 +15,13 @@
15
15
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^11.11.9",
19
- "@alfalab/core-components-typography": "^4.14.2",
20
- "@alfalab/core-components-shared": "^0.17.1",
18
+ "@alfalab/core-components-button": "^11.11.10",
19
+ "@alfalab/core-components-typography": "^4.14.3",
20
+ "@alfalab/core-components-shared": "^0.18.0",
21
21
  "@alfalab/icons-glyph": "^2.210.0",
22
22
  "classnames": "^2.5.1",
23
23
  "tslib": "^2.4.0"
24
24
  },
25
- "themesVersion": "13.7.3",
26
- "varsVersion": "9.20.0"
25
+ "themesVersion": "13.7.4",
26
+ "varsVersion": "9.20.1"
27
27
  }
package/src/components/action-icon-addon/Component.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- import { ButtonDesktop } from '@alfalab/core-components-button/desktop';
4
+ import { ButtonMobile } from '@alfalab/core-components-button/mobile';
5
5
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
6
6
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
 
@@ -42,7 +42,7 @@ export const ActionIconAddon: React.FC<ActionIconAddonProps> = ({
42
42
  dataTestId,
43
43
  ...htmlAttributes
44
44
  }) => (
45
- <ButtonDesktop
45
+ <ButtonMobile
46
46
  view='text'
47
47
  size='s'
48
48
  onClick={onClick}
@@ -54,5 +54,5 @@ export const ActionIconAddon: React.FC<ActionIconAddonProps> = ({
54
54
  <div className={cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) })}>
55
55
  {iconComponents[action]}
56
56
  </div>
57
- </ButtonDesktop>
57
+ </ButtonMobile>
58
58
  );
package/src/components/action-text-addon/Component.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- import { ButtonDesktop } from '@alfalab/core-components-button/desktop';
4
+ import { ButtonMobile } from '@alfalab/core-components-button/mobile';
5
5
  import { Text } from '@alfalab/core-components-typography';
6
6
 
7
7
  import styles from './index.module.css';
@@ -41,7 +41,7 @@ export const ActionTextAddon: React.FC<ActionTextAddonProps> = ({
41
41
  dataTestId,
42
42
  ...htmlAttributes
43
43
  }) => (
44
- <ButtonDesktop
44
+ <ButtonMobile
45
45
  view='text'
46
46
  size='s'
47
47
  onClick={onClick}
@@ -57,5 +57,5 @@ export const ActionTextAddon: React.FC<ActionTextAddonProps> = ({
57
57
  >
58
58
  {text}
59
59
  </Text>
60
- </ButtonDesktop>
60
+ </ButtonMobile>
61
61
  );