@alfalab/core-components-navigation-bar 1.2.0 → 1.2.2

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 (24) hide show
  1. package/Component.js +1 -1
  2. package/components/action-icon-addon/Component.js +1 -1
  3. package/components/action-icon-addon/index.css +7 -7
  4. package/components/action-text-addon/Component.js +1 -1
  5. package/components/action-text-addon/index.css +3 -3
  6. package/cssm/components/action-icon-addon/index.module.css +1 -1
  7. package/cssm/components/action-text-addon/index.module.css +1 -1
  8. package/cssm/index.module.css +4 -3
  9. package/esm/Component.js +1 -1
  10. package/esm/components/action-icon-addon/Component.js +1 -1
  11. package/esm/components/action-icon-addon/index.css +7 -7
  12. package/esm/components/action-text-addon/Component.js +1 -1
  13. package/esm/components/action-text-addon/index.css +3 -3
  14. package/esm/index.css +20 -19
  15. package/index.css +20 -19
  16. package/modern/Component.js +1 -1
  17. package/modern/components/action-icon-addon/Component.js +1 -1
  18. package/modern/components/action-icon-addon/index.css +7 -7
  19. package/modern/components/action-text-addon/Component.js +1 -1
  20. package/modern/components/action-text-addon/index.css +3 -3
  21. package/modern/index.css +20 -19
  22. package/moderncssm/index.module.css +2 -2
  23. package/package.json +6 -6
  24. package/src/index.module.css +2 -2
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_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
15
+ var styles = {"component":"navigation-bar__component_12nls","sticky":"navigation-bar__sticky_12nls","border":"navigation-bar__border_12nls","mainLine":"navigation-bar__mainLine_12nls","left":"navigation-bar__left_12nls","center":"navigation-bar__center_12nls","children":"navigation-bar__children_12nls","content":"navigation-bar__content_12nls","title":"navigation-bar__title_12nls","subtitle":"navigation-bar__subtitle_12nls","addons":"navigation-bar__addons_12nls","rightAddons":"navigation-bar__rightAddons_12nls"};
16
16
  require('./index.css')
17
17
 
18
18
  var NavigationBar = React.forwardRef(function (_a, ref) {
package/components/action-icon-addon/Component.js CHANGED
@@ -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_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
17
+ var styles = {"component":"navigation-bar__component_18k7l","iconWrapper":"navigation-bar__iconWrapper_18k7l","back":"navigation-bar__back_18k7l","floating":"navigation-bar__floating_18k7l"};
18
18
  require('./index.css')
19
19
 
20
20
  var iconComponents = {
package/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13pi7 */
1
+ /* hash: 11o1e */
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);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_1xvxu {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_18k7l {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xvxu {
31
+ } .navigation-bar__iconWrapper_18k7l {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
40
+ } .navigation-bar__iconWrapper_18k7l.navigation-bar__back_18k7l {
41
41
  background: transparent;
42
- } .navigation-bar__floating_1xvxu path {
42
+ } .navigation-bar__floating_18k7l path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xvxu:hover path {
44
+ } .navigation-bar__floating_18k7l:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xvxu:active path {
46
+ } .navigation-bar__floating_18k7l:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/components/action-text-addon/Component.js CHANGED
@@ -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_1k6xv","text":"navigation-bar__text_1k6xv"};
16
+ var styles = {"component":"navigation-bar__component_1b8m5","text":"navigation-bar__text_1b8m5"};
17
17
  require('./index.css')
18
18
 
19
19
  var ActionTextAddon = function (_a) {
package/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 5a9xf */
1
+ /* hash: 15koa */
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 */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1k6xv {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1b8m5 {
26
26
  height: 100%;
27
- } .navigation-bar__text_1k6xv {
27
+ } .navigation-bar__text_1b8m5 {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/cssm/components/action-icon-addon/index.module.css CHANGED
@@ -23,7 +23,7 @@
23
23
  /* новые значения, используйте их */
24
24
  } :root {
25
25
  } :root {
26
- } .component {
26
+ } /* сбрасывает синюю подсветку при нажатии */ .component {
27
27
  height: 100%;
28
28
  border-radius: var(--border-radius-pill);
29
29
  min-width: 48px;
package/cssm/components/action-text-addon/index.module.css CHANGED
@@ -21,7 +21,7 @@
21
21
  --gap-16: var(--gap-m);
22
22
  } :root {
23
23
  } :root {
24
- } .component {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .component {
25
25
  height: 100%;
26
26
  } .text {
27
27
  padding: var(--gap-8) var(--gap-16);
package/cssm/index.module.css CHANGED
@@ -21,18 +21,19 @@
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
  --gap-4: var(--gap-2xs);
25
26
  --gap-8: var(--gap-xs);
26
27
  --gap-16: var(--gap-m);
27
28
  } :root {
28
29
  } :root {
29
- } .component {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .component {
30
31
  padding: var(--gap-8) var(--gap-4);
31
32
  box-sizing: border-box;
32
33
  width: 100%;
33
34
  } .sticky {
34
35
  position: sticky;
35
- top: 0;
36
+ top: var(--gap-0);
36
37
  z-index: 1;
37
38
  } .border {
38
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
@@ -55,7 +56,7 @@
55
56
  flex-flow: column nowrap;
56
57
  color: var(--color-light-text-primary)
57
58
  } .content.left {
58
- padding: 0 var(--gap-16);
59
+ padding: var(--gap-0) var(--gap-16);
59
60
  } .content > .title,
60
61
  .content > .subtitle {
61
62
  -webkit-line-clamp: 1;
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_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
6
+ var styles = {"component":"navigation-bar__component_12nls","sticky":"navigation-bar__sticky_12nls","border":"navigation-bar__border_12nls","mainLine":"navigation-bar__mainLine_12nls","left":"navigation-bar__left_12nls","center":"navigation-bar__center_12nls","children":"navigation-bar__children_12nls","content":"navigation-bar__content_12nls","title":"navigation-bar__title_12nls","subtitle":"navigation-bar__subtitle_12nls","addons":"navigation-bar__addons_12nls","rightAddons":"navigation-bar__rightAddons_12nls"};
7
7
  require('./index.css')
8
8
 
9
9
  var NavigationBar = forwardRef(function (_a, ref) {
package/esm/components/action-icon-addon/Component.js CHANGED
@@ -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_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
8
+ var styles = {"component":"navigation-bar__component_18k7l","iconWrapper":"navigation-bar__iconWrapper_18k7l","back":"navigation-bar__back_18k7l","floating":"navigation-bar__floating_18k7l"};
9
9
  require('./index.css')
10
10
 
11
11
  var iconComponents = {
package/esm/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13pi7 */
1
+ /* hash: 11o1e */
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);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_1xvxu {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_18k7l {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xvxu {
31
+ } .navigation-bar__iconWrapper_18k7l {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
40
+ } .navigation-bar__iconWrapper_18k7l.navigation-bar__back_18k7l {
41
41
  background: transparent;
42
- } .navigation-bar__floating_1xvxu path {
42
+ } .navigation-bar__floating_18k7l path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xvxu:hover path {
44
+ } .navigation-bar__floating_18k7l:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xvxu:active path {
46
+ } .navigation-bar__floating_18k7l:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/esm/components/action-text-addon/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
5
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
6
 
7
- var styles = {"component":"navigation-bar__component_1k6xv","text":"navigation-bar__text_1k6xv"};
7
+ var styles = {"component":"navigation-bar__component_1b8m5","text":"navigation-bar__text_1b8m5"};
8
8
  require('./index.css')
9
9
 
10
10
  var ActionTextAddon = function (_a) {
package/esm/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 5a9xf */
1
+ /* hash: 15koa */
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 */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1k6xv {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1b8m5 {
26
26
  height: 100%;
27
- } .navigation-bar__text_1k6xv {
27
+ } .navigation-bar__text_1b8m5 {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vzt5 */
1
+ /* hash: 1528k */
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,65 +22,66 @@
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
  --gap-4: var(--gap-2xs);
26
27
  --gap-8: var(--gap-xs);
27
28
  --gap-16: var(--gap-m);
28
29
  } :root {
29
30
  } :root {
30
- } .navigation-bar__component_1rzc1 {
31
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_12nls {
31
32
  padding: var(--gap-8) var(--gap-4);
32
33
  box-sizing: border-box;
33
34
  width: 100%;
34
- } .navigation-bar__sticky_1rzc1 {
35
+ } .navigation-bar__sticky_12nls {
35
36
  position: sticky;
36
- top: 0;
37
+ top: var(--gap-0);
37
38
  z-index: 1;
38
- } .navigation-bar__border_1rzc1 {
39
+ } .navigation-bar__border_12nls {
39
40
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_1rzc1 {
41
+ } .navigation-bar__mainLine_12nls {
41
42
  display: flex;
42
43
  background-color: inherit;
43
44
  justify-content: space-between;
44
45
  min-height: 40px;
45
46
  align-items: stretch;
46
- } .navigation-bar__left_1rzc1 {
47
+ } .navigation-bar__left_12nls {
47
48
  text-align: left;
48
- } .navigation-bar__center_1rzc1 {
49
+ } .navigation-bar__center_12nls {
49
50
  text-align: center;
50
- } .navigation-bar__children_1rzc1 {
51
+ } .navigation-bar__children_12nls {
51
52
  width: 100%;
52
- } .navigation-bar__content_1rzc1 {
53
+ } .navigation-bar__content_12nls {
53
54
  display: flex;
54
55
  flex-grow: 1;
55
56
  justify-content: center;
56
57
  flex-flow: column nowrap;
57
58
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
- padding: 0 var(--gap-16);
60
- } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
- .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
59
+ } .navigation-bar__content_12nls.navigation-bar__left_12nls {
60
+ padding: var(--gap-0) var(--gap-16);
61
+ } .navigation-bar__content_12nls > .navigation-bar__title_12nls,
62
+ .navigation-bar__content_12nls > .navigation-bar__subtitle_12nls {
62
63
  -webkit-line-clamp: 1;
63
64
  display: -webkit-box;
64
65
  -webkit-box-orient: vertical;
65
66
  overflow: hidden;
66
67
  word-break: break-all;
67
- } .navigation-bar__title_1rzc1 {
68
+ } .navigation-bar__title_12nls {
68
69
  font-size: 16px;
69
70
  line-height: 20px;
70
71
  font-weight: 500
71
- } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
+ } .navigation-bar__title_12nls.navigation-bar__left_12nls {
72
73
  font-size: 20px;
73
74
  line-height: 28px;
74
75
  font-weight: 600;
75
- } .navigation-bar__subtitle_1rzc1 {
76
+ } .navigation-bar__subtitle_12nls {
76
77
  font-size: 14px;
77
78
  line-height: 20px;
78
79
  font-weight: 400;
79
80
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_1rzc1 {
81
+ } .navigation-bar__addons_12nls {
81
82
  min-width: 48px;
82
83
  display: flex;
83
84
  justify-content: center;
84
- } .navigation-bar__rightAddons_1rzc1 {
85
+ } .navigation-bar__rightAddons_12nls {
85
86
  margin-left: auto;
86
87
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vzt5 */
1
+ /* hash: 1528k */
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,65 +22,66 @@
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
  --gap-4: var(--gap-2xs);
26
27
  --gap-8: var(--gap-xs);
27
28
  --gap-16: var(--gap-m);
28
29
  } :root {
29
30
  } :root {
30
- } .navigation-bar__component_1rzc1 {
31
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_12nls {
31
32
  padding: var(--gap-8) var(--gap-4);
32
33
  box-sizing: border-box;
33
34
  width: 100%;
34
- } .navigation-bar__sticky_1rzc1 {
35
+ } .navigation-bar__sticky_12nls {
35
36
  position: sticky;
36
- top: 0;
37
+ top: var(--gap-0);
37
38
  z-index: 1;
38
- } .navigation-bar__border_1rzc1 {
39
+ } .navigation-bar__border_12nls {
39
40
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_1rzc1 {
41
+ } .navigation-bar__mainLine_12nls {
41
42
  display: flex;
42
43
  background-color: inherit;
43
44
  justify-content: space-between;
44
45
  min-height: 40px;
45
46
  align-items: stretch;
46
- } .navigation-bar__left_1rzc1 {
47
+ } .navigation-bar__left_12nls {
47
48
  text-align: left;
48
- } .navigation-bar__center_1rzc1 {
49
+ } .navigation-bar__center_12nls {
49
50
  text-align: center;
50
- } .navigation-bar__children_1rzc1 {
51
+ } .navigation-bar__children_12nls {
51
52
  width: 100%;
52
- } .navigation-bar__content_1rzc1 {
53
+ } .navigation-bar__content_12nls {
53
54
  display: flex;
54
55
  flex-grow: 1;
55
56
  justify-content: center;
56
57
  flex-flow: column nowrap;
57
58
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
- padding: 0 var(--gap-16);
60
- } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
- .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
59
+ } .navigation-bar__content_12nls.navigation-bar__left_12nls {
60
+ padding: var(--gap-0) var(--gap-16);
61
+ } .navigation-bar__content_12nls > .navigation-bar__title_12nls,
62
+ .navigation-bar__content_12nls > .navigation-bar__subtitle_12nls {
62
63
  -webkit-line-clamp: 1;
63
64
  display: -webkit-box;
64
65
  -webkit-box-orient: vertical;
65
66
  overflow: hidden;
66
67
  word-break: break-all;
67
- } .navigation-bar__title_1rzc1 {
68
+ } .navigation-bar__title_12nls {
68
69
  font-size: 16px;
69
70
  line-height: 20px;
70
71
  font-weight: 500
71
- } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
+ } .navigation-bar__title_12nls.navigation-bar__left_12nls {
72
73
  font-size: 20px;
73
74
  line-height: 28px;
74
75
  font-weight: 600;
75
- } .navigation-bar__subtitle_1rzc1 {
76
+ } .navigation-bar__subtitle_12nls {
76
77
  font-size: 14px;
77
78
  line-height: 20px;
78
79
  font-weight: 400;
79
80
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_1rzc1 {
81
+ } .navigation-bar__addons_12nls {
81
82
  min-width: 48px;
82
83
  display: flex;
83
84
  justify-content: center;
84
- } .navigation-bar__rightAddons_1rzc1 {
85
+ } .navigation-bar__rightAddons_12nls {
85
86
  margin-left: auto;
86
87
  }
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_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
5
+ const styles = {"component":"navigation-bar__component_12nls","sticky":"navigation-bar__sticky_12nls","border":"navigation-bar__border_12nls","mainLine":"navigation-bar__mainLine_12nls","left":"navigation-bar__left_12nls","center":"navigation-bar__center_12nls","children":"navigation-bar__children_12nls","content":"navigation-bar__content_12nls","title":"navigation-bar__title_12nls","subtitle":"navigation-bar__subtitle_12nls","addons":"navigation-bar__addons_12nls","rightAddons":"navigation-bar__rightAddons_12nls"};
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
@@ -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_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
7
+ const styles = {"component":"navigation-bar__component_18k7l","iconWrapper":"navigation-bar__iconWrapper_18k7l","back":"navigation-bar__back_18k7l","floating":"navigation-bar__floating_18k7l"};
8
8
  require('./index.css')
9
9
 
10
10
  const iconComponents = {
package/modern/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 13pi7 */
1
+ /* hash: 11o1e */
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);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_1xvxu {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_18k7l {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_1xvxu {
31
+ } .navigation-bar__iconWrapper_18k7l {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
40
+ } .navigation-bar__iconWrapper_18k7l.navigation-bar__back_18k7l {
41
41
  background: transparent;
42
- } .navigation-bar__floating_1xvxu path {
42
+ } .navigation-bar__floating_18k7l path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_1xvxu:hover path {
44
+ } .navigation-bar__floating_18k7l:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_1xvxu:active path {
46
+ } .navigation-bar__floating_18k7l:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/modern/components/action-text-addon/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
4
4
  import { Typography } from '@alfalab/core-components-typography/modern';
5
5
 
6
- const styles = {"component":"navigation-bar__component_1k6xv","text":"navigation-bar__text_1k6xv"};
6
+ const styles = {"component":"navigation-bar__component_1b8m5","text":"navigation-bar__text_1b8m5"};
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 },
package/modern/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 5a9xf */
1
+ /* hash: 15koa */
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 */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1k6xv {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_1b8m5 {
26
26
  height: 100%;
27
- } .navigation-bar__text_1k6xv {
27
+ } .navigation-bar__text_1b8m5 {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vzt5 */
1
+ /* hash: 1528k */
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,65 +22,66 @@
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
  --gap-4: var(--gap-2xs);
26
27
  --gap-8: var(--gap-xs);
27
28
  --gap-16: var(--gap-m);
28
29
  } :root {
29
30
  } :root {
30
- } .navigation-bar__component_1rzc1 {
31
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar__component_12nls {
31
32
  padding: var(--gap-8) var(--gap-4);
32
33
  box-sizing: border-box;
33
34
  width: 100%;
34
- } .navigation-bar__sticky_1rzc1 {
35
+ } .navigation-bar__sticky_12nls {
35
36
  position: sticky;
36
- top: 0;
37
+ top: var(--gap-0);
37
38
  z-index: 1;
38
- } .navigation-bar__border_1rzc1 {
39
+ } .navigation-bar__border_12nls {
39
40
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_1rzc1 {
41
+ } .navigation-bar__mainLine_12nls {
41
42
  display: flex;
42
43
  background-color: inherit;
43
44
  justify-content: space-between;
44
45
  min-height: 40px;
45
46
  align-items: stretch;
46
- } .navigation-bar__left_1rzc1 {
47
+ } .navigation-bar__left_12nls {
47
48
  text-align: left;
48
- } .navigation-bar__center_1rzc1 {
49
+ } .navigation-bar__center_12nls {
49
50
  text-align: center;
50
- } .navigation-bar__children_1rzc1 {
51
+ } .navigation-bar__children_12nls {
51
52
  width: 100%;
52
- } .navigation-bar__content_1rzc1 {
53
+ } .navigation-bar__content_12nls {
53
54
  display: flex;
54
55
  flex-grow: 1;
55
56
  justify-content: center;
56
57
  flex-flow: column nowrap;
57
58
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
- padding: 0 var(--gap-16);
60
- } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
- .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
59
+ } .navigation-bar__content_12nls.navigation-bar__left_12nls {
60
+ padding: var(--gap-0) var(--gap-16);
61
+ } .navigation-bar__content_12nls > .navigation-bar__title_12nls,
62
+ .navigation-bar__content_12nls > .navigation-bar__subtitle_12nls {
62
63
  -webkit-line-clamp: 1;
63
64
  display: -webkit-box;
64
65
  -webkit-box-orient: vertical;
65
66
  overflow: hidden;
66
67
  word-break: break-all;
67
- } .navigation-bar__title_1rzc1 {
68
+ } .navigation-bar__title_12nls {
68
69
  font-size: 16px;
69
70
  line-height: 20px;
70
71
  font-weight: 500
71
- } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
+ } .navigation-bar__title_12nls.navigation-bar__left_12nls {
72
73
  font-size: 20px;
73
74
  line-height: 28px;
74
75
  font-weight: 600;
75
- } .navigation-bar__subtitle_1rzc1 {
76
+ } .navigation-bar__subtitle_12nls {
76
77
  font-size: 14px;
77
78
  line-height: 20px;
78
79
  font-weight: 400;
79
80
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_1rzc1 {
81
+ } .navigation-bar__addons_12nls {
81
82
  min-width: 48px;
82
83
  display: flex;
83
84
  justify-content: center;
84
- } .navigation-bar__rightAddons_1rzc1 {
85
+ } .navigation-bar__rightAddons_12nls {
85
86
  margin-left: auto;
86
87
  }
package/moderncssm/index.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  .sticky {
10
10
  position: sticky;
11
- top: 0;
11
+ top: var(--gap-0);
12
12
  z-index: 1;
13
13
  }
14
14
 
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .content.left {
48
- padding: 0 var(--gap-16);
48
+ padding: var(--gap-0) var(--gap-16);
49
49
  }
50
50
 
51
51
  .content > .title,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,13 +14,13 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-button": "^11.6.0",
18
- "@alfalab/core-components-typography": "^4.10.0",
19
- "@alfalab/core-components-shared": "^0.12.0",
17
+ "@alfalab/core-components-button": "^11.7.1",
18
+ "@alfalab/core-components-typography": "^4.10.1",
19
+ "@alfalab/core-components-shared": "^0.12.1",
20
20
  "@alfalab/icons-glyph": "^2.139.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
- "themesVersion": "13.1.0",
25
- "varsVersion": "9.12.0"
24
+ "themesVersion": "13.2.0",
25
+ "varsVersion": "9.13.1"
26
26
  }
package/src/index.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  .sticky {
10
10
  position: sticky;
11
- top: 0;
11
+ top: var(--gap-0);
12
12
  z-index: 1;
13
13
  }
14
14
 
@@ -44,7 +44,7 @@
44
44
  color: var(--color-light-text-primary);
45
45
 
46
46
  &.left {
47
- padding: 0 var(--gap-16);
47
+ padding: var(--gap-0) var(--gap-16);
48
48
  }
49
49
 
50
50
  & > .title,