@alfalab/core-components-navigation-bar-private 0.4.0 → 0.4.1

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 (19) hide show
  1. package/Component.js +1 -1
  2. package/components/back-arrow-addon/Component.js +1 -1
  3. package/components/back-arrow-addon/index.css +12 -12
  4. package/components/closer/Component.js +1 -1
  5. package/components/closer/index.css +6 -6
  6. package/esm/Component.js +1 -1
  7. package/esm/components/back-arrow-addon/Component.js +1 -1
  8. package/esm/components/back-arrow-addon/index.css +12 -12
  9. package/esm/components/closer/Component.js +1 -1
  10. package/esm/components/closer/index.css +6 -6
  11. package/esm/index.css +27 -27
  12. package/index.css +27 -27
  13. package/modern/Component.js +1 -1
  14. package/modern/components/back-arrow-addon/Component.js +1 -1
  15. package/modern/components/back-arrow-addon/index.css +12 -12
  16. package/modern/components/closer/Component.js +1 -1
  17. package/modern/components/closer/index.css +6 -6
  18. package/modern/index.css +27 -27
  19. package/package.json +5 -5
package/Component.js CHANGED
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"header":"navigation-bar-private__header_1t2j2","backgroundImage":"navigation-bar-private__backgroundImage_1t2j2","mainLine":"navigation-bar-private__mainLine_1t2j2","mainLineSticky":"navigation-bar-private__mainLineSticky_1t2j2","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1t2j2","content":"navigation-bar-private__content_1t2j2","withBothAddons":"navigation-bar-private__withBothAddons_1t2j2","withCompactTitle":"navigation-bar-private__withCompactTitle_1t2j2","children":"navigation-bar-private__children_1t2j2","title":"navigation-bar-private__title_1t2j2","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1t2j2","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1t2j2","subtitle":"navigation-bar-private__subtitle_1t2j2","addonsWrapper":"navigation-bar-private__addonsWrapper_1t2j2","rightAddons":"navigation-bar-private__rightAddons_1t2j2","addon":"navigation-bar-private__addon_1t2j2","bottomAddons":"navigation-bar-private__bottomAddons_1t2j2","closer":"navigation-bar-private__closer_1t2j2","left":"navigation-bar-private__left_1t2j2","center":"navigation-bar-private__center_1t2j2","trim":"navigation-bar-private__trim_1t2j2"};
20
+ var styles = {"header":"navigation-bar-private__header_1kers","backgroundImage":"navigation-bar-private__backgroundImage_1kers","mainLine":"navigation-bar-private__mainLine_1kers","mainLineSticky":"navigation-bar-private__mainLineSticky_1kers","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1kers","content":"navigation-bar-private__content_1kers","withBothAddons":"navigation-bar-private__withBothAddons_1kers","withCompactTitle":"navigation-bar-private__withCompactTitle_1kers","children":"navigation-bar-private__children_1kers","title":"navigation-bar-private__title_1kers","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1kers","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1kers","subtitle":"navigation-bar-private__subtitle_1kers","addonsWrapper":"navigation-bar-private__addonsWrapper_1kers","rightAddons":"navigation-bar-private__rightAddons_1kers","addon":"navigation-bar-private__addon_1kers","bottomAddons":"navigation-bar-private__bottomAddons_1kers","closer":"navigation-bar-private__closer_1kers","left":"navigation-bar-private__left_1kers","center":"navigation-bar-private__center_1kers","trim":"navigation-bar-private__trim_1kers"};
21
21
  require('./index.css')
22
22
 
23
23
  var ADDONS_HEIGHT = 48;
package/components/back-arrow-addon/Component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"navigation-bar-private__component_19515","mobileComponent":"navigation-bar-private__mobileComponent_19515","flex":"navigation-bar-private__flex_19515","iconWrapper":"navigation-bar-private__iconWrapper_19515","text":"navigation-bar-private__text_19515","mobileWrapper":"navigation-bar-private__mobileWrapper_19515"};
18
+ var styles = {"component":"navigation-bar-private__component_h6mvg","mobileComponent":"navigation-bar-private__mobileComponent_h6mvg","flex":"navigation-bar-private__flex_h6mvg","iconWrapper":"navigation-bar-private__iconWrapper_h6mvg","text":"navigation-bar-private__text_h6mvg","mobileWrapper":"navigation-bar-private__mobileWrapper_h6mvg"};
19
19
  require('./index.css')
20
20
 
21
21
  var BackArrowAddon = function (_a) {
package/components/back-arrow-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6gw5z */
1
+ /* hash: sog53 */
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);
@@ -36,48 +36,48 @@
36
36
 
37
37
  /* back-arrow */
38
38
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
39
- } .navigation-bar-private__component_19515 {
39
+ } .navigation-bar-private__component_h6mvg {
40
40
  height: 100%;
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  border-radius: var(--border-radius-pill);
45
45
  min-width: 48px
46
- } .navigation-bar-private__component_19515 svg > path {
46
+ } .navigation-bar-private__component_h6mvg svg > path {
47
47
  transition: fill 0.2s ease;
48
48
  fill: var(--color-light-neutral-translucent-1300);
49
- } .navigation-bar-private__component_19515:hover svg > path {
49
+ } .navigation-bar-private__component_h6mvg:hover svg > path {
50
50
  fill: var(--color-light-neutral-translucent-1300-hover);
51
- } .navigation-bar-private__component_19515:active svg > path {
51
+ } .navigation-bar-private__component_h6mvg:active svg > path {
52
52
  fill: var(--color-light-neutral-translucent-1300-press);
53
- } .navigation-bar-private__mobileComponent_19515 {
53
+ } .navigation-bar-private__mobileComponent_h6mvg {
54
54
  height: 32px;
55
55
  min-width: 32px;
56
56
  margin: var(--gap-0) var(--gap-8);
57
57
  -webkit-backdrop-filter: none;
58
58
  backdrop-filter: none;
59
59
  background: none;
60
- } .navigation-bar-private__flex_19515 {
60
+ } .navigation-bar-private__flex_h6mvg {
61
61
  display: flex;
62
62
  align-items: center;
63
- } .navigation-bar-private__iconWrapper_19515 {
63
+ } .navigation-bar-private__iconWrapper_h6mvg {
64
64
  display: inline-flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
67
  height: 48px;
68
68
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
69
69
  border-radius: var(--border-radius-circle)
70
- } .navigation-bar-private__iconWrapper_19515 + .navigation-bar-private__text_19515 {
70
+ } .navigation-bar-private__iconWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
71
71
  margin-right: var(--gap-12);
72
- } .navigation-bar-private__mobileWrapper_19515 {
72
+ } .navigation-bar-private__mobileWrapper_h6mvg {
73
73
  width: 32px;
74
74
  height: 32px;
75
75
  background: var(--color-light-neutral-translucent-100);
76
76
  -webkit-backdrop-filter: blur(10px);
77
77
  backdrop-filter: blur(10px);
78
78
  margin: var(--gap-0)
79
- } .navigation-bar-private__mobileWrapper_19515 + .navigation-bar-private__text_19515 {
79
+ } .navigation-bar-private__mobileWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
80
80
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
81
- } .navigation-bar-private__mobileWrapper_19515 svg > path {
81
+ } .navigation-bar-private__mobileWrapper_h6mvg svg > path {
82
82
  fill: var(--navigation-bar-back-arrow-mobile-fill);
83
83
  }
package/components/closer/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 = {"closer":"navigation-bar-private__closer_1k6ka","button":"navigation-bar-private__button_1k6ka","mobile":"navigation-bar-private__mobile_1k6ka","sticky":"navigation-bar-private__sticky_1k6ka"};
17
+ var styles = {"closer":"navigation-bar-private__closer_f7hpn","button":"navigation-bar-private__button_f7hpn","mobile":"navigation-bar-private__mobile_f7hpn","sticky":"navigation-bar-private__sticky_f7hpn"};
18
18
  require('./index.css')
19
19
 
20
20
  var Closer = function (_a) {
package/components/closer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1y5us */
1
+ /* hash: 17mge */
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);
@@ -29,7 +29,7 @@
29
29
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
30
30
 
31
31
  /* back-arrow */
32
- } .navigation-bar-private__closer_1k6ka {
32
+ } .navigation-bar-private__closer_f7hpn {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -37,17 +37,17 @@
37
37
  display: flex;
38
38
  align-items: center;
39
39
  justify-content: center;
40
- } .navigation-bar-private__button_1k6ka {
40
+ } .navigation-bar-private__button_f7hpn {
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  color: var(--color-light-neutral-translucent-1300)
45
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__mobile_1k6ka {
45
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__mobile_f7hpn {
46
46
  background: var(--color-light-neutral-translucent-100);
47
47
  color: var(--navigation-bar-closer-mobile-color);
48
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__button_1k6ka {
48
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__button_f7hpn {
49
49
  border-radius: var(--border-radius-circle);
50
- } .navigation-bar-private__sticky_1k6ka {
50
+ } .navigation-bar-private__sticky_f7hpn {
51
51
  position: sticky;
52
52
  top: var(--gap-0);
53
53
  }
package/esm/Component.js CHANGED
@@ -7,7 +7,7 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
7
7
  import { BackArrowAddon } from './components/back-arrow-addon/Component.js';
8
8
  import { Closer } from './components/closer/Component.js';
9
9
 
10
- var styles = {"header":"navigation-bar-private__header_1t2j2","backgroundImage":"navigation-bar-private__backgroundImage_1t2j2","mainLine":"navigation-bar-private__mainLine_1t2j2","mainLineSticky":"navigation-bar-private__mainLineSticky_1t2j2","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1t2j2","content":"navigation-bar-private__content_1t2j2","withBothAddons":"navigation-bar-private__withBothAddons_1t2j2","withCompactTitle":"navigation-bar-private__withCompactTitle_1t2j2","children":"navigation-bar-private__children_1t2j2","title":"navigation-bar-private__title_1t2j2","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1t2j2","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1t2j2","subtitle":"navigation-bar-private__subtitle_1t2j2","addonsWrapper":"navigation-bar-private__addonsWrapper_1t2j2","rightAddons":"navigation-bar-private__rightAddons_1t2j2","addon":"navigation-bar-private__addon_1t2j2","bottomAddons":"navigation-bar-private__bottomAddons_1t2j2","closer":"navigation-bar-private__closer_1t2j2","left":"navigation-bar-private__left_1t2j2","center":"navigation-bar-private__center_1t2j2","trim":"navigation-bar-private__trim_1t2j2"};
10
+ var styles = {"header":"navigation-bar-private__header_1kers","backgroundImage":"navigation-bar-private__backgroundImage_1kers","mainLine":"navigation-bar-private__mainLine_1kers","mainLineSticky":"navigation-bar-private__mainLineSticky_1kers","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1kers","content":"navigation-bar-private__content_1kers","withBothAddons":"navigation-bar-private__withBothAddons_1kers","withCompactTitle":"navigation-bar-private__withCompactTitle_1kers","children":"navigation-bar-private__children_1kers","title":"navigation-bar-private__title_1kers","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1kers","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1kers","subtitle":"navigation-bar-private__subtitle_1kers","addonsWrapper":"navigation-bar-private__addonsWrapper_1kers","rightAddons":"navigation-bar-private__rightAddons_1kers","addon":"navigation-bar-private__addon_1kers","bottomAddons":"navigation-bar-private__bottomAddons_1kers","closer":"navigation-bar-private__closer_1kers","left":"navigation-bar-private__left_1kers","center":"navigation-bar-private__center_1kers","trim":"navigation-bar-private__trim_1kers"};
11
11
  require('./index.css')
12
12
 
13
13
  var ADDONS_HEIGHT = 48;
package/esm/components/back-arrow-addon/Component.js CHANGED
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
6
6
  import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
7
7
  import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
8
8
 
9
- var styles = {"component":"navigation-bar-private__component_19515","mobileComponent":"navigation-bar-private__mobileComponent_19515","flex":"navigation-bar-private__flex_19515","iconWrapper":"navigation-bar-private__iconWrapper_19515","text":"navigation-bar-private__text_19515","mobileWrapper":"navigation-bar-private__mobileWrapper_19515"};
9
+ var styles = {"component":"navigation-bar-private__component_h6mvg","mobileComponent":"navigation-bar-private__mobileComponent_h6mvg","flex":"navigation-bar-private__flex_h6mvg","iconWrapper":"navigation-bar-private__iconWrapper_h6mvg","text":"navigation-bar-private__text_h6mvg","mobileWrapper":"navigation-bar-private__mobileWrapper_h6mvg"};
10
10
  require('./index.css')
11
11
 
12
12
  var BackArrowAddon = function (_a) {
package/esm/components/back-arrow-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6gw5z */
1
+ /* hash: sog53 */
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);
@@ -36,48 +36,48 @@
36
36
 
37
37
  /* back-arrow */
38
38
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
39
- } .navigation-bar-private__component_19515 {
39
+ } .navigation-bar-private__component_h6mvg {
40
40
  height: 100%;
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  border-radius: var(--border-radius-pill);
45
45
  min-width: 48px
46
- } .navigation-bar-private__component_19515 svg > path {
46
+ } .navigation-bar-private__component_h6mvg svg > path {
47
47
  transition: fill 0.2s ease;
48
48
  fill: var(--color-light-neutral-translucent-1300);
49
- } .navigation-bar-private__component_19515:hover svg > path {
49
+ } .navigation-bar-private__component_h6mvg:hover svg > path {
50
50
  fill: var(--color-light-neutral-translucent-1300-hover);
51
- } .navigation-bar-private__component_19515:active svg > path {
51
+ } .navigation-bar-private__component_h6mvg:active svg > path {
52
52
  fill: var(--color-light-neutral-translucent-1300-press);
53
- } .navigation-bar-private__mobileComponent_19515 {
53
+ } .navigation-bar-private__mobileComponent_h6mvg {
54
54
  height: 32px;
55
55
  min-width: 32px;
56
56
  margin: var(--gap-0) var(--gap-8);
57
57
  -webkit-backdrop-filter: none;
58
58
  backdrop-filter: none;
59
59
  background: none;
60
- } .navigation-bar-private__flex_19515 {
60
+ } .navigation-bar-private__flex_h6mvg {
61
61
  display: flex;
62
62
  align-items: center;
63
- } .navigation-bar-private__iconWrapper_19515 {
63
+ } .navigation-bar-private__iconWrapper_h6mvg {
64
64
  display: inline-flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
67
  height: 48px;
68
68
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
69
69
  border-radius: var(--border-radius-circle)
70
- } .navigation-bar-private__iconWrapper_19515 + .navigation-bar-private__text_19515 {
70
+ } .navigation-bar-private__iconWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
71
71
  margin-right: var(--gap-12);
72
- } .navigation-bar-private__mobileWrapper_19515 {
72
+ } .navigation-bar-private__mobileWrapper_h6mvg {
73
73
  width: 32px;
74
74
  height: 32px;
75
75
  background: var(--color-light-neutral-translucent-100);
76
76
  -webkit-backdrop-filter: blur(10px);
77
77
  backdrop-filter: blur(10px);
78
78
  margin: var(--gap-0)
79
- } .navigation-bar-private__mobileWrapper_19515 + .navigation-bar-private__text_19515 {
79
+ } .navigation-bar-private__mobileWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
80
80
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
81
- } .navigation-bar-private__mobileWrapper_19515 svg > path {
81
+ } .navigation-bar-private__mobileWrapper_h6mvg svg > path {
82
82
  fill: var(--navigation-bar-back-arrow-mobile-fill);
83
83
  }
package/esm/components/closer/Component.js CHANGED
@@ -5,7 +5,7 @@ import { IconButton } from '@alfalab/core-components-icon-button/esm';
5
5
  import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
6
6
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
 
8
- var styles = {"closer":"navigation-bar-private__closer_1k6ka","button":"navigation-bar-private__button_1k6ka","mobile":"navigation-bar-private__mobile_1k6ka","sticky":"navigation-bar-private__sticky_1k6ka"};
8
+ var styles = {"closer":"navigation-bar-private__closer_f7hpn","button":"navigation-bar-private__button_f7hpn","mobile":"navigation-bar-private__mobile_f7hpn","sticky":"navigation-bar-private__sticky_f7hpn"};
9
9
  require('./index.css')
10
10
 
11
11
  var Closer = function (_a) {
package/esm/components/closer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1y5us */
1
+ /* hash: 17mge */
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);
@@ -29,7 +29,7 @@
29
29
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
30
30
 
31
31
  /* back-arrow */
32
- } .navigation-bar-private__closer_1k6ka {
32
+ } .navigation-bar-private__closer_f7hpn {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -37,17 +37,17 @@
37
37
  display: flex;
38
38
  align-items: center;
39
39
  justify-content: center;
40
- } .navigation-bar-private__button_1k6ka {
40
+ } .navigation-bar-private__button_f7hpn {
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  color: var(--color-light-neutral-translucent-1300)
45
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__mobile_1k6ka {
45
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__mobile_f7hpn {
46
46
  background: var(--color-light-neutral-translucent-100);
47
47
  color: var(--navigation-bar-closer-mobile-color);
48
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__button_1k6ka {
48
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__button_f7hpn {
49
49
  border-radius: var(--border-radius-circle);
50
- } .navigation-bar-private__sticky_1k6ka {
50
+ } .navigation-bar-private__sticky_f7hpn {
51
51
  position: sticky;
52
52
  top: var(--gap-0);
53
53
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1pcwv */
1
+ /* hash: ytiho */
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-text-primary: rgba(3, 3, 6, 0.88);
@@ -25,26 +25,26 @@
25
25
  --gap-12: var(--gap-s);
26
26
  } :root {
27
27
  } :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1t2j2 {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1kers {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  transition: box-shadow 0.2s ease, background 0.2s ease
32
- } .navigation-bar-private__header_1t2j2.navigation-bar-private__header_1t2j2.navigation-bar-private__backgroundImage_1t2j2 {
32
+ } .navigation-bar-private__header_1kers.navigation-bar-private__header_1kers.navigation-bar-private__backgroundImage_1kers {
33
33
  background-repeat: no-repeat;
34
34
  background-position: center;
35
35
  background-size: cover;
36
- } .navigation-bar-private__mainLine_1t2j2 {
36
+ } .navigation-bar-private__mainLine_1kers {
37
37
  display: flex;
38
38
  align-items: stretch;
39
39
  justify-content: space-between;
40
40
  z-index: 1;
41
41
  background-color: inherit;
42
- } .navigation-bar-private__mainLineSticky_1t2j2 {
42
+ } .navigation-bar-private__mainLineSticky_1kers {
43
43
  position: sticky;
44
44
  top: var(--gap-0);
45
- } .navigation-bar-private__mainLineWithImageBg_1t2j2 {
45
+ } .navigation-bar-private__mainLineWithImageBg_1kers {
46
46
  background-color: initial;
47
- } .navigation-bar-private__content_1t2j2 {
47
+ } .navigation-bar-private__content_1kers {
48
48
  color: var(--color-light-text-primary);
49
49
  display: flex;
50
50
  flex-flow: column nowrap;
@@ -53,27 +53,27 @@
53
53
  align-self: baseline;
54
54
  box-sizing: border-box;
55
55
  min-height: 48px
56
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2,
57
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 {
56
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers,
57
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers {
58
58
  font-size: 16px;
59
59
  line-height: 20px;
60
60
  font-weight: 500;
61
61
  align-self: center;
62
62
  padding-top: var(--gap-4);
63
63
  padding-bottom: var(--gap-4)
64
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__children_1t2j2,
65
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__title_1t2j2,
66
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__children_1t2j2,
67
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__title_1t2j2 {
64
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__children_1kers,
65
+ .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__title_1kers,
66
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__children_1kers,
67
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__title_1kers {
68
68
  -webkit-line-clamp: 1;
69
69
  word-break: break-all;
70
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2 {
70
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotDesktop_1kers.navigation-bar-private__contentOnBotDesktop_1kers {
71
71
  padding-top: var(--gap-12);
72
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2 {
72
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotMobile_1kers.navigation-bar-private__contentOnBotMobile_1kers {
73
73
  padding-top: var(--gap-12);
74
- } .navigation-bar-private__title_1t2j2 {
74
+ } .navigation-bar-private__title_1kers {
75
75
  word-break: break-word;
76
- } .navigation-bar-private__subtitle_1t2j2 {
76
+ } .navigation-bar-private__subtitle_1kers {
77
77
  font-size: 14px;
78
78
  line-height: 20px;
79
79
  font-weight: 400;
@@ -84,11 +84,11 @@
84
84
 
85
85
  color: var(--color-light-text-secondary);
86
86
  word-break: break-all;
87
- } .navigation-bar-private__addonsWrapper_1t2j2 {
87
+ } .navigation-bar-private__addonsWrapper_1kers {
88
88
  display: flex;
89
- } .navigation-bar-private__rightAddons_1t2j2 {
89
+ } .navigation-bar-private__rightAddons_1kers {
90
90
  margin-left: auto;
91
- } .navigation-bar-private__addon_1t2j2 {
91
+ } .navigation-bar-private__addon_1kers {
92
92
  min-width: 48px;
93
93
  height: 48px;
94
94
  display: flex;
@@ -96,18 +96,18 @@
96
96
  align-items: center;
97
97
  flex-shrink: 0;
98
98
  pointer-events: all;
99
- } .navigation-bar-private__bottomAddons_1t2j2 {
99
+ } .navigation-bar-private__bottomAddons_1kers {
100
100
  pointer-events: all;
101
- } .navigation-bar-private__closer_1t2j2 {
101
+ } .navigation-bar-private__closer_1kers {
102
102
  margin-left: auto;
103
- } .navigation-bar-private__left_1t2j2 {
103
+ } .navigation-bar-private__left_1kers {
104
104
  text-align: left;
105
- } .navigation-bar-private__center_1t2j2 {
105
+ } .navigation-bar-private__center_1kers {
106
106
  text-align: center;
107
- } .navigation-bar-private__trim_1t2j2 {
107
+ } .navigation-bar-private__trim_1kers {
108
108
  overflow: hidden
109
- } .navigation-bar-private__trim_1t2j2 .navigation-bar-private__title_1t2j2,
110
- .navigation-bar-private__trim_1t2j2 .navigation-bar-private__children_1t2j2 {
109
+ } .navigation-bar-private__trim_1kers .navigation-bar-private__title_1kers,
110
+ .navigation-bar-private__trim_1kers .navigation-bar-private__children_1kers {
111
111
  -webkit-line-clamp: 2;
112
112
  display: -webkit-box;
113
113
  -webkit-box-orient: vertical;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1pcwv */
1
+ /* hash: ytiho */
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-text-primary: rgba(3, 3, 6, 0.88);
@@ -25,26 +25,26 @@
25
25
  --gap-12: var(--gap-s);
26
26
  } :root {
27
27
  } :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1t2j2 {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1kers {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  transition: box-shadow 0.2s ease, background 0.2s ease
32
- } .navigation-bar-private__header_1t2j2.navigation-bar-private__header_1t2j2.navigation-bar-private__backgroundImage_1t2j2 {
32
+ } .navigation-bar-private__header_1kers.navigation-bar-private__header_1kers.navigation-bar-private__backgroundImage_1kers {
33
33
  background-repeat: no-repeat;
34
34
  background-position: center;
35
35
  background-size: cover;
36
- } .navigation-bar-private__mainLine_1t2j2 {
36
+ } .navigation-bar-private__mainLine_1kers {
37
37
  display: flex;
38
38
  align-items: stretch;
39
39
  justify-content: space-between;
40
40
  z-index: 1;
41
41
  background-color: inherit;
42
- } .navigation-bar-private__mainLineSticky_1t2j2 {
42
+ } .navigation-bar-private__mainLineSticky_1kers {
43
43
  position: sticky;
44
44
  top: var(--gap-0);
45
- } .navigation-bar-private__mainLineWithImageBg_1t2j2 {
45
+ } .navigation-bar-private__mainLineWithImageBg_1kers {
46
46
  background-color: initial;
47
- } .navigation-bar-private__content_1t2j2 {
47
+ } .navigation-bar-private__content_1kers {
48
48
  color: var(--color-light-text-primary);
49
49
  display: flex;
50
50
  flex-flow: column nowrap;
@@ -53,27 +53,27 @@
53
53
  align-self: baseline;
54
54
  box-sizing: border-box;
55
55
  min-height: 48px
56
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2,
57
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 {
56
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers,
57
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers {
58
58
  font-size: 16px;
59
59
  line-height: 20px;
60
60
  font-weight: 500;
61
61
  align-self: center;
62
62
  padding-top: var(--gap-4);
63
63
  padding-bottom: var(--gap-4)
64
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__children_1t2j2,
65
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__title_1t2j2,
66
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__children_1t2j2,
67
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__title_1t2j2 {
64
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__children_1kers,
65
+ .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__title_1kers,
66
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__children_1kers,
67
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__title_1kers {
68
68
  -webkit-line-clamp: 1;
69
69
  word-break: break-all;
70
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2 {
70
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotDesktop_1kers.navigation-bar-private__contentOnBotDesktop_1kers {
71
71
  padding-top: var(--gap-12);
72
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2 {
72
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotMobile_1kers.navigation-bar-private__contentOnBotMobile_1kers {
73
73
  padding-top: var(--gap-12);
74
- } .navigation-bar-private__title_1t2j2 {
74
+ } .navigation-bar-private__title_1kers {
75
75
  word-break: break-word;
76
- } .navigation-bar-private__subtitle_1t2j2 {
76
+ } .navigation-bar-private__subtitle_1kers {
77
77
  font-size: 14px;
78
78
  line-height: 20px;
79
79
  font-weight: 400;
@@ -84,11 +84,11 @@
84
84
 
85
85
  color: var(--color-light-text-secondary);
86
86
  word-break: break-all;
87
- } .navigation-bar-private__addonsWrapper_1t2j2 {
87
+ } .navigation-bar-private__addonsWrapper_1kers {
88
88
  display: flex;
89
- } .navigation-bar-private__rightAddons_1t2j2 {
89
+ } .navigation-bar-private__rightAddons_1kers {
90
90
  margin-left: auto;
91
- } .navigation-bar-private__addon_1t2j2 {
91
+ } .navigation-bar-private__addon_1kers {
92
92
  min-width: 48px;
93
93
  height: 48px;
94
94
  display: flex;
@@ -96,18 +96,18 @@
96
96
  align-items: center;
97
97
  flex-shrink: 0;
98
98
  pointer-events: all;
99
- } .navigation-bar-private__bottomAddons_1t2j2 {
99
+ } .navigation-bar-private__bottomAddons_1kers {
100
100
  pointer-events: all;
101
- } .navigation-bar-private__closer_1t2j2 {
101
+ } .navigation-bar-private__closer_1kers {
102
102
  margin-left: auto;
103
- } .navigation-bar-private__left_1t2j2 {
103
+ } .navigation-bar-private__left_1kers {
104
104
  text-align: left;
105
- } .navigation-bar-private__center_1t2j2 {
105
+ } .navigation-bar-private__center_1kers {
106
106
  text-align: center;
107
- } .navigation-bar-private__trim_1t2j2 {
107
+ } .navigation-bar-private__trim_1kers {
108
108
  overflow: hidden
109
- } .navigation-bar-private__trim_1t2j2 .navigation-bar-private__title_1t2j2,
110
- .navigation-bar-private__trim_1t2j2 .navigation-bar-private__children_1t2j2 {
109
+ } .navigation-bar-private__trim_1kers .navigation-bar-private__title_1kers,
110
+ .navigation-bar-private__trim_1kers .navigation-bar-private__children_1kers {
111
111
  -webkit-line-clamp: 2;
112
112
  display: -webkit-box;
113
113
  -webkit-box-orient: vertical;
package/modern/Component.js CHANGED
@@ -6,7 +6,7 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
6
6
  import { BackArrowAddon } from './components/back-arrow-addon/Component.js';
7
7
  import { Closer } from './components/closer/Component.js';
8
8
 
9
- const styles = {"header":"navigation-bar-private__header_1t2j2","backgroundImage":"navigation-bar-private__backgroundImage_1t2j2","mainLine":"navigation-bar-private__mainLine_1t2j2","mainLineSticky":"navigation-bar-private__mainLineSticky_1t2j2","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1t2j2","content":"navigation-bar-private__content_1t2j2","withBothAddons":"navigation-bar-private__withBothAddons_1t2j2","withCompactTitle":"navigation-bar-private__withCompactTitle_1t2j2","children":"navigation-bar-private__children_1t2j2","title":"navigation-bar-private__title_1t2j2","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1t2j2","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1t2j2","subtitle":"navigation-bar-private__subtitle_1t2j2","addonsWrapper":"navigation-bar-private__addonsWrapper_1t2j2","rightAddons":"navigation-bar-private__rightAddons_1t2j2","addon":"navigation-bar-private__addon_1t2j2","bottomAddons":"navigation-bar-private__bottomAddons_1t2j2","closer":"navigation-bar-private__closer_1t2j2","left":"navigation-bar-private__left_1t2j2","center":"navigation-bar-private__center_1t2j2","trim":"navigation-bar-private__trim_1t2j2"};
9
+ const styles = {"header":"navigation-bar-private__header_1kers","backgroundImage":"navigation-bar-private__backgroundImage_1kers","mainLine":"navigation-bar-private__mainLine_1kers","mainLineSticky":"navigation-bar-private__mainLineSticky_1kers","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1kers","content":"navigation-bar-private__content_1kers","withBothAddons":"navigation-bar-private__withBothAddons_1kers","withCompactTitle":"navigation-bar-private__withCompactTitle_1kers","children":"navigation-bar-private__children_1kers","title":"navigation-bar-private__title_1kers","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1kers","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1kers","subtitle":"navigation-bar-private__subtitle_1kers","addonsWrapper":"navigation-bar-private__addonsWrapper_1kers","rightAddons":"navigation-bar-private__rightAddons_1kers","addon":"navigation-bar-private__addon_1kers","bottomAddons":"navigation-bar-private__bottomAddons_1kers","closer":"navigation-bar-private__closer_1kers","left":"navigation-bar-private__left_1kers","center":"navigation-bar-private__center_1kers","trim":"navigation-bar-private__trim_1kers"};
10
10
  require('./index.css')
11
11
 
12
12
  /* eslint-disable complexity */
package/modern/components/back-arrow-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
5
5
  import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
6
6
  import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
7
7
 
8
- const styles = {"component":"navigation-bar-private__component_19515","mobileComponent":"navigation-bar-private__mobileComponent_19515","flex":"navigation-bar-private__flex_19515","iconWrapper":"navigation-bar-private__iconWrapper_19515","text":"navigation-bar-private__text_19515","mobileWrapper":"navigation-bar-private__mobileWrapper_19515"};
8
+ const styles = {"component":"navigation-bar-private__component_h6mvg","mobileComponent":"navigation-bar-private__mobileComponent_h6mvg","flex":"navigation-bar-private__flex_h6mvg","iconWrapper":"navigation-bar-private__iconWrapper_h6mvg","text":"navigation-bar-private__text_h6mvg","mobileWrapper":"navigation-bar-private__mobileWrapper_h6mvg"};
9
9
  require('./index.css')
10
10
 
11
11
  const BackArrowAddon = ({ text = 'Назад', onClick, className, textOpacity = 1, view, ...htmlAttributes }) => {
package/modern/components/back-arrow-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6gw5z */
1
+ /* hash: sog53 */
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);
@@ -36,48 +36,48 @@
36
36
 
37
37
  /* back-arrow */
38
38
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
39
- } .navigation-bar-private__component_19515 {
39
+ } .navigation-bar-private__component_h6mvg {
40
40
  height: 100%;
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  border-radius: var(--border-radius-pill);
45
45
  min-width: 48px
46
- } .navigation-bar-private__component_19515 svg > path {
46
+ } .navigation-bar-private__component_h6mvg svg > path {
47
47
  transition: fill 0.2s ease;
48
48
  fill: var(--color-light-neutral-translucent-1300);
49
- } .navigation-bar-private__component_19515:hover svg > path {
49
+ } .navigation-bar-private__component_h6mvg:hover svg > path {
50
50
  fill: var(--color-light-neutral-translucent-1300-hover);
51
- } .navigation-bar-private__component_19515:active svg > path {
51
+ } .navigation-bar-private__component_h6mvg:active svg > path {
52
52
  fill: var(--color-light-neutral-translucent-1300-press);
53
- } .navigation-bar-private__mobileComponent_19515 {
53
+ } .navigation-bar-private__mobileComponent_h6mvg {
54
54
  height: 32px;
55
55
  min-width: 32px;
56
56
  margin: var(--gap-0) var(--gap-8);
57
57
  -webkit-backdrop-filter: none;
58
58
  backdrop-filter: none;
59
59
  background: none;
60
- } .navigation-bar-private__flex_19515 {
60
+ } .navigation-bar-private__flex_h6mvg {
61
61
  display: flex;
62
62
  align-items: center;
63
- } .navigation-bar-private__iconWrapper_19515 {
63
+ } .navigation-bar-private__iconWrapper_h6mvg {
64
64
  display: inline-flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
67
  height: 48px;
68
68
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
69
69
  border-radius: var(--border-radius-circle)
70
- } .navigation-bar-private__iconWrapper_19515 + .navigation-bar-private__text_19515 {
70
+ } .navigation-bar-private__iconWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
71
71
  margin-right: var(--gap-12);
72
- } .navigation-bar-private__mobileWrapper_19515 {
72
+ } .navigation-bar-private__mobileWrapper_h6mvg {
73
73
  width: 32px;
74
74
  height: 32px;
75
75
  background: var(--color-light-neutral-translucent-100);
76
76
  -webkit-backdrop-filter: blur(10px);
77
77
  backdrop-filter: blur(10px);
78
78
  margin: var(--gap-0)
79
- } .navigation-bar-private__mobileWrapper_19515 + .navigation-bar-private__text_19515 {
79
+ } .navigation-bar-private__mobileWrapper_h6mvg + .navigation-bar-private__text_h6mvg {
80
80
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
81
- } .navigation-bar-private__mobileWrapper_19515 svg > path {
81
+ } .navigation-bar-private__mobileWrapper_h6mvg svg > path {
82
82
  fill: var(--navigation-bar-back-arrow-mobile-fill);
83
83
  }
package/modern/components/closer/Component.js CHANGED
@@ -4,7 +4,7 @@ import { IconButton } from '@alfalab/core-components-icon-button/modern';
4
4
  import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
5
5
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
6
 
7
- const styles = {"closer":"navigation-bar-private__closer_1k6ka","button":"navigation-bar-private__button_1k6ka","mobile":"navigation-bar-private__mobile_1k6ka","sticky":"navigation-bar-private__sticky_1k6ka"};
7
+ const styles = {"closer":"navigation-bar-private__closer_f7hpn","button":"navigation-bar-private__button_f7hpn","mobile":"navigation-bar-private__mobile_f7hpn","sticky":"navigation-bar-private__sticky_f7hpn"};
8
8
  require('./index.css')
9
9
 
10
10
  const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, dataTestId, onClose, ...restProps }) => {
package/modern/components/closer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1y5us */
1
+ /* hash: 17mge */
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);
@@ -29,7 +29,7 @@
29
29
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
30
30
 
31
31
  /* back-arrow */
32
- } .navigation-bar-private__closer_1k6ka {
32
+ } .navigation-bar-private__closer_f7hpn {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -37,17 +37,17 @@
37
37
  display: flex;
38
38
  align-items: center;
39
39
  justify-content: center;
40
- } .navigation-bar-private__button_1k6ka {
40
+ } .navigation-bar-private__button_f7hpn {
41
41
  background: var(--color-light-bg-primary-alpha-40);
42
42
  -webkit-backdrop-filter: blur(10px);
43
43
  backdrop-filter: blur(10px);
44
44
  color: var(--color-light-neutral-translucent-1300)
45
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__mobile_1k6ka {
45
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__mobile_f7hpn {
46
46
  background: var(--color-light-neutral-translucent-100);
47
47
  color: var(--navigation-bar-closer-mobile-color);
48
- } .navigation-bar-private__button_1k6ka.navigation-bar-private__button_1k6ka {
48
+ } .navigation-bar-private__button_f7hpn.navigation-bar-private__button_f7hpn {
49
49
  border-radius: var(--border-radius-circle);
50
- } .navigation-bar-private__sticky_1k6ka {
50
+ } .navigation-bar-private__sticky_f7hpn {
51
51
  position: sticky;
52
52
  top: var(--gap-0);
53
53
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1pcwv */
1
+ /* hash: ytiho */
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-text-primary: rgba(3, 3, 6, 0.88);
@@ -25,26 +25,26 @@
25
25
  --gap-12: var(--gap-s);
26
26
  } :root {
27
27
  } :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1t2j2 {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_1kers {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  transition: box-shadow 0.2s ease, background 0.2s ease
32
- } .navigation-bar-private__header_1t2j2.navigation-bar-private__header_1t2j2.navigation-bar-private__backgroundImage_1t2j2 {
32
+ } .navigation-bar-private__header_1kers.navigation-bar-private__header_1kers.navigation-bar-private__backgroundImage_1kers {
33
33
  background-repeat: no-repeat;
34
34
  background-position: center;
35
35
  background-size: cover;
36
- } .navigation-bar-private__mainLine_1t2j2 {
36
+ } .navigation-bar-private__mainLine_1kers {
37
37
  display: flex;
38
38
  align-items: stretch;
39
39
  justify-content: space-between;
40
40
  z-index: 1;
41
41
  background-color: inherit;
42
- } .navigation-bar-private__mainLineSticky_1t2j2 {
42
+ } .navigation-bar-private__mainLineSticky_1kers {
43
43
  position: sticky;
44
44
  top: var(--gap-0);
45
- } .navigation-bar-private__mainLineWithImageBg_1t2j2 {
45
+ } .navigation-bar-private__mainLineWithImageBg_1kers {
46
46
  background-color: initial;
47
- } .navigation-bar-private__content_1t2j2 {
47
+ } .navigation-bar-private__content_1kers {
48
48
  color: var(--color-light-text-primary);
49
49
  display: flex;
50
50
  flex-flow: column nowrap;
@@ -53,27 +53,27 @@
53
53
  align-self: baseline;
54
54
  box-sizing: border-box;
55
55
  min-height: 48px
56
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2,
57
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 {
56
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers,
57
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers {
58
58
  font-size: 16px;
59
59
  line-height: 20px;
60
60
  font-weight: 500;
61
61
  align-self: center;
62
62
  padding-top: var(--gap-4);
63
63
  padding-bottom: var(--gap-4)
64
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__children_1t2j2,
65
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withBothAddons_1t2j2 > .navigation-bar-private__title_1t2j2,
66
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__children_1t2j2,
67
- .navigation-bar-private__content_1t2j2.navigation-bar-private__withCompactTitle_1t2j2 > .navigation-bar-private__title_1t2j2 {
64
+ } .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__children_1kers,
65
+ .navigation-bar-private__content_1kers.navigation-bar-private__withBothAddons_1kers > .navigation-bar-private__title_1kers,
66
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__children_1kers,
67
+ .navigation-bar-private__content_1kers.navigation-bar-private__withCompactTitle_1kers > .navigation-bar-private__title_1kers {
68
68
  -webkit-line-clamp: 1;
69
69
  word-break: break-all;
70
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2.navigation-bar-private__contentOnBotDesktop_1t2j2 {
70
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotDesktop_1kers.navigation-bar-private__contentOnBotDesktop_1kers {
71
71
  padding-top: var(--gap-12);
72
- } .navigation-bar-private__content_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2.navigation-bar-private__contentOnBotMobile_1t2j2 {
72
+ } .navigation-bar-private__content_1kers.navigation-bar-private__contentOnBotMobile_1kers.navigation-bar-private__contentOnBotMobile_1kers {
73
73
  padding-top: var(--gap-12);
74
- } .navigation-bar-private__title_1t2j2 {
74
+ } .navigation-bar-private__title_1kers {
75
75
  word-break: break-word;
76
- } .navigation-bar-private__subtitle_1t2j2 {
76
+ } .navigation-bar-private__subtitle_1kers {
77
77
  font-size: 14px;
78
78
  line-height: 20px;
79
79
  font-weight: 400;
@@ -84,11 +84,11 @@
84
84
 
85
85
  color: var(--color-light-text-secondary);
86
86
  word-break: break-all;
87
- } .navigation-bar-private__addonsWrapper_1t2j2 {
87
+ } .navigation-bar-private__addonsWrapper_1kers {
88
88
  display: flex;
89
- } .navigation-bar-private__rightAddons_1t2j2 {
89
+ } .navigation-bar-private__rightAddons_1kers {
90
90
  margin-left: auto;
91
- } .navigation-bar-private__addon_1t2j2 {
91
+ } .navigation-bar-private__addon_1kers {
92
92
  min-width: 48px;
93
93
  height: 48px;
94
94
  display: flex;
@@ -96,18 +96,18 @@
96
96
  align-items: center;
97
97
  flex-shrink: 0;
98
98
  pointer-events: all;
99
- } .navigation-bar-private__bottomAddons_1t2j2 {
99
+ } .navigation-bar-private__bottomAddons_1kers {
100
100
  pointer-events: all;
101
- } .navigation-bar-private__closer_1t2j2 {
101
+ } .navigation-bar-private__closer_1kers {
102
102
  margin-left: auto;
103
- } .navigation-bar-private__left_1t2j2 {
103
+ } .navigation-bar-private__left_1kers {
104
104
  text-align: left;
105
- } .navigation-bar-private__center_1t2j2 {
105
+ } .navigation-bar-private__center_1kers {
106
106
  text-align: center;
107
- } .navigation-bar-private__trim_1t2j2 {
107
+ } .navigation-bar-private__trim_1kers {
108
108
  overflow: hidden
109
- } .navigation-bar-private__trim_1t2j2 .navigation-bar-private__title_1t2j2,
110
- .navigation-bar-private__trim_1t2j2 .navigation-bar-private__children_1t2j2 {
109
+ } .navigation-bar-private__trim_1kers .navigation-bar-private__title_1kers,
110
+ .navigation-bar-private__trim_1kers .navigation-bar-private__children_1kers {
111
111
  -webkit-line-clamp: 2;
112
112
  display: -webkit-box;
113
113
  -webkit-box-orient: vertical;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar-private",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Navigation bar private component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,10 +11,10 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-icon-button": "^6.10.0",
15
- "@alfalab/core-components-button": "^11.8.0",
14
+ "@alfalab/core-components-icon-button": "^6.10.1",
15
+ "@alfalab/core-components-button": "^11.9.0",
16
16
  "@alfalab/core-components-typography": "^4.10.1",
17
- "@alfalab/core-components-shared": "^0.12.1",
17
+ "@alfalab/core-components-shared": "^0.13.0",
18
18
  "@alfalab/hooks": "^1.13.0",
19
19
  "@alfalab/icons-glyph": "^2.139.0",
20
20
  "classnames": "^2.3.1",
@@ -24,6 +24,6 @@
24
24
  "peerDependencies": {
25
25
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
26
26
  },
27
- "themesVersion": "13.3.0",
27
+ "themesVersion": "13.4.0",
28
28
  "varsVersion": "9.13.1"
29
29
  }