@alfalab/core-components-navigation-bar 1.2.13 → 1.2.14

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.
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_1789a","sticky":"navigation-bar__sticky_1789a","border":"navigation-bar__border_1789a","mainLine":"navigation-bar__mainLine_1789a","left":"navigation-bar__left_1789a","center":"navigation-bar__center_1789a","children":"navigation-bar__children_1789a","content":"navigation-bar__content_1789a","title":"navigation-bar__title_1789a","subtitle":"navigation-bar__subtitle_1789a","addons":"navigation-bar__addons_1789a","rightAddons":"navigation-bar__rightAddons_1789a"};
15
+ var styles = {"component":"navigation-bar__component_715ng","sticky":"navigation-bar__sticky_715ng","border":"navigation-bar__border_715ng","mainLine":"navigation-bar__mainLine_715ng","left":"navigation-bar__left_715ng","center":"navigation-bar__center_715ng","children":"navigation-bar__children_715ng","content":"navigation-bar__content_715ng","title":"navigation-bar__title_715ng","subtitle":"navigation-bar__subtitle_715ng","addons":"navigation-bar__addons_715ng","rightAddons":"navigation-bar__rightAddons_715ng"};
16
16
  require('./index.css')
17
17
 
18
18
  var NavigationBar = React.forwardRef(function (_a, ref) {
@@ -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_1xykb","iconWrapper":"navigation-bar__iconWrapper_1xykb","back":"navigation-bar__back_1xykb","floating":"navigation-bar__floating_1xykb"};
17
+ var styles = {"component":"navigation-bar__component_1tgz4","iconWrapper":"navigation-bar__iconWrapper_1tgz4","back":"navigation-bar__back_1tgz4","floating":"navigation-bar__floating_1tgz4"};
18
18
  require('./index.css')
19
19
 
20
20
  var iconComponents = {
@@ -1,4 +1,4 @@
1
- /* hash: qadbo */
1
+ /* hash: 1czok */
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);
@@ -22,13 +22,16 @@
22
22
  } :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 */
23
23
 
24
24
  /* новые значения, используйте их */
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
25
28
  } :root {
26
29
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1xykb {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1tgz4 {
28
31
  height: 100%;
29
32
  border-radius: var(--border-radius-pill);
30
33
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xykb {
34
+ } .navigation-bar__iconWrapper_1tgz4 {
32
35
  display: inline-flex;
33
36
  align-items: center;
34
37
  justify-content: center;
@@ -37,12 +40,12 @@
37
40
  border-radius: var(--border-radius-circle);
38
41
  background: var(--color-light-neutral-translucent-100);
39
42
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xykb.navigation-bar__back_1xykb {
43
+ } .navigation-bar__iconWrapper_1tgz4.navigation-bar__back_1tgz4 {
41
44
  background: transparent;
42
- } .navigation-bar__floating_1xykb path {
45
+ } .navigation-bar__floating_1tgz4 path {
43
46
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xykb:hover path {
47
+ } .navigation-bar__floating_1tgz4:hover path {
45
48
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xykb:active path {
49
+ } .navigation-bar__floating_1tgz4:active path {
47
50
  fill: var(--color-light-neutral-translucent-700-press);
48
51
  }
@@ -13,7 +13,7 @@ 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_17jld","text":"navigation-bar__text_17jld"};
16
+ var styles = {"component":"navigation-bar__component_1yrv2","text":"navigation-bar__text_1yrv2"};
17
17
  require('./index.css')
18
18
 
19
19
  var ActionTextAddon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 6u2y4 */
1
+ /* hash: 11o9f */
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 */
@@ -18,12 +18,15 @@
18
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+
22
+ /* no-unit может приводить к проблемам в calc (#1559) */
23
+ /* stylelint-disable-next-line length-zero-no-unit */
21
24
  --gap-8: var(--gap-xs);
22
25
  --gap-16: var(--gap-m);
23
26
  } :root {
24
27
  } :root {
25
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_17jld {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1yrv2 {
26
29
  height: 100%;
27
- } .navigation-bar__text_17jld {
30
+ } .navigation-bar__text_1yrv2 {
28
31
  padding: var(--gap-8) var(--gap-16);
29
32
  }
@@ -21,6 +21,9 @@
21
21
  } :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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
+
25
+ /* no-unit может приводить к проблемам в calc (#1559) */
26
+ /* stylelint-disable-next-line length-zero-no-unit */
24
27
  } :root {
25
28
  } :root {
26
29
  } /* сбрасывает синюю подсветку при нажатии */ .component {
@@ -17,6 +17,9 @@
17
17
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+
21
+ /* no-unit может приводить к проблемам в calc (#1559) */
22
+ /* stylelint-disable-next-line length-zero-no-unit */
20
23
  --gap-8: var(--gap-xs);
21
24
  --gap-16: var(--gap-m);
22
25
  } :root {
@@ -21,7 +21,10 @@
21
21
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
- --gap-0: 0;
24
+
25
+ /* no-unit может приводить к проблемам в calc (#1559) */
26
+ /* stylelint-disable-next-line length-zero-no-unit */
27
+ --gap-0: 0px;
25
28
  --gap-4: var(--gap-2xs);
26
29
  --gap-8: var(--gap-xs);
27
30
  --gap-16: var(--gap-m);
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_1789a","sticky":"navigation-bar__sticky_1789a","border":"navigation-bar__border_1789a","mainLine":"navigation-bar__mainLine_1789a","left":"navigation-bar__left_1789a","center":"navigation-bar__center_1789a","children":"navigation-bar__children_1789a","content":"navigation-bar__content_1789a","title":"navigation-bar__title_1789a","subtitle":"navigation-bar__subtitle_1789a","addons":"navigation-bar__addons_1789a","rightAddons":"navigation-bar__rightAddons_1789a"};
6
+ var styles = {"component":"navigation-bar__component_715ng","sticky":"navigation-bar__sticky_715ng","border":"navigation-bar__border_715ng","mainLine":"navigation-bar__mainLine_715ng","left":"navigation-bar__left_715ng","center":"navigation-bar__center_715ng","children":"navigation-bar__children_715ng","content":"navigation-bar__content_715ng","title":"navigation-bar__title_715ng","subtitle":"navigation-bar__subtitle_715ng","addons":"navigation-bar__addons_715ng","rightAddons":"navigation-bar__rightAddons_715ng"};
7
7
  require('./index.css')
8
8
 
9
9
  var NavigationBar = forwardRef(function (_a, ref) {
@@ -5,7 +5,7 @@ import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
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_1xykb","iconWrapper":"navigation-bar__iconWrapper_1xykb","back":"navigation-bar__back_1xykb","floating":"navigation-bar__floating_1xykb"};
8
+ var styles = {"component":"navigation-bar__component_1tgz4","iconWrapper":"navigation-bar__iconWrapper_1tgz4","back":"navigation-bar__back_1tgz4","floating":"navigation-bar__floating_1tgz4"};
9
9
  require('./index.css')
10
10
 
11
11
  var iconComponents = {
@@ -1,4 +1,4 @@
1
- /* hash: qadbo */
1
+ /* hash: 1czok */
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);
@@ -22,13 +22,16 @@
22
22
  } :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 */
23
23
 
24
24
  /* новые значения, используйте их */
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
25
28
  } :root {
26
29
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1xykb {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1tgz4 {
28
31
  height: 100%;
29
32
  border-radius: var(--border-radius-pill);
30
33
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xykb {
34
+ } .navigation-bar__iconWrapper_1tgz4 {
32
35
  display: inline-flex;
33
36
  align-items: center;
34
37
  justify-content: center;
@@ -37,12 +40,12 @@
37
40
  border-radius: var(--border-radius-circle);
38
41
  background: var(--color-light-neutral-translucent-100);
39
42
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xykb.navigation-bar__back_1xykb {
43
+ } .navigation-bar__iconWrapper_1tgz4.navigation-bar__back_1tgz4 {
41
44
  background: transparent;
42
- } .navigation-bar__floating_1xykb path {
45
+ } .navigation-bar__floating_1tgz4 path {
43
46
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xykb:hover path {
47
+ } .navigation-bar__floating_1tgz4:hover path {
45
48
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xykb:active path {
49
+ } .navigation-bar__floating_1tgz4:active path {
47
50
  fill: var(--color-light-neutral-translucent-700-press);
48
51
  }
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
5
5
  import { Text } from '@alfalab/core-components-typography/esm';
6
6
 
7
- var styles = {"component":"navigation-bar__component_17jld","text":"navigation-bar__text_17jld"};
7
+ var styles = {"component":"navigation-bar__component_1yrv2","text":"navigation-bar__text_1yrv2"};
8
8
  require('./index.css')
9
9
 
10
10
  var ActionTextAddon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 6u2y4 */
1
+ /* hash: 11o9f */
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 */
@@ -18,12 +18,15 @@
18
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+
22
+ /* no-unit может приводить к проблемам в calc (#1559) */
23
+ /* stylelint-disable-next-line length-zero-no-unit */
21
24
  --gap-8: var(--gap-xs);
22
25
  --gap-16: var(--gap-m);
23
26
  } :root {
24
27
  } :root {
25
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_17jld {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1yrv2 {
26
29
  height: 100%;
27
- } .navigation-bar__text_17jld {
30
+ } .navigation-bar__text_1yrv2 {
28
31
  padding: var(--gap-8) var(--gap-16);
29
32
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1r7ri */
1
+ /* hash: 14iga */
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;
@@ -22,66 +22,69 @@
22
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
- --gap-0: 0;
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
28
+ --gap-0: 0px;
26
29
  --gap-4: var(--gap-2xs);
27
30
  --gap-8: var(--gap-xs);
28
31
  --gap-16: var(--gap-m);
29
32
  } :root {
30
33
  } :root {
31
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1789a {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_715ng {
32
35
  padding: var(--gap-8) var(--gap-4);
33
36
  box-sizing: border-box;
34
37
  width: 100%;
35
- } .navigation-bar__sticky_1789a {
38
+ } .navigation-bar__sticky_715ng {
36
39
  position: sticky;
37
40
  top: var(--gap-0);
38
41
  z-index: 1;
39
- } .navigation-bar__border_1789a {
42
+ } .navigation-bar__border_715ng {
40
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
41
- } .navigation-bar__mainLine_1789a {
44
+ } .navigation-bar__mainLine_715ng {
42
45
  display: flex;
43
46
  background-color: inherit;
44
47
  justify-content: space-between;
45
48
  min-height: 40px;
46
49
  align-items: stretch;
47
- } .navigation-bar__left_1789a {
50
+ } .navigation-bar__left_715ng {
48
51
  text-align: left;
49
- } .navigation-bar__center_1789a {
52
+ } .navigation-bar__center_715ng {
50
53
  text-align: center;
51
- } .navigation-bar__children_1789a {
54
+ } .navigation-bar__children_715ng {
52
55
  width: 100%;
53
- } .navigation-bar__content_1789a {
56
+ } .navigation-bar__content_715ng {
54
57
  display: flex;
55
58
  flex-grow: 1;
56
59
  justify-content: center;
57
60
  flex-flow: column nowrap;
58
61
  color: var(--color-light-text-primary)
59
- } .navigation-bar__content_1789a.navigation-bar__left_1789a {
62
+ } .navigation-bar__content_715ng.navigation-bar__left_715ng {
60
63
  padding: var(--gap-0) var(--gap-16);
61
- } .navigation-bar__content_1789a > .navigation-bar__title_1789a,
62
- .navigation-bar__content_1789a > .navigation-bar__subtitle_1789a {
64
+ } .navigation-bar__content_715ng > .navigation-bar__title_715ng,
65
+ .navigation-bar__content_715ng > .navigation-bar__subtitle_715ng {
63
66
  -webkit-line-clamp: 1;
64
67
  display: -webkit-box;
65
68
  -webkit-box-orient: vertical;
66
69
  overflow: hidden;
67
70
  word-break: break-all;
68
- } .navigation-bar__title_1789a {
71
+ } .navigation-bar__title_715ng {
69
72
  font-size: 16px;
70
73
  line-height: 20px;
71
74
  font-weight: 500
72
- } .navigation-bar__title_1789a.navigation-bar__left_1789a {
75
+ } .navigation-bar__title_715ng.navigation-bar__left_715ng {
73
76
  font-size: 20px;
74
77
  line-height: 28px;
75
78
  font-weight: 600;
76
- } .navigation-bar__subtitle_1789a {
79
+ } .navigation-bar__subtitle_715ng {
77
80
  font-size: 14px;
78
81
  line-height: 20px;
79
82
  font-weight: 400;
80
83
  color: var(--color-light-text-secondary);
81
- } .navigation-bar__addons_1789a {
84
+ } .navigation-bar__addons_715ng {
82
85
  min-width: 48px;
83
86
  display: flex;
84
87
  justify-content: center;
85
- } .navigation-bar__rightAddons_1789a {
88
+ } .navigation-bar__rightAddons_715ng {
86
89
  margin-left: auto;
87
90
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1r7ri */
1
+ /* hash: 14iga */
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;
@@ -22,66 +22,69 @@
22
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
- --gap-0: 0;
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
28
+ --gap-0: 0px;
26
29
  --gap-4: var(--gap-2xs);
27
30
  --gap-8: var(--gap-xs);
28
31
  --gap-16: var(--gap-m);
29
32
  } :root {
30
33
  } :root {
31
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1789a {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_715ng {
32
35
  padding: var(--gap-8) var(--gap-4);
33
36
  box-sizing: border-box;
34
37
  width: 100%;
35
- } .navigation-bar__sticky_1789a {
38
+ } .navigation-bar__sticky_715ng {
36
39
  position: sticky;
37
40
  top: var(--gap-0);
38
41
  z-index: 1;
39
- } .navigation-bar__border_1789a {
42
+ } .navigation-bar__border_715ng {
40
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
41
- } .navigation-bar__mainLine_1789a {
44
+ } .navigation-bar__mainLine_715ng {
42
45
  display: flex;
43
46
  background-color: inherit;
44
47
  justify-content: space-between;
45
48
  min-height: 40px;
46
49
  align-items: stretch;
47
- } .navigation-bar__left_1789a {
50
+ } .navigation-bar__left_715ng {
48
51
  text-align: left;
49
- } .navigation-bar__center_1789a {
52
+ } .navigation-bar__center_715ng {
50
53
  text-align: center;
51
- } .navigation-bar__children_1789a {
54
+ } .navigation-bar__children_715ng {
52
55
  width: 100%;
53
- } .navigation-bar__content_1789a {
56
+ } .navigation-bar__content_715ng {
54
57
  display: flex;
55
58
  flex-grow: 1;
56
59
  justify-content: center;
57
60
  flex-flow: column nowrap;
58
61
  color: var(--color-light-text-primary)
59
- } .navigation-bar__content_1789a.navigation-bar__left_1789a {
62
+ } .navigation-bar__content_715ng.navigation-bar__left_715ng {
60
63
  padding: var(--gap-0) var(--gap-16);
61
- } .navigation-bar__content_1789a > .navigation-bar__title_1789a,
62
- .navigation-bar__content_1789a > .navigation-bar__subtitle_1789a {
64
+ } .navigation-bar__content_715ng > .navigation-bar__title_715ng,
65
+ .navigation-bar__content_715ng > .navigation-bar__subtitle_715ng {
63
66
  -webkit-line-clamp: 1;
64
67
  display: -webkit-box;
65
68
  -webkit-box-orient: vertical;
66
69
  overflow: hidden;
67
70
  word-break: break-all;
68
- } .navigation-bar__title_1789a {
71
+ } .navigation-bar__title_715ng {
69
72
  font-size: 16px;
70
73
  line-height: 20px;
71
74
  font-weight: 500
72
- } .navigation-bar__title_1789a.navigation-bar__left_1789a {
75
+ } .navigation-bar__title_715ng.navigation-bar__left_715ng {
73
76
  font-size: 20px;
74
77
  line-height: 28px;
75
78
  font-weight: 600;
76
- } .navigation-bar__subtitle_1789a {
79
+ } .navigation-bar__subtitle_715ng {
77
80
  font-size: 14px;
78
81
  line-height: 20px;
79
82
  font-weight: 400;
80
83
  color: var(--color-light-text-secondary);
81
- } .navigation-bar__addons_1789a {
84
+ } .navigation-bar__addons_715ng {
82
85
  min-width: 48px;
83
86
  display: flex;
84
87
  justify-content: center;
85
- } .navigation-bar__rightAddons_1789a {
88
+ } .navigation-bar__rightAddons_715ng {
86
89
  margin-left: auto;
87
90
  }
@@ -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_1789a","sticky":"navigation-bar__sticky_1789a","border":"navigation-bar__border_1789a","mainLine":"navigation-bar__mainLine_1789a","left":"navigation-bar__left_1789a","center":"navigation-bar__center_1789a","children":"navigation-bar__children_1789a","content":"navigation-bar__content_1789a","title":"navigation-bar__title_1789a","subtitle":"navigation-bar__subtitle_1789a","addons":"navigation-bar__addons_1789a","rightAddons":"navigation-bar__rightAddons_1789a"};
5
+ const styles = {"component":"navigation-bar__component_715ng","sticky":"navigation-bar__sticky_715ng","border":"navigation-bar__border_715ng","mainLine":"navigation-bar__mainLine_715ng","left":"navigation-bar__left_715ng","center":"navigation-bar__center_715ng","children":"navigation-bar__children_715ng","content":"navigation-bar__content_715ng","title":"navigation-bar__title_715ng","subtitle":"navigation-bar__subtitle_715ng","addons":"navigation-bar__addons_715ng","rightAddons":"navigation-bar__rightAddons_715ng"};
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) => {
@@ -4,7 +4,7 @@ import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
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_1xykb","iconWrapper":"navigation-bar__iconWrapper_1xykb","back":"navigation-bar__back_1xykb","floating":"navigation-bar__floating_1xykb"};
7
+ const styles = {"component":"navigation-bar__component_1tgz4","iconWrapper":"navigation-bar__iconWrapper_1tgz4","back":"navigation-bar__back_1tgz4","floating":"navigation-bar__floating_1tgz4"};
8
8
  require('./index.css')
9
9
 
10
10
  const iconComponents = {
@@ -1,4 +1,4 @@
1
- /* hash: qadbo */
1
+ /* hash: 1czok */
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);
@@ -22,13 +22,16 @@
22
22
  } :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 */
23
23
 
24
24
  /* новые значения, используйте их */
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
25
28
  } :root {
26
29
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1xykb {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1tgz4 {
28
31
  height: 100%;
29
32
  border-radius: var(--border-radius-pill);
30
33
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xykb {
34
+ } .navigation-bar__iconWrapper_1tgz4 {
32
35
  display: inline-flex;
33
36
  align-items: center;
34
37
  justify-content: center;
@@ -37,12 +40,12 @@
37
40
  border-radius: var(--border-radius-circle);
38
41
  background: var(--color-light-neutral-translucent-100);
39
42
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xykb.navigation-bar__back_1xykb {
43
+ } .navigation-bar__iconWrapper_1tgz4.navigation-bar__back_1tgz4 {
41
44
  background: transparent;
42
- } .navigation-bar__floating_1xykb path {
45
+ } .navigation-bar__floating_1tgz4 path {
43
46
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xykb:hover path {
47
+ } .navigation-bar__floating_1tgz4:hover path {
45
48
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xykb:active path {
49
+ } .navigation-bar__floating_1tgz4:active path {
47
50
  fill: var(--color-light-neutral-translucent-700-press);
48
51
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
4
4
  import { Text } from '@alfalab/core-components-typography/modern';
5
5
 
6
- const styles = {"component":"navigation-bar__component_17jld","text":"navigation-bar__text_17jld"};
6
+ const styles = {"component":"navigation-bar__component_1yrv2","text":"navigation-bar__text_1yrv2"};
7
7
  require('./index.css')
8
8
 
9
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 },
@@ -1,4 +1,4 @@
1
- /* hash: 6u2y4 */
1
+ /* hash: 11o9f */
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 */
@@ -18,12 +18,15 @@
18
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+
22
+ /* no-unit может приводить к проблемам в calc (#1559) */
23
+ /* stylelint-disable-next-line length-zero-no-unit */
21
24
  --gap-8: var(--gap-xs);
22
25
  --gap-16: var(--gap-m);
23
26
  } :root {
24
27
  } :root {
25
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_17jld {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1yrv2 {
26
29
  height: 100%;
27
- } .navigation-bar__text_17jld {
30
+ } .navigation-bar__text_1yrv2 {
28
31
  padding: var(--gap-8) var(--gap-16);
29
32
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1r7ri */
1
+ /* hash: 14iga */
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;
@@ -22,66 +22,69 @@
22
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
- --gap-0: 0;
25
+
26
+ /* no-unit может приводить к проблемам в calc (#1559) */
27
+ /* stylelint-disable-next-line length-zero-no-unit */
28
+ --gap-0: 0px;
26
29
  --gap-4: var(--gap-2xs);
27
30
  --gap-8: var(--gap-xs);
28
31
  --gap-16: var(--gap-m);
29
32
  } :root {
30
33
  } :root {
31
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1789a {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_715ng {
32
35
  padding: var(--gap-8) var(--gap-4);
33
36
  box-sizing: border-box;
34
37
  width: 100%;
35
- } .navigation-bar__sticky_1789a {
38
+ } .navigation-bar__sticky_715ng {
36
39
  position: sticky;
37
40
  top: var(--gap-0);
38
41
  z-index: 1;
39
- } .navigation-bar__border_1789a {
42
+ } .navigation-bar__border_715ng {
40
43
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
41
- } .navigation-bar__mainLine_1789a {
44
+ } .navigation-bar__mainLine_715ng {
42
45
  display: flex;
43
46
  background-color: inherit;
44
47
  justify-content: space-between;
45
48
  min-height: 40px;
46
49
  align-items: stretch;
47
- } .navigation-bar__left_1789a {
50
+ } .navigation-bar__left_715ng {
48
51
  text-align: left;
49
- } .navigation-bar__center_1789a {
52
+ } .navigation-bar__center_715ng {
50
53
  text-align: center;
51
- } .navigation-bar__children_1789a {
54
+ } .navigation-bar__children_715ng {
52
55
  width: 100%;
53
- } .navigation-bar__content_1789a {
56
+ } .navigation-bar__content_715ng {
54
57
  display: flex;
55
58
  flex-grow: 1;
56
59
  justify-content: center;
57
60
  flex-flow: column nowrap;
58
61
  color: var(--color-light-text-primary)
59
- } .navigation-bar__content_1789a.navigation-bar__left_1789a {
62
+ } .navigation-bar__content_715ng.navigation-bar__left_715ng {
60
63
  padding: var(--gap-0) var(--gap-16);
61
- } .navigation-bar__content_1789a > .navigation-bar__title_1789a,
62
- .navigation-bar__content_1789a > .navigation-bar__subtitle_1789a {
64
+ } .navigation-bar__content_715ng > .navigation-bar__title_715ng,
65
+ .navigation-bar__content_715ng > .navigation-bar__subtitle_715ng {
63
66
  -webkit-line-clamp: 1;
64
67
  display: -webkit-box;
65
68
  -webkit-box-orient: vertical;
66
69
  overflow: hidden;
67
70
  word-break: break-all;
68
- } .navigation-bar__title_1789a {
71
+ } .navigation-bar__title_715ng {
69
72
  font-size: 16px;
70
73
  line-height: 20px;
71
74
  font-weight: 500
72
- } .navigation-bar__title_1789a.navigation-bar__left_1789a {
75
+ } .navigation-bar__title_715ng.navigation-bar__left_715ng {
73
76
  font-size: 20px;
74
77
  line-height: 28px;
75
78
  font-weight: 600;
76
- } .navigation-bar__subtitle_1789a {
79
+ } .navigation-bar__subtitle_715ng {
77
80
  font-size: 14px;
78
81
  line-height: 20px;
79
82
  font-weight: 400;
80
83
  color: var(--color-light-text-secondary);
81
- } .navigation-bar__addons_1789a {
84
+ } .navigation-bar__addons_715ng {
82
85
  min-width: 48px;
83
86
  display: flex;
84
87
  justify-content: center;
85
- } .navigation-bar__rightAddons_1789a {
88
+ } .navigation-bar__rightAddons_715ng {
86
89
  margin-left: auto;
87
90
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "1.2.13",
3
+ "version": "1.2.14",
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.3",
19
- "@alfalab/core-components-typography": "^4.11.3",
20
- "@alfalab/core-components-shared": "^0.14.1",
18
+ "@alfalab/core-components-button": "^11.11.4",
19
+ "@alfalab/core-components-typography": "^4.11.4",
20
+ "@alfalab/core-components-shared": "^0.15.0",
21
21
  "@alfalab/icons-glyph": "^2.210.0",
22
22
  "classnames": "^2.5.1",
23
23
  "tslib": "^2.4.0"
24
24
  },
25
25
  "themesVersion": "13.7.0",
26
- "varsVersion": "9.16.0"
26
+ "varsVersion": "9.18.0"
27
27
  }