@alfalab/core-components-navigation-bar-private 0.1.7 → 0.1.8

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 (23) 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 +17 -15
  4. package/components/closer/Component.js +1 -1
  5. package/components/closer/index.css +9 -7
  6. package/cssm/components/back-arrow-addon/index.module.css +5 -3
  7. package/cssm/components/closer/index.module.css +3 -1
  8. package/cssm/index.module.css +5 -3
  9. package/cssm/vars.css +3 -1
  10. package/esm/Component.js +1 -1
  11. package/esm/components/back-arrow-addon/Component.js +1 -1
  12. package/esm/components/back-arrow-addon/index.css +17 -15
  13. package/esm/components/closer/Component.js +1 -1
  14. package/esm/components/closer/index.css +9 -7
  15. package/esm/index.css +32 -30
  16. package/index.css +32 -30
  17. package/modern/Component.js +1 -1
  18. package/modern/components/back-arrow-addon/Component.js +1 -1
  19. package/modern/components/back-arrow-addon/index.css +17 -15
  20. package/modern/components/closer/Component.js +1 -1
  21. package/modern/components/closer/index.css +9 -7
  22. package/modern/index.css +32 -30
  23. package/package.json +5 -3
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_1mh5p","backgroundImage":"navigation-bar-private__backgroundImage_1mh5p","mainLine":"navigation-bar-private__mainLine_1mh5p","mainLineSticky":"navigation-bar-private__mainLineSticky_1mh5p","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1mh5p","content":"navigation-bar-private__content_1mh5p","withBothAddons":"navigation-bar-private__withBothAddons_1mh5p","withCompactTitle":"navigation-bar-private__withCompactTitle_1mh5p","children":"navigation-bar-private__children_1mh5p","title":"navigation-bar-private__title_1mh5p","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1mh5p","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1mh5p","subtitle":"navigation-bar-private__subtitle_1mh5p","addonsWrapper":"navigation-bar-private__addonsWrapper_1mh5p","rightAddons":"navigation-bar-private__rightAddons_1mh5p","addon":"navigation-bar-private__addon_1mh5p","bottomAddons":"navigation-bar-private__bottomAddons_1mh5p","closer":"navigation-bar-private__closer_1mh5p","left":"navigation-bar-private__left_1mh5p","center":"navigation-bar-private__center_1mh5p","trim":"navigation-bar-private__trim_1mh5p"};
20
+ var styles = {"header":"navigation-bar-private__header_1sbjf","backgroundImage":"navigation-bar-private__backgroundImage_1sbjf","mainLine":"navigation-bar-private__mainLine_1sbjf","mainLineSticky":"navigation-bar-private__mainLineSticky_1sbjf","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1sbjf","content":"navigation-bar-private__content_1sbjf","withBothAddons":"navigation-bar-private__withBothAddons_1sbjf","withCompactTitle":"navigation-bar-private__withCompactTitle_1sbjf","children":"navigation-bar-private__children_1sbjf","title":"navigation-bar-private__title_1sbjf","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1sbjf","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1sbjf","subtitle":"navigation-bar-private__subtitle_1sbjf","addonsWrapper":"navigation-bar-private__addonsWrapper_1sbjf","rightAddons":"navigation-bar-private__rightAddons_1sbjf","addon":"navigation-bar-private__addon_1sbjf","bottomAddons":"navigation-bar-private__bottomAddons_1sbjf","closer":"navigation-bar-private__closer_1sbjf","left":"navigation-bar-private__left_1sbjf","center":"navigation-bar-private__center_1sbjf","trim":"navigation-bar-private__trim_1sbjf"};
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_bsy63","mobileComponent":"navigation-bar-private__mobileComponent_bsy63","flex":"navigation-bar-private__flex_bsy63","iconWrapper":"navigation-bar-private__iconWrapper_bsy63","text":"navigation-bar-private__text_bsy63","mobileWrapper":"navigation-bar-private__mobileWrapper_bsy63"};
18
+ var styles = {"component":"navigation-bar-private__component_gnuew","mobileComponent":"navigation-bar-private__mobileComponent_gnuew","flex":"navigation-bar-private__flex_gnuew","iconWrapper":"navigation-bar-private__iconWrapper_gnuew","text":"navigation-bar-private__text_gnuew","mobileWrapper":"navigation-bar-private__mobileWrapper_gnuew"};
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: avwd1 */
1
+ /* hash: cj7b6 */
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);
@@ -19,9 +19,11 @@
19
19
  } :root {
20
20
  --border-radius-circle: 50%;
21
21
  --border-radius-pill: 99px;
22
- } :root {
23
- --gap-xs: 8px;
24
- --gap-s: 12px;
22
+ } :root { /* deprecated */ /* deprecated */
23
+ --gap-xs: 8px; /* deprecated */
24
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
25
27
  } :root {
26
28
  } :root {
27
29
  } :root {
@@ -29,48 +31,48 @@
29
31
 
30
32
  /* back-arrow */
31
33
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
32
- } .navigation-bar-private__component_bsy63 {
34
+ } .navigation-bar-private__component_gnuew {
33
35
  height: 100%;
34
36
  background: var(--color-light-bg-primary-alpha-40);
35
37
  -webkit-backdrop-filter: blur(10px);
36
38
  backdrop-filter: blur(10px);
37
39
  border-radius: var(--border-radius-pill);
38
40
  min-width: 48px
39
- } .navigation-bar-private__component_bsy63 svg > path {
41
+ } .navigation-bar-private__component_gnuew svg > path {
40
42
  transition: fill 0.2s ease;
41
43
  fill: var(--color-light-neutral-translucent-1300);
42
- } .navigation-bar-private__component_bsy63:hover svg > path {
44
+ } .navigation-bar-private__component_gnuew:hover svg > path {
43
45
  fill: var(--color-light-neutral-translucent-1300-hover);
44
- } .navigation-bar-private__component_bsy63:active svg > path {
46
+ } .navigation-bar-private__component_gnuew:active svg > path {
45
47
  fill: var(--color-light-neutral-translucent-1300-press);
46
- } .navigation-bar-private__mobileComponent_bsy63 {
48
+ } .navigation-bar-private__mobileComponent_gnuew {
47
49
  height: 32px;
48
50
  min-width: 32px;
49
51
  margin: 0 var(--gap-xs);
50
52
  -webkit-backdrop-filter: none;
51
53
  backdrop-filter: none;
52
54
  background: none;
53
- } .navigation-bar-private__flex_bsy63 {
55
+ } .navigation-bar-private__flex_gnuew {
54
56
  display: flex;
55
57
  align-items: center;
56
- } .navigation-bar-private__iconWrapper_bsy63 {
58
+ } .navigation-bar-private__iconWrapper_gnuew {
57
59
  display: inline-flex;
58
60
  align-items: center;
59
61
  justify-content: center;
60
62
  height: 48px;
61
63
  margin: 0 var(--gap-xs) 0 var(--gap-s);
62
64
  border-radius: var(--border-radius-circle)
63
- } .navigation-bar-private__iconWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
65
+ } .navigation-bar-private__iconWrapper_gnuew + .navigation-bar-private__text_gnuew {
64
66
  margin-right: var(--gap-s);
65
- } .navigation-bar-private__mobileWrapper_bsy63 {
67
+ } .navigation-bar-private__mobileWrapper_gnuew {
66
68
  width: 32px;
67
69
  height: 32px;
68
70
  background: var(--color-light-neutral-translucent-100);
69
71
  -webkit-backdrop-filter: blur(10px);
70
72
  backdrop-filter: blur(10px);
71
73
  margin: 0
72
- } .navigation-bar-private__mobileWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
74
+ } .navigation-bar-private__mobileWrapper_gnuew + .navigation-bar-private__text_gnuew {
73
75
  margin: 0 var(--gap-s) 0 var(--gap-xs);
74
- } .navigation-bar-private__mobileWrapper_bsy63 svg > path {
76
+ } .navigation-bar-private__mobileWrapper_gnuew svg > path {
75
77
  fill: var(--navigation-bar-back-arrow-mobile-fill);
76
78
  }
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_ovn87","button":"navigation-bar-private__button_ovn87","mobile":"navigation-bar-private__mobile_ovn87","sticky":"navigation-bar-private__sticky_ovn87"};
17
+ var styles = {"closer":"navigation-bar-private__closer_uq0xg","button":"navigation-bar-private__button_uq0xg","mobile":"navigation-bar-private__mobile_uq0xg","sticky":"navigation-bar-private__sticky_uq0xg"};
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: 1h7l8 */
1
+ /* hash: 1s3jn */
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);
@@ -16,7 +16,9 @@
16
16
  /* Hard up */
17
17
  } :root {
18
18
  --border-radius-circle: 50%;
19
- } :root {
19
+ } :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 */
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root {
21
23
  } :root {
22
24
  } :root {
@@ -24,7 +26,7 @@
24
26
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
25
27
 
26
28
  /* back-arrow */
27
- } .navigation-bar-private__closer_ovn87 {
29
+ } .navigation-bar-private__closer_uq0xg {
28
30
  flex-shrink: 0;
29
31
  width: 48px;
30
32
  height: 48px;
@@ -32,17 +34,17 @@
32
34
  display: flex;
33
35
  align-items: center;
34
36
  justify-content: center;
35
- } .navigation-bar-private__button_ovn87 {
37
+ } .navigation-bar-private__button_uq0xg {
36
38
  background: var(--color-light-bg-primary-alpha-40);
37
39
  -webkit-backdrop-filter: blur(10px);
38
40
  backdrop-filter: blur(10px);
39
41
  color: var(--color-light-neutral-translucent-1300)
40
- } .navigation-bar-private__button_ovn87.navigation-bar-private__mobile_ovn87 {
42
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__mobile_uq0xg {
41
43
  background: var(--color-light-neutral-translucent-100);
42
44
  color: var(--navigation-bar-closer-mobile-color);
43
- } .navigation-bar-private__button_ovn87.navigation-bar-private__button_ovn87 {
45
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__button_uq0xg {
44
46
  border-radius: var(--border-radius-circle);
45
- } .navigation-bar-private__sticky_ovn87 {
47
+ } .navigation-bar-private__sticky_uq0xg {
46
48
  position: sticky;
47
49
  top: 0;
48
50
  }
package/cssm/components/back-arrow-addon/index.module.css CHANGED
@@ -18,9 +18,11 @@
18
18
  } :root {
19
19
  --border-radius-circle: 50%;
20
20
  --border-radius-pill: 99px;
21
- } :root {
22
- --gap-xs: 8px;
23
- --gap-s: 12px;
21
+ } :root { /* deprecated */ /* deprecated */
22
+ --gap-xs: 8px; /* deprecated */
23
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
+
25
+ /* новые значения, используйте их */
24
26
  } :root {
25
27
  } :root {
26
28
  } :root {
package/cssm/components/closer/index.module.css CHANGED
@@ -15,7 +15,9 @@
15
15
  /* Hard up */
16
16
  } :root {
17
17
  --border-radius-circle: 50%;
18
- } :root {
18
+ } :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 */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
23
  } :root {
package/cssm/index.module.css CHANGED
@@ -12,9 +12,11 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-2xs: 4px;
17
- --gap-s: 12px;
15
+ } :root { /* deprecated */
16
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
17
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
18
20
  } :root {
19
21
  } :root {
20
22
  } .header {
package/cssm/vars.css CHANGED
@@ -10,7 +10,9 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- } :root {
13
+ } :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 */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root {
15
17
  } :root {
16
18
  } :root {
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_1mh5p","backgroundImage":"navigation-bar-private__backgroundImage_1mh5p","mainLine":"navigation-bar-private__mainLine_1mh5p","mainLineSticky":"navigation-bar-private__mainLineSticky_1mh5p","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1mh5p","content":"navigation-bar-private__content_1mh5p","withBothAddons":"navigation-bar-private__withBothAddons_1mh5p","withCompactTitle":"navigation-bar-private__withCompactTitle_1mh5p","children":"navigation-bar-private__children_1mh5p","title":"navigation-bar-private__title_1mh5p","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1mh5p","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1mh5p","subtitle":"navigation-bar-private__subtitle_1mh5p","addonsWrapper":"navigation-bar-private__addonsWrapper_1mh5p","rightAddons":"navigation-bar-private__rightAddons_1mh5p","addon":"navigation-bar-private__addon_1mh5p","bottomAddons":"navigation-bar-private__bottomAddons_1mh5p","closer":"navigation-bar-private__closer_1mh5p","left":"navigation-bar-private__left_1mh5p","center":"navigation-bar-private__center_1mh5p","trim":"navigation-bar-private__trim_1mh5p"};
10
+ var styles = {"header":"navigation-bar-private__header_1sbjf","backgroundImage":"navigation-bar-private__backgroundImage_1sbjf","mainLine":"navigation-bar-private__mainLine_1sbjf","mainLineSticky":"navigation-bar-private__mainLineSticky_1sbjf","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1sbjf","content":"navigation-bar-private__content_1sbjf","withBothAddons":"navigation-bar-private__withBothAddons_1sbjf","withCompactTitle":"navigation-bar-private__withCompactTitle_1sbjf","children":"navigation-bar-private__children_1sbjf","title":"navigation-bar-private__title_1sbjf","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1sbjf","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1sbjf","subtitle":"navigation-bar-private__subtitle_1sbjf","addonsWrapper":"navigation-bar-private__addonsWrapper_1sbjf","rightAddons":"navigation-bar-private__rightAddons_1sbjf","addon":"navigation-bar-private__addon_1sbjf","bottomAddons":"navigation-bar-private__bottomAddons_1sbjf","closer":"navigation-bar-private__closer_1sbjf","left":"navigation-bar-private__left_1sbjf","center":"navigation-bar-private__center_1sbjf","trim":"navigation-bar-private__trim_1sbjf"};
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_bsy63","mobileComponent":"navigation-bar-private__mobileComponent_bsy63","flex":"navigation-bar-private__flex_bsy63","iconWrapper":"navigation-bar-private__iconWrapper_bsy63","text":"navigation-bar-private__text_bsy63","mobileWrapper":"navigation-bar-private__mobileWrapper_bsy63"};
9
+ var styles = {"component":"navigation-bar-private__component_gnuew","mobileComponent":"navigation-bar-private__mobileComponent_gnuew","flex":"navigation-bar-private__flex_gnuew","iconWrapper":"navigation-bar-private__iconWrapper_gnuew","text":"navigation-bar-private__text_gnuew","mobileWrapper":"navigation-bar-private__mobileWrapper_gnuew"};
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: avwd1 */
1
+ /* hash: cj7b6 */
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);
@@ -19,9 +19,11 @@
19
19
  } :root {
20
20
  --border-radius-circle: 50%;
21
21
  --border-radius-pill: 99px;
22
- } :root {
23
- --gap-xs: 8px;
24
- --gap-s: 12px;
22
+ } :root { /* deprecated */ /* deprecated */
23
+ --gap-xs: 8px; /* deprecated */
24
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
25
27
  } :root {
26
28
  } :root {
27
29
  } :root {
@@ -29,48 +31,48 @@
29
31
 
30
32
  /* back-arrow */
31
33
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
32
- } .navigation-bar-private__component_bsy63 {
34
+ } .navigation-bar-private__component_gnuew {
33
35
  height: 100%;
34
36
  background: var(--color-light-bg-primary-alpha-40);
35
37
  -webkit-backdrop-filter: blur(10px);
36
38
  backdrop-filter: blur(10px);
37
39
  border-radius: var(--border-radius-pill);
38
40
  min-width: 48px
39
- } .navigation-bar-private__component_bsy63 svg > path {
41
+ } .navigation-bar-private__component_gnuew svg > path {
40
42
  transition: fill 0.2s ease;
41
43
  fill: var(--color-light-neutral-translucent-1300);
42
- } .navigation-bar-private__component_bsy63:hover svg > path {
44
+ } .navigation-bar-private__component_gnuew:hover svg > path {
43
45
  fill: var(--color-light-neutral-translucent-1300-hover);
44
- } .navigation-bar-private__component_bsy63:active svg > path {
46
+ } .navigation-bar-private__component_gnuew:active svg > path {
45
47
  fill: var(--color-light-neutral-translucent-1300-press);
46
- } .navigation-bar-private__mobileComponent_bsy63 {
48
+ } .navigation-bar-private__mobileComponent_gnuew {
47
49
  height: 32px;
48
50
  min-width: 32px;
49
51
  margin: 0 var(--gap-xs);
50
52
  -webkit-backdrop-filter: none;
51
53
  backdrop-filter: none;
52
54
  background: none;
53
- } .navigation-bar-private__flex_bsy63 {
55
+ } .navigation-bar-private__flex_gnuew {
54
56
  display: flex;
55
57
  align-items: center;
56
- } .navigation-bar-private__iconWrapper_bsy63 {
58
+ } .navigation-bar-private__iconWrapper_gnuew {
57
59
  display: inline-flex;
58
60
  align-items: center;
59
61
  justify-content: center;
60
62
  height: 48px;
61
63
  margin: 0 var(--gap-xs) 0 var(--gap-s);
62
64
  border-radius: var(--border-radius-circle)
63
- } .navigation-bar-private__iconWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
65
+ } .navigation-bar-private__iconWrapper_gnuew + .navigation-bar-private__text_gnuew {
64
66
  margin-right: var(--gap-s);
65
- } .navigation-bar-private__mobileWrapper_bsy63 {
67
+ } .navigation-bar-private__mobileWrapper_gnuew {
66
68
  width: 32px;
67
69
  height: 32px;
68
70
  background: var(--color-light-neutral-translucent-100);
69
71
  -webkit-backdrop-filter: blur(10px);
70
72
  backdrop-filter: blur(10px);
71
73
  margin: 0
72
- } .navigation-bar-private__mobileWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
74
+ } .navigation-bar-private__mobileWrapper_gnuew + .navigation-bar-private__text_gnuew {
73
75
  margin: 0 var(--gap-s) 0 var(--gap-xs);
74
- } .navigation-bar-private__mobileWrapper_bsy63 svg > path {
76
+ } .navigation-bar-private__mobileWrapper_gnuew svg > path {
75
77
  fill: var(--navigation-bar-back-arrow-mobile-fill);
76
78
  }
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_ovn87","button":"navigation-bar-private__button_ovn87","mobile":"navigation-bar-private__mobile_ovn87","sticky":"navigation-bar-private__sticky_ovn87"};
8
+ var styles = {"closer":"navigation-bar-private__closer_uq0xg","button":"navigation-bar-private__button_uq0xg","mobile":"navigation-bar-private__mobile_uq0xg","sticky":"navigation-bar-private__sticky_uq0xg"};
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: 1h7l8 */
1
+ /* hash: 1s3jn */
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);
@@ -16,7 +16,9 @@
16
16
  /* Hard up */
17
17
  } :root {
18
18
  --border-radius-circle: 50%;
19
- } :root {
19
+ } :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 */
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root {
21
23
  } :root {
22
24
  } :root {
@@ -24,7 +26,7 @@
24
26
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
25
27
 
26
28
  /* back-arrow */
27
- } .navigation-bar-private__closer_ovn87 {
29
+ } .navigation-bar-private__closer_uq0xg {
28
30
  flex-shrink: 0;
29
31
  width: 48px;
30
32
  height: 48px;
@@ -32,17 +34,17 @@
32
34
  display: flex;
33
35
  align-items: center;
34
36
  justify-content: center;
35
- } .navigation-bar-private__button_ovn87 {
37
+ } .navigation-bar-private__button_uq0xg {
36
38
  background: var(--color-light-bg-primary-alpha-40);
37
39
  -webkit-backdrop-filter: blur(10px);
38
40
  backdrop-filter: blur(10px);
39
41
  color: var(--color-light-neutral-translucent-1300)
40
- } .navigation-bar-private__button_ovn87.navigation-bar-private__mobile_ovn87 {
42
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__mobile_uq0xg {
41
43
  background: var(--color-light-neutral-translucent-100);
42
44
  color: var(--navigation-bar-closer-mobile-color);
43
- } .navigation-bar-private__button_ovn87.navigation-bar-private__button_ovn87 {
45
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__button_uq0xg {
44
46
  border-radius: var(--border-radius-circle);
45
- } .navigation-bar-private__sticky_ovn87 {
47
+ } .navigation-bar-private__sticky_uq0xg {
46
48
  position: sticky;
47
49
  top: 0;
48
50
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18enb */
1
+ /* hash: 1jalq */
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);
@@ -13,31 +13,33 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
17
- --gap-2xs: 4px;
18
- --gap-s: 12px;
16
+ } :root { /* deprecated */
17
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
- } .navigation-bar-private__header_1mh5p {
23
+ } .navigation-bar-private__header_1sbjf {
22
24
  width: 100%;
23
25
  box-sizing: border-box;
24
26
  transition: box-shadow 0.2s ease, background 0.2s ease
25
- } .navigation-bar-private__header_1mh5p.navigation-bar-private__header_1mh5p.navigation-bar-private__backgroundImage_1mh5p {
27
+ } .navigation-bar-private__header_1sbjf.navigation-bar-private__header_1sbjf.navigation-bar-private__backgroundImage_1sbjf {
26
28
  background-repeat: no-repeat;
27
29
  background-position: center;
28
30
  background-size: cover;
29
- } .navigation-bar-private__mainLine_1mh5p {
31
+ } .navigation-bar-private__mainLine_1sbjf {
30
32
  display: flex;
31
33
  align-items: stretch;
32
34
  justify-content: space-between;
33
35
  z-index: 1;
34
36
  background-color: inherit;
35
- } .navigation-bar-private__mainLineSticky_1mh5p {
37
+ } .navigation-bar-private__mainLineSticky_1sbjf {
36
38
  position: sticky;
37
39
  top: 0;
38
- } .navigation-bar-private__mainLineWithImageBg_1mh5p {
40
+ } .navigation-bar-private__mainLineWithImageBg_1sbjf {
39
41
  background-color: initial;
40
- } .navigation-bar-private__content_1mh5p {
42
+ } .navigation-bar-private__content_1sbjf {
41
43
  color: var(--color-light-text-primary);
42
44
  display: flex;
43
45
  flex-flow: column nowrap;
@@ -46,27 +48,27 @@
46
48
  align-self: baseline;
47
49
  box-sizing: border-box;
48
50
  min-height: 48px
49
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p,
50
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p {
51
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf,
52
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf {
51
53
  font-size: 16px;
52
54
  line-height: 20px;
53
55
  font-weight: 500;
54
56
  align-self: center;
55
57
  padding-top: var(--gap-2xs);
56
58
  padding-bottom: var(--gap-2xs)
57
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__children_1mh5p,
58
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__title_1mh5p,
59
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__children_1mh5p,
60
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__title_1mh5p {
59
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__children_1sbjf,
60
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__title_1sbjf,
61
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__children_1sbjf,
62
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__title_1sbjf {
61
63
  -webkit-line-clamp: 1;
62
64
  word-break: break-all;
63
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p {
65
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf {
64
66
  padding-top: var(--gap-s);
65
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p {
67
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf {
66
68
  padding-top: var(--gap-s);
67
- } .navigation-bar-private__title_1mh5p {
69
+ } .navigation-bar-private__title_1sbjf {
68
70
  word-break: break-word;
69
- } .navigation-bar-private__subtitle_1mh5p {
71
+ } .navigation-bar-private__subtitle_1sbjf {
70
72
  font-size: 14px;
71
73
  line-height: 20px;
72
74
  font-weight: 400;
@@ -77,11 +79,11 @@
77
79
 
78
80
  color: var(--color-light-text-secondary);
79
81
  word-break: break-all;
80
- } .navigation-bar-private__addonsWrapper_1mh5p {
82
+ } .navigation-bar-private__addonsWrapper_1sbjf {
81
83
  display: flex;
82
- } .navigation-bar-private__rightAddons_1mh5p {
84
+ } .navigation-bar-private__rightAddons_1sbjf {
83
85
  margin-left: auto;
84
- } .navigation-bar-private__addon_1mh5p {
86
+ } .navigation-bar-private__addon_1sbjf {
85
87
  min-width: 48px;
86
88
  height: 48px;
87
89
  display: flex;
@@ -89,18 +91,18 @@
89
91
  align-items: center;
90
92
  flex-shrink: 0;
91
93
  pointer-events: all;
92
- } .navigation-bar-private__bottomAddons_1mh5p {
94
+ } .navigation-bar-private__bottomAddons_1sbjf {
93
95
  pointer-events: all;
94
- } .navigation-bar-private__closer_1mh5p {
96
+ } .navigation-bar-private__closer_1sbjf {
95
97
  margin-left: auto;
96
- } .navigation-bar-private__left_1mh5p {
98
+ } .navigation-bar-private__left_1sbjf {
97
99
  text-align: left;
98
- } .navigation-bar-private__center_1mh5p {
100
+ } .navigation-bar-private__center_1sbjf {
99
101
  text-align: center;
100
- } .navigation-bar-private__trim_1mh5p {
102
+ } .navigation-bar-private__trim_1sbjf {
101
103
  overflow: hidden
102
- } .navigation-bar-private__trim_1mh5p .navigation-bar-private__title_1mh5p,
103
- .navigation-bar-private__trim_1mh5p .navigation-bar-private__children_1mh5p {
104
+ } .navigation-bar-private__trim_1sbjf .navigation-bar-private__title_1sbjf,
105
+ .navigation-bar-private__trim_1sbjf .navigation-bar-private__children_1sbjf {
104
106
  -webkit-line-clamp: 2;
105
107
  display: -webkit-box;
106
108
  -webkit-box-orient: vertical;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18enb */
1
+ /* hash: 1jalq */
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);
@@ -13,31 +13,33 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
17
- --gap-2xs: 4px;
18
- --gap-s: 12px;
16
+ } :root { /* deprecated */
17
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
- } .navigation-bar-private__header_1mh5p {
23
+ } .navigation-bar-private__header_1sbjf {
22
24
  width: 100%;
23
25
  box-sizing: border-box;
24
26
  transition: box-shadow 0.2s ease, background 0.2s ease
25
- } .navigation-bar-private__header_1mh5p.navigation-bar-private__header_1mh5p.navigation-bar-private__backgroundImage_1mh5p {
27
+ } .navigation-bar-private__header_1sbjf.navigation-bar-private__header_1sbjf.navigation-bar-private__backgroundImage_1sbjf {
26
28
  background-repeat: no-repeat;
27
29
  background-position: center;
28
30
  background-size: cover;
29
- } .navigation-bar-private__mainLine_1mh5p {
31
+ } .navigation-bar-private__mainLine_1sbjf {
30
32
  display: flex;
31
33
  align-items: stretch;
32
34
  justify-content: space-between;
33
35
  z-index: 1;
34
36
  background-color: inherit;
35
- } .navigation-bar-private__mainLineSticky_1mh5p {
37
+ } .navigation-bar-private__mainLineSticky_1sbjf {
36
38
  position: sticky;
37
39
  top: 0;
38
- } .navigation-bar-private__mainLineWithImageBg_1mh5p {
40
+ } .navigation-bar-private__mainLineWithImageBg_1sbjf {
39
41
  background-color: initial;
40
- } .navigation-bar-private__content_1mh5p {
42
+ } .navigation-bar-private__content_1sbjf {
41
43
  color: var(--color-light-text-primary);
42
44
  display: flex;
43
45
  flex-flow: column nowrap;
@@ -46,27 +48,27 @@
46
48
  align-self: baseline;
47
49
  box-sizing: border-box;
48
50
  min-height: 48px
49
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p,
50
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p {
51
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf,
52
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf {
51
53
  font-size: 16px;
52
54
  line-height: 20px;
53
55
  font-weight: 500;
54
56
  align-self: center;
55
57
  padding-top: var(--gap-2xs);
56
58
  padding-bottom: var(--gap-2xs)
57
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__children_1mh5p,
58
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__title_1mh5p,
59
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__children_1mh5p,
60
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__title_1mh5p {
59
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__children_1sbjf,
60
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__title_1sbjf,
61
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__children_1sbjf,
62
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__title_1sbjf {
61
63
  -webkit-line-clamp: 1;
62
64
  word-break: break-all;
63
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p {
65
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf {
64
66
  padding-top: var(--gap-s);
65
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p {
67
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf {
66
68
  padding-top: var(--gap-s);
67
- } .navigation-bar-private__title_1mh5p {
69
+ } .navigation-bar-private__title_1sbjf {
68
70
  word-break: break-word;
69
- } .navigation-bar-private__subtitle_1mh5p {
71
+ } .navigation-bar-private__subtitle_1sbjf {
70
72
  font-size: 14px;
71
73
  line-height: 20px;
72
74
  font-weight: 400;
@@ -77,11 +79,11 @@
77
79
 
78
80
  color: var(--color-light-text-secondary);
79
81
  word-break: break-all;
80
- } .navigation-bar-private__addonsWrapper_1mh5p {
82
+ } .navigation-bar-private__addonsWrapper_1sbjf {
81
83
  display: flex;
82
- } .navigation-bar-private__rightAddons_1mh5p {
84
+ } .navigation-bar-private__rightAddons_1sbjf {
83
85
  margin-left: auto;
84
- } .navigation-bar-private__addon_1mh5p {
86
+ } .navigation-bar-private__addon_1sbjf {
85
87
  min-width: 48px;
86
88
  height: 48px;
87
89
  display: flex;
@@ -89,18 +91,18 @@
89
91
  align-items: center;
90
92
  flex-shrink: 0;
91
93
  pointer-events: all;
92
- } .navigation-bar-private__bottomAddons_1mh5p {
94
+ } .navigation-bar-private__bottomAddons_1sbjf {
93
95
  pointer-events: all;
94
- } .navigation-bar-private__closer_1mh5p {
96
+ } .navigation-bar-private__closer_1sbjf {
95
97
  margin-left: auto;
96
- } .navigation-bar-private__left_1mh5p {
98
+ } .navigation-bar-private__left_1sbjf {
97
99
  text-align: left;
98
- } .navigation-bar-private__center_1mh5p {
100
+ } .navigation-bar-private__center_1sbjf {
99
101
  text-align: center;
100
- } .navigation-bar-private__trim_1mh5p {
102
+ } .navigation-bar-private__trim_1sbjf {
101
103
  overflow: hidden
102
- } .navigation-bar-private__trim_1mh5p .navigation-bar-private__title_1mh5p,
103
- .navigation-bar-private__trim_1mh5p .navigation-bar-private__children_1mh5p {
104
+ } .navigation-bar-private__trim_1sbjf .navigation-bar-private__title_1sbjf,
105
+ .navigation-bar-private__trim_1sbjf .navigation-bar-private__children_1sbjf {
104
106
  -webkit-line-clamp: 2;
105
107
  display: -webkit-box;
106
108
  -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_1mh5p","backgroundImage":"navigation-bar-private__backgroundImage_1mh5p","mainLine":"navigation-bar-private__mainLine_1mh5p","mainLineSticky":"navigation-bar-private__mainLineSticky_1mh5p","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1mh5p","content":"navigation-bar-private__content_1mh5p","withBothAddons":"navigation-bar-private__withBothAddons_1mh5p","withCompactTitle":"navigation-bar-private__withCompactTitle_1mh5p","children":"navigation-bar-private__children_1mh5p","title":"navigation-bar-private__title_1mh5p","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1mh5p","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1mh5p","subtitle":"navigation-bar-private__subtitle_1mh5p","addonsWrapper":"navigation-bar-private__addonsWrapper_1mh5p","rightAddons":"navigation-bar-private__rightAddons_1mh5p","addon":"navigation-bar-private__addon_1mh5p","bottomAddons":"navigation-bar-private__bottomAddons_1mh5p","closer":"navigation-bar-private__closer_1mh5p","left":"navigation-bar-private__left_1mh5p","center":"navigation-bar-private__center_1mh5p","trim":"navigation-bar-private__trim_1mh5p"};
9
+ const styles = {"header":"navigation-bar-private__header_1sbjf","backgroundImage":"navigation-bar-private__backgroundImage_1sbjf","mainLine":"navigation-bar-private__mainLine_1sbjf","mainLineSticky":"navigation-bar-private__mainLineSticky_1sbjf","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1sbjf","content":"navigation-bar-private__content_1sbjf","withBothAddons":"navigation-bar-private__withBothAddons_1sbjf","withCompactTitle":"navigation-bar-private__withCompactTitle_1sbjf","children":"navigation-bar-private__children_1sbjf","title":"navigation-bar-private__title_1sbjf","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1sbjf","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1sbjf","subtitle":"navigation-bar-private__subtitle_1sbjf","addonsWrapper":"navigation-bar-private__addonsWrapper_1sbjf","rightAddons":"navigation-bar-private__rightAddons_1sbjf","addon":"navigation-bar-private__addon_1sbjf","bottomAddons":"navigation-bar-private__bottomAddons_1sbjf","closer":"navigation-bar-private__closer_1sbjf","left":"navigation-bar-private__left_1sbjf","center":"navigation-bar-private__center_1sbjf","trim":"navigation-bar-private__trim_1sbjf"};
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_bsy63","mobileComponent":"navigation-bar-private__mobileComponent_bsy63","flex":"navigation-bar-private__flex_bsy63","iconWrapper":"navigation-bar-private__iconWrapper_bsy63","text":"navigation-bar-private__text_bsy63","mobileWrapper":"navigation-bar-private__mobileWrapper_bsy63"};
8
+ const styles = {"component":"navigation-bar-private__component_gnuew","mobileComponent":"navigation-bar-private__mobileComponent_gnuew","flex":"navigation-bar-private__flex_gnuew","iconWrapper":"navigation-bar-private__iconWrapper_gnuew","text":"navigation-bar-private__text_gnuew","mobileWrapper":"navigation-bar-private__mobileWrapper_gnuew"};
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: avwd1 */
1
+ /* hash: cj7b6 */
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);
@@ -19,9 +19,11 @@
19
19
  } :root {
20
20
  --border-radius-circle: 50%;
21
21
  --border-radius-pill: 99px;
22
- } :root {
23
- --gap-xs: 8px;
24
- --gap-s: 12px;
22
+ } :root { /* deprecated */ /* deprecated */
23
+ --gap-xs: 8px; /* deprecated */
24
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
25
27
  } :root {
26
28
  } :root {
27
29
  } :root {
@@ -29,48 +31,48 @@
29
31
 
30
32
  /* back-arrow */
31
33
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
32
- } .navigation-bar-private__component_bsy63 {
34
+ } .navigation-bar-private__component_gnuew {
33
35
  height: 100%;
34
36
  background: var(--color-light-bg-primary-alpha-40);
35
37
  -webkit-backdrop-filter: blur(10px);
36
38
  backdrop-filter: blur(10px);
37
39
  border-radius: var(--border-radius-pill);
38
40
  min-width: 48px
39
- } .navigation-bar-private__component_bsy63 svg > path {
41
+ } .navigation-bar-private__component_gnuew svg > path {
40
42
  transition: fill 0.2s ease;
41
43
  fill: var(--color-light-neutral-translucent-1300);
42
- } .navigation-bar-private__component_bsy63:hover svg > path {
44
+ } .navigation-bar-private__component_gnuew:hover svg > path {
43
45
  fill: var(--color-light-neutral-translucent-1300-hover);
44
- } .navigation-bar-private__component_bsy63:active svg > path {
46
+ } .navigation-bar-private__component_gnuew:active svg > path {
45
47
  fill: var(--color-light-neutral-translucent-1300-press);
46
- } .navigation-bar-private__mobileComponent_bsy63 {
48
+ } .navigation-bar-private__mobileComponent_gnuew {
47
49
  height: 32px;
48
50
  min-width: 32px;
49
51
  margin: 0 var(--gap-xs);
50
52
  -webkit-backdrop-filter: none;
51
53
  backdrop-filter: none;
52
54
  background: none;
53
- } .navigation-bar-private__flex_bsy63 {
55
+ } .navigation-bar-private__flex_gnuew {
54
56
  display: flex;
55
57
  align-items: center;
56
- } .navigation-bar-private__iconWrapper_bsy63 {
58
+ } .navigation-bar-private__iconWrapper_gnuew {
57
59
  display: inline-flex;
58
60
  align-items: center;
59
61
  justify-content: center;
60
62
  height: 48px;
61
63
  margin: 0 var(--gap-xs) 0 var(--gap-s);
62
64
  border-radius: var(--border-radius-circle)
63
- } .navigation-bar-private__iconWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
65
+ } .navigation-bar-private__iconWrapper_gnuew + .navigation-bar-private__text_gnuew {
64
66
  margin-right: var(--gap-s);
65
- } .navigation-bar-private__mobileWrapper_bsy63 {
67
+ } .navigation-bar-private__mobileWrapper_gnuew {
66
68
  width: 32px;
67
69
  height: 32px;
68
70
  background: var(--color-light-neutral-translucent-100);
69
71
  -webkit-backdrop-filter: blur(10px);
70
72
  backdrop-filter: blur(10px);
71
73
  margin: 0
72
- } .navigation-bar-private__mobileWrapper_bsy63 + .navigation-bar-private__text_bsy63 {
74
+ } .navigation-bar-private__mobileWrapper_gnuew + .navigation-bar-private__text_gnuew {
73
75
  margin: 0 var(--gap-s) 0 var(--gap-xs);
74
- } .navigation-bar-private__mobileWrapper_bsy63 svg > path {
76
+ } .navigation-bar-private__mobileWrapper_gnuew svg > path {
75
77
  fill: var(--navigation-bar-back-arrow-mobile-fill);
76
78
  }
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_ovn87","button":"navigation-bar-private__button_ovn87","mobile":"navigation-bar-private__mobile_ovn87","sticky":"navigation-bar-private__sticky_ovn87"};
7
+ const styles = {"closer":"navigation-bar-private__closer_uq0xg","button":"navigation-bar-private__button_uq0xg","mobile":"navigation-bar-private__mobile_uq0xg","sticky":"navigation-bar-private__sticky_uq0xg"};
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: 1h7l8 */
1
+ /* hash: 1s3jn */
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);
@@ -16,7 +16,9 @@
16
16
  /* Hard up */
17
17
  } :root {
18
18
  --border-radius-circle: 50%;
19
- } :root {
19
+ } :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 */
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root {
21
23
  } :root {
22
24
  } :root {
@@ -24,7 +26,7 @@
24
26
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
25
27
 
26
28
  /* back-arrow */
27
- } .navigation-bar-private__closer_ovn87 {
29
+ } .navigation-bar-private__closer_uq0xg {
28
30
  flex-shrink: 0;
29
31
  width: 48px;
30
32
  height: 48px;
@@ -32,17 +34,17 @@
32
34
  display: flex;
33
35
  align-items: center;
34
36
  justify-content: center;
35
- } .navigation-bar-private__button_ovn87 {
37
+ } .navigation-bar-private__button_uq0xg {
36
38
  background: var(--color-light-bg-primary-alpha-40);
37
39
  -webkit-backdrop-filter: blur(10px);
38
40
  backdrop-filter: blur(10px);
39
41
  color: var(--color-light-neutral-translucent-1300)
40
- } .navigation-bar-private__button_ovn87.navigation-bar-private__mobile_ovn87 {
42
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__mobile_uq0xg {
41
43
  background: var(--color-light-neutral-translucent-100);
42
44
  color: var(--navigation-bar-closer-mobile-color);
43
- } .navigation-bar-private__button_ovn87.navigation-bar-private__button_ovn87 {
45
+ } .navigation-bar-private__button_uq0xg.navigation-bar-private__button_uq0xg {
44
46
  border-radius: var(--border-radius-circle);
45
- } .navigation-bar-private__sticky_ovn87 {
47
+ } .navigation-bar-private__sticky_uq0xg {
46
48
  position: sticky;
47
49
  top: 0;
48
50
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18enb */
1
+ /* hash: 1jalq */
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);
@@ -13,31 +13,33 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
17
- --gap-2xs: 4px;
18
- --gap-s: 12px;
16
+ } :root { /* deprecated */
17
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
- } .navigation-bar-private__header_1mh5p {
23
+ } .navigation-bar-private__header_1sbjf {
22
24
  width: 100%;
23
25
  box-sizing: border-box;
24
26
  transition: box-shadow 0.2s ease, background 0.2s ease
25
- } .navigation-bar-private__header_1mh5p.navigation-bar-private__header_1mh5p.navigation-bar-private__backgroundImage_1mh5p {
27
+ } .navigation-bar-private__header_1sbjf.navigation-bar-private__header_1sbjf.navigation-bar-private__backgroundImage_1sbjf {
26
28
  background-repeat: no-repeat;
27
29
  background-position: center;
28
30
  background-size: cover;
29
- } .navigation-bar-private__mainLine_1mh5p {
31
+ } .navigation-bar-private__mainLine_1sbjf {
30
32
  display: flex;
31
33
  align-items: stretch;
32
34
  justify-content: space-between;
33
35
  z-index: 1;
34
36
  background-color: inherit;
35
- } .navigation-bar-private__mainLineSticky_1mh5p {
37
+ } .navigation-bar-private__mainLineSticky_1sbjf {
36
38
  position: sticky;
37
39
  top: 0;
38
- } .navigation-bar-private__mainLineWithImageBg_1mh5p {
40
+ } .navigation-bar-private__mainLineWithImageBg_1sbjf {
39
41
  background-color: initial;
40
- } .navigation-bar-private__content_1mh5p {
42
+ } .navigation-bar-private__content_1sbjf {
41
43
  color: var(--color-light-text-primary);
42
44
  display: flex;
43
45
  flex-flow: column nowrap;
@@ -46,27 +48,27 @@
46
48
  align-self: baseline;
47
49
  box-sizing: border-box;
48
50
  min-height: 48px
49
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p,
50
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p {
51
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf,
52
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf {
51
53
  font-size: 16px;
52
54
  line-height: 20px;
53
55
  font-weight: 500;
54
56
  align-self: center;
55
57
  padding-top: var(--gap-2xs);
56
58
  padding-bottom: var(--gap-2xs)
57
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__children_1mh5p,
58
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withBothAddons_1mh5p > .navigation-bar-private__title_1mh5p,
59
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__children_1mh5p,
60
- .navigation-bar-private__content_1mh5p.navigation-bar-private__withCompactTitle_1mh5p > .navigation-bar-private__title_1mh5p {
59
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__children_1sbjf,
60
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withBothAddons_1sbjf > .navigation-bar-private__title_1sbjf,
61
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__children_1sbjf,
62
+ .navigation-bar-private__content_1sbjf.navigation-bar-private__withCompactTitle_1sbjf > .navigation-bar-private__title_1sbjf {
61
63
  -webkit-line-clamp: 1;
62
64
  word-break: break-all;
63
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p.navigation-bar-private__contentOnBotDesktop_1mh5p {
65
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf.navigation-bar-private__contentOnBotDesktop_1sbjf {
64
66
  padding-top: var(--gap-s);
65
- } .navigation-bar-private__content_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p.navigation-bar-private__contentOnBotMobile_1mh5p {
67
+ } .navigation-bar-private__content_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf.navigation-bar-private__contentOnBotMobile_1sbjf {
66
68
  padding-top: var(--gap-s);
67
- } .navigation-bar-private__title_1mh5p {
69
+ } .navigation-bar-private__title_1sbjf {
68
70
  word-break: break-word;
69
- } .navigation-bar-private__subtitle_1mh5p {
71
+ } .navigation-bar-private__subtitle_1sbjf {
70
72
  font-size: 14px;
71
73
  line-height: 20px;
72
74
  font-weight: 400;
@@ -77,11 +79,11 @@
77
79
 
78
80
  color: var(--color-light-text-secondary);
79
81
  word-break: break-all;
80
- } .navigation-bar-private__addonsWrapper_1mh5p {
82
+ } .navigation-bar-private__addonsWrapper_1sbjf {
81
83
  display: flex;
82
- } .navigation-bar-private__rightAddons_1mh5p {
84
+ } .navigation-bar-private__rightAddons_1sbjf {
83
85
  margin-left: auto;
84
- } .navigation-bar-private__addon_1mh5p {
86
+ } .navigation-bar-private__addon_1sbjf {
85
87
  min-width: 48px;
86
88
  height: 48px;
87
89
  display: flex;
@@ -89,18 +91,18 @@
89
91
  align-items: center;
90
92
  flex-shrink: 0;
91
93
  pointer-events: all;
92
- } .navigation-bar-private__bottomAddons_1mh5p {
94
+ } .navigation-bar-private__bottomAddons_1sbjf {
93
95
  pointer-events: all;
94
- } .navigation-bar-private__closer_1mh5p {
96
+ } .navigation-bar-private__closer_1sbjf {
95
97
  margin-left: auto;
96
- } .navigation-bar-private__left_1mh5p {
98
+ } .navigation-bar-private__left_1sbjf {
97
99
  text-align: left;
98
- } .navigation-bar-private__center_1mh5p {
100
+ } .navigation-bar-private__center_1sbjf {
99
101
  text-align: center;
100
- } .navigation-bar-private__trim_1mh5p {
102
+ } .navigation-bar-private__trim_1sbjf {
101
103
  overflow: hidden
102
- } .navigation-bar-private__trim_1mh5p .navigation-bar-private__title_1mh5p,
103
- .navigation-bar-private__trim_1mh5p .navigation-bar-private__children_1mh5p {
104
+ } .navigation-bar-private__trim_1sbjf .navigation-bar-private__title_1sbjf,
105
+ .navigation-bar-private__trim_1sbjf .navigation-bar-private__children_1sbjf {
104
106
  -webkit-line-clamp: 2;
105
107
  display: -webkit-box;
106
108
  -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.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "Navigation bar private component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,7 +13,7 @@
13
13
  "dependencies": {
14
14
  "@alfalab/core-components-icon-button": "^6.7.3",
15
15
  "@alfalab/core-components-button": "^11.5.3",
16
- "@alfalab/core-components-typography": "^4.7.0",
16
+ "@alfalab/core-components-typography": "^4.8.0",
17
17
  "@alfalab/core-components-shared": "^0.11.0",
18
18
  "@alfalab/hooks": "^1.13.0",
19
19
  "@alfalab/icons-glyph": "^2.139.0",
@@ -23,5 +23,7 @@
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
26
- }
26
+ },
27
+ "themesVersion": "13.0.1",
28
+ "varsVersion": "9.10.0"
27
29
  }