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

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 (41) hide show
  1. package/Component.js +1 -1
  2. package/components/action-icon-addon/Component.js +1 -1
  3. package/components/action-icon-addon/index.css +7 -7
  4. package/components/action-text-addon/Component.js +1 -1
  5. package/components/action-text-addon/index.css +3 -3
  6. package/esm/Component.js +1 -1
  7. package/esm/components/action-icon-addon/Component.js +1 -1
  8. package/esm/components/action-icon-addon/index.css +7 -7
  9. package/esm/components/action-text-addon/Component.js +1 -1
  10. package/esm/components/action-text-addon/index.css +3 -3
  11. package/esm/index.css +17 -17
  12. package/index.css +17 -17
  13. package/modern/Component.js +1 -1
  14. package/modern/components/action-icon-addon/Component.js +1 -1
  15. package/modern/components/action-icon-addon/index.css +7 -7
  16. package/modern/components/action-text-addon/Component.js +1 -1
  17. package/modern/components/action-text-addon/index.css +3 -3
  18. package/modern/index.css +17 -17
  19. package/moderncssm/Component.d.ts +76 -0
  20. package/moderncssm/Component.js +54 -0
  21. package/moderncssm/components/action-icon-addon/Component.d.ts +22 -0
  22. package/moderncssm/components/action-icon-addon/Component.js +16 -0
  23. package/moderncssm/components/action-icon-addon/index.d.ts +1 -0
  24. package/moderncssm/components/action-icon-addon/index.js +1 -0
  25. package/moderncssm/components/action-icon-addon/index.module.css +34 -0
  26. package/moderncssm/components/action-text-addon/Component.d.ts +26 -0
  27. package/moderncssm/components/action-text-addon/Component.js +10 -0
  28. package/moderncssm/components/action-text-addon/index.d.ts +1 -0
  29. package/moderncssm/components/action-text-addon/index.js +1 -0
  30. package/moderncssm/components/action-text-addon/index.module.css +9 -0
  31. package/moderncssm/index.d.ts +1 -0
  32. package/moderncssm/index.js +1 -0
  33. package/moderncssm/index.module.css +87 -0
  34. package/moderncssm/shared/index.d.ts +3 -0
  35. package/moderncssm/shared/index.js +3 -0
  36. package/moderncssm/utils.d.ts +6 -0
  37. package/moderncssm/utils.js +11 -0
  38. package/package.json +5 -5
  39. package/src/components/action-icon-addon/index.module.css +1 -1
  40. package/src/components/action-text-addon/index.module.css +1 -1
  41. package/src/index.module.css +1 -1
package/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"navigation-bar__component_k89zc","sticky":"navigation-bar__sticky_k89zc","border":"navigation-bar__border_k89zc","mainLine":"navigation-bar__mainLine_k89zc","left":"navigation-bar__left_k89zc","center":"navigation-bar__center_k89zc","children":"navigation-bar__children_k89zc","content":"navigation-bar__content_k89zc","title":"navigation-bar__title_k89zc","subtitle":"navigation-bar__subtitle_k89zc","addons":"navigation-bar__addons_k89zc","rightAddons":"navigation-bar__rightAddons_k89zc"};
15
+ var styles = {"component":"navigation-bar__component_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
16
16
  require('./index.css')
17
17
 
18
18
  var NavigationBar = React.forwardRef(function (_a, ref) {
package/components/action-icon-addon/Component.js CHANGED
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
17
+ var styles = {"component":"navigation-bar__component_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
18
18
  require('./index.css')
19
19
 
20
20
  var iconComponents = {
package/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9e8q7 */
1
+ /* hash: 13pi7 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_122q9 {
27
+ } .navigation-bar__component_1xvxu {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_122q9 {
31
+ } .navigation-bar__iconWrapper_1xvxu {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
40
+ } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
41
41
  background: transparent;
42
- } .navigation-bar__floating_122q9 path {
42
+ } .navigation-bar__floating_1xvxu path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_122q9:hover path {
44
+ } .navigation-bar__floating_1xvxu:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_122q9:active path {
46
+ } .navigation-bar__floating_1xvxu:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/components/action-text-addon/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
16
+ var styles = {"component":"navigation-bar__component_1k6xv","text":"navigation-bar__text_1k6xv"};
17
17
  require('./index.css')
18
18
 
19
19
  var ActionTextAddon = function (_a) {
package/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jcy9 */
1
+ /* hash: 5a9xf */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1kb47 {
25
+ } .navigation-bar__component_1k6xv {
26
26
  height: 100%;
27
- } .navigation-bar__text_1kb47 {
27
+ } .navigation-bar__text_1k6xv {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/esm/Component.js CHANGED
@@ -3,7 +3,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
5
 
6
- var styles = {"component":"navigation-bar__component_k89zc","sticky":"navigation-bar__sticky_k89zc","border":"navigation-bar__border_k89zc","mainLine":"navigation-bar__mainLine_k89zc","left":"navigation-bar__left_k89zc","center":"navigation-bar__center_k89zc","children":"navigation-bar__children_k89zc","content":"navigation-bar__content_k89zc","title":"navigation-bar__title_k89zc","subtitle":"navigation-bar__subtitle_k89zc","addons":"navigation-bar__addons_k89zc","rightAddons":"navigation-bar__rightAddons_k89zc"};
6
+ var styles = {"component":"navigation-bar__component_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
7
7
  require('./index.css')
8
8
 
9
9
  var NavigationBar = forwardRef(function (_a, ref) {
package/esm/components/action-icon-addon/Component.js CHANGED
@@ -5,7 +5,7 @@ import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
5
5
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
6
6
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
7
7
 
8
- var styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
8
+ var styles = {"component":"navigation-bar__component_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
9
9
  require('./index.css')
10
10
 
11
11
  var iconComponents = {
package/esm/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9e8q7 */
1
+ /* hash: 13pi7 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_122q9 {
27
+ } .navigation-bar__component_1xvxu {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_122q9 {
31
+ } .navigation-bar__iconWrapper_1xvxu {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
40
+ } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
41
41
  background: transparent;
42
- } .navigation-bar__floating_122q9 path {
42
+ } .navigation-bar__floating_1xvxu path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_122q9:hover path {
44
+ } .navigation-bar__floating_1xvxu:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_122q9:active path {
46
+ } .navigation-bar__floating_1xvxu:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/esm/components/action-text-addon/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
5
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
6
 
7
- var styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
7
+ var styles = {"component":"navigation-bar__component_1k6xv","text":"navigation-bar__text_1k6xv"};
8
8
  require('./index.css')
9
9
 
10
10
  var ActionTextAddon = function (_a) {
package/esm/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jcy9 */
1
+ /* hash: 5a9xf */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1kb47 {
25
+ } .navigation-bar__component_1k6xv {
26
26
  height: 100%;
27
- } .navigation-bar__text_1kb47 {
27
+ } .navigation-bar__text_1k6xv {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: r9yky */
1
+ /* hash: 1vzt5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -27,60 +27,60 @@
27
27
  --gap-16: var(--gap-m);
28
28
  } :root {
29
29
  } :root {
30
- } .navigation-bar__component_k89zc {
30
+ } .navigation-bar__component_1rzc1 {
31
31
  padding: var(--gap-8) var(--gap-4);
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
- } .navigation-bar__sticky_k89zc {
34
+ } .navigation-bar__sticky_1rzc1 {
35
35
  position: sticky;
36
36
  top: 0;
37
37
  z-index: 1;
38
- } .navigation-bar__border_k89zc {
38
+ } .navigation-bar__border_1rzc1 {
39
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_k89zc {
40
+ } .navigation-bar__mainLine_1rzc1 {
41
41
  display: flex;
42
42
  background-color: inherit;
43
43
  justify-content: space-between;
44
44
  min-height: 40px;
45
45
  align-items: stretch;
46
- } .navigation-bar__left_k89zc {
46
+ } .navigation-bar__left_1rzc1 {
47
47
  text-align: left;
48
- } .navigation-bar__center_k89zc {
48
+ } .navigation-bar__center_1rzc1 {
49
49
  text-align: center;
50
- } .navigation-bar__children_k89zc {
50
+ } .navigation-bar__children_1rzc1 {
51
51
  width: 100%;
52
- } .navigation-bar__content_k89zc {
52
+ } .navigation-bar__content_1rzc1 {
53
53
  display: flex;
54
54
  flex-grow: 1;
55
55
  justify-content: center;
56
56
  flex-flow: column nowrap;
57
57
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
58
+ } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
59
  padding: 0 var(--gap-16);
60
- } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
- .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
60
+ } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
+ .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
65
65
  overflow: hidden;
66
66
  word-break: break-all;
67
- } .navigation-bar__title_k89zc {
67
+ } .navigation-bar__title_1rzc1 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500
71
- } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
71
+ } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
72
  font-size: 20px;
73
73
  line-height: 28px;
74
74
  font-weight: 600;
75
- } .navigation-bar__subtitle_k89zc {
75
+ } .navigation-bar__subtitle_1rzc1 {
76
76
  font-size: 14px;
77
77
  line-height: 20px;
78
78
  font-weight: 400;
79
79
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_k89zc {
80
+ } .navigation-bar__addons_1rzc1 {
81
81
  min-width: 48px;
82
82
  display: flex;
83
83
  justify-content: center;
84
- } .navigation-bar__rightAddons_k89zc {
84
+ } .navigation-bar__rightAddons_1rzc1 {
85
85
  margin-left: auto;
86
86
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: r9yky */
1
+ /* hash: 1vzt5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -27,60 +27,60 @@
27
27
  --gap-16: var(--gap-m);
28
28
  } :root {
29
29
  } :root {
30
- } .navigation-bar__component_k89zc {
30
+ } .navigation-bar__component_1rzc1 {
31
31
  padding: var(--gap-8) var(--gap-4);
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
- } .navigation-bar__sticky_k89zc {
34
+ } .navigation-bar__sticky_1rzc1 {
35
35
  position: sticky;
36
36
  top: 0;
37
37
  z-index: 1;
38
- } .navigation-bar__border_k89zc {
38
+ } .navigation-bar__border_1rzc1 {
39
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_k89zc {
40
+ } .navigation-bar__mainLine_1rzc1 {
41
41
  display: flex;
42
42
  background-color: inherit;
43
43
  justify-content: space-between;
44
44
  min-height: 40px;
45
45
  align-items: stretch;
46
- } .navigation-bar__left_k89zc {
46
+ } .navigation-bar__left_1rzc1 {
47
47
  text-align: left;
48
- } .navigation-bar__center_k89zc {
48
+ } .navigation-bar__center_1rzc1 {
49
49
  text-align: center;
50
- } .navigation-bar__children_k89zc {
50
+ } .navigation-bar__children_1rzc1 {
51
51
  width: 100%;
52
- } .navigation-bar__content_k89zc {
52
+ } .navigation-bar__content_1rzc1 {
53
53
  display: flex;
54
54
  flex-grow: 1;
55
55
  justify-content: center;
56
56
  flex-flow: column nowrap;
57
57
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
58
+ } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
59
  padding: 0 var(--gap-16);
60
- } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
- .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
60
+ } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
+ .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
65
65
  overflow: hidden;
66
66
  word-break: break-all;
67
- } .navigation-bar__title_k89zc {
67
+ } .navigation-bar__title_1rzc1 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500
71
- } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
71
+ } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
72
  font-size: 20px;
73
73
  line-height: 28px;
74
74
  font-weight: 600;
75
- } .navigation-bar__subtitle_k89zc {
75
+ } .navigation-bar__subtitle_1rzc1 {
76
76
  font-size: 14px;
77
77
  line-height: 20px;
78
78
  font-weight: 400;
79
79
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_k89zc {
80
+ } .navigation-bar__addons_1rzc1 {
81
81
  min-width: 48px;
82
82
  display: flex;
83
83
  justify-content: center;
84
- } .navigation-bar__rightAddons_k89zc {
84
+ } .navigation-bar__rightAddons_1rzc1 {
85
85
  margin-left: auto;
86
86
  }
package/modern/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
 
5
- const styles = {"component":"navigation-bar__component_k89zc","sticky":"navigation-bar__sticky_k89zc","border":"navigation-bar__border_k89zc","mainLine":"navigation-bar__mainLine_k89zc","left":"navigation-bar__left_k89zc","center":"navigation-bar__center_k89zc","children":"navigation-bar__children_k89zc","content":"navigation-bar__content_k89zc","title":"navigation-bar__title_k89zc","subtitle":"navigation-bar__subtitle_k89zc","addons":"navigation-bar__addons_k89zc","rightAddons":"navigation-bar__rightAddons_k89zc"};
5
+ const styles = {"component":"navigation-bar__component_1rzc1","sticky":"navigation-bar__sticky_1rzc1","border":"navigation-bar__border_1rzc1","mainLine":"navigation-bar__mainLine_1rzc1","left":"navigation-bar__left_1rzc1","center":"navigation-bar__center_1rzc1","children":"navigation-bar__children_1rzc1","content":"navigation-bar__content_1rzc1","title":"navigation-bar__title_1rzc1","subtitle":"navigation-bar__subtitle_1rzc1","addons":"navigation-bar__addons_1rzc1","rightAddons":"navigation-bar__rightAddons_1rzc1"};
6
6
  require('./index.css')
7
7
 
8
8
  const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {
package/modern/components/action-icon-addon/Component.js CHANGED
@@ -4,7 +4,7 @@ import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
4
4
  import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
5
5
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
6
 
7
- const styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
7
+ const styles = {"component":"navigation-bar__component_1xvxu","iconWrapper":"navigation-bar__iconWrapper_1xvxu","back":"navigation-bar__back_1xvxu","floating":"navigation-bar__floating_1xvxu"};
8
8
  require('./index.css')
9
9
 
10
10
  const iconComponents = {
package/modern/components/action-icon-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9e8q7 */
1
+ /* hash: 13pi7 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -24,11 +24,11 @@
24
24
  /* новые значения, используйте их */
25
25
  } :root {
26
26
  } :root {
27
- } .navigation-bar__component_122q9 {
27
+ } .navigation-bar__component_1xvxu {
28
28
  height: 100%;
29
29
  border-radius: var(--border-radius-pill);
30
30
  min-width: 48px;
31
- } .navigation-bar__iconWrapper_122q9 {
31
+ } .navigation-bar__iconWrapper_1xvxu {
32
32
  display: inline-flex;
33
33
  align-items: center;
34
34
  justify-content: center;
@@ -37,12 +37,12 @@
37
37
  border-radius: var(--border-radius-circle);
38
38
  background: var(--color-light-neutral-translucent-100);
39
39
  vertical-align: middle
40
- } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
40
+ } .navigation-bar__iconWrapper_1xvxu.navigation-bar__back_1xvxu {
41
41
  background: transparent;
42
- } .navigation-bar__floating_122q9 path {
42
+ } .navigation-bar__floating_1xvxu path {
43
43
  fill: var(--color-light-neutral-translucent-700);
44
- } .navigation-bar__floating_122q9:hover path {
44
+ } .navigation-bar__floating_1xvxu:hover path {
45
45
  fill: var(--color-light-neutral-translucent-700-hover);
46
- } .navigation-bar__floating_122q9:active path {
46
+ } .navigation-bar__floating_1xvxu:active path {
47
47
  fill: var(--color-light-neutral-translucent-700-press);
48
48
  }
package/modern/components/action-text-addon/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
4
4
  import { Typography } from '@alfalab/core-components-typography/modern';
5
5
 
6
- const styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
6
+ const styles = {"component":"navigation-bar__component_1k6xv","text":"navigation-bar__text_1k6xv"};
7
7
  require('./index.css')
8
8
 
9
9
  const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
package/modern/components/action-text-addon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jcy9 */
1
+ /* hash: 5a9xf */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,8 +22,8 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } .navigation-bar__component_1kb47 {
25
+ } .navigation-bar__component_1k6xv {
26
26
  height: 100%;
27
- } .navigation-bar__text_1kb47 {
27
+ } .navigation-bar__text_1k6xv {
28
28
  padding: var(--gap-8) var(--gap-16);
29
29
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: r9yky */
1
+ /* hash: 1vzt5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -27,60 +27,60 @@
27
27
  --gap-16: var(--gap-m);
28
28
  } :root {
29
29
  } :root {
30
- } .navigation-bar__component_k89zc {
30
+ } .navigation-bar__component_1rzc1 {
31
31
  padding: var(--gap-8) var(--gap-4);
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
- } .navigation-bar__sticky_k89zc {
34
+ } .navigation-bar__sticky_1rzc1 {
35
35
  position: sticky;
36
36
  top: 0;
37
37
  z-index: 1;
38
- } .navigation-bar__border_k89zc {
38
+ } .navigation-bar__border_1rzc1 {
39
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
40
- } .navigation-bar__mainLine_k89zc {
40
+ } .navigation-bar__mainLine_1rzc1 {
41
41
  display: flex;
42
42
  background-color: inherit;
43
43
  justify-content: space-between;
44
44
  min-height: 40px;
45
45
  align-items: stretch;
46
- } .navigation-bar__left_k89zc {
46
+ } .navigation-bar__left_1rzc1 {
47
47
  text-align: left;
48
- } .navigation-bar__center_k89zc {
48
+ } .navigation-bar__center_1rzc1 {
49
49
  text-align: center;
50
- } .navigation-bar__children_k89zc {
50
+ } .navigation-bar__children_1rzc1 {
51
51
  width: 100%;
52
- } .navigation-bar__content_k89zc {
52
+ } .navigation-bar__content_1rzc1 {
53
53
  display: flex;
54
54
  flex-grow: 1;
55
55
  justify-content: center;
56
56
  flex-flow: column nowrap;
57
57
  color: var(--color-light-text-primary)
58
- } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
58
+ } .navigation-bar__content_1rzc1.navigation-bar__left_1rzc1 {
59
59
  padding: 0 var(--gap-16);
60
- } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
- .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
60
+ } .navigation-bar__content_1rzc1 > .navigation-bar__title_1rzc1,
61
+ .navigation-bar__content_1rzc1 > .navigation-bar__subtitle_1rzc1 {
62
62
  -webkit-line-clamp: 1;
63
63
  display: -webkit-box;
64
64
  -webkit-box-orient: vertical;
65
65
  overflow: hidden;
66
66
  word-break: break-all;
67
- } .navigation-bar__title_k89zc {
67
+ } .navigation-bar__title_1rzc1 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500
71
- } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
71
+ } .navigation-bar__title_1rzc1.navigation-bar__left_1rzc1 {
72
72
  font-size: 20px;
73
73
  line-height: 28px;
74
74
  font-weight: 600;
75
- } .navigation-bar__subtitle_k89zc {
75
+ } .navigation-bar__subtitle_1rzc1 {
76
76
  font-size: 14px;
77
77
  line-height: 20px;
78
78
  font-weight: 400;
79
79
  color: var(--color-light-text-secondary);
80
- } .navigation-bar__addons_k89zc {
80
+ } .navigation-bar__addons_1rzc1 {
81
81
  min-width: 48px;
82
82
  display: flex;
83
83
  justify-content: center;
84
- } .navigation-bar__rightAddons_k89zc {
84
+ } .navigation-bar__rightAddons_1rzc1 {
85
85
  margin-left: auto;
86
86
  }
package/moderncssm/Component.d.ts ADDED
@@ -0,0 +1,76 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
4
+ interface NavigationBarProps {
5
+ /**
6
+ * Заголовок
7
+ */
8
+ title?: string;
9
+ /**
10
+ * Подзаголовок
11
+ */
12
+ subtitle?: string;
13
+ /**
14
+ * Контент шапки
15
+ */
16
+ children?: ReactNode;
17
+ /**
18
+ * Выравнивание заголовка
19
+ * @default center
20
+ */
21
+ align?: 'left' | 'center';
22
+ /**
23
+ * Цвет фона
24
+ */
25
+ backgroundColor?: string;
26
+ /**
27
+ * Наличие бордера
28
+ */
29
+ border?: boolean;
30
+ /**
31
+ * Фиксирует шапку
32
+ */
33
+ sticky?: boolean;
34
+ /**
35
+ * Слот снизу
36
+ */
37
+ bottomAddons?: ReactNode;
38
+ /**
39
+ * Слот слева
40
+ */
41
+ leftAddons?: ReactNode;
42
+ /**
43
+ * Слот справа
44
+ */
45
+ rightAddons?: ReactNode;
46
+ /**
47
+ * Дополнительный класс для контента
48
+ */
49
+ contentClassName?: string;
50
+ /**
51
+ * Дополнительный класс для обертки контента
52
+ */
53
+ contentWrapperClassName?: string;
54
+ /**
55
+ * Дополнительный класс
56
+ */
57
+ className?: string;
58
+ /**
59
+ * Дополнительный класс для правого аддона
60
+ */
61
+ rightAddonsClassName?: string;
62
+ /**
63
+ * Дополнительный класс для левого аддона
64
+ */
65
+ leftAddonsClassName?: string;
66
+ /**
67
+ * Дополнительный класс для нижнего аддона
68
+ */
69
+ bottomAddonsClassName?: string;
70
+ /**
71
+ * Идентификатор для систем автоматизированного тестирования.
72
+ */
73
+ dataTestId?: string;
74
+ }
75
+ declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
76
+ export { NavigationBarProps, NavigationBar };
package/moderncssm/Component.js ADDED
@@ -0,0 +1,54 @@
1
+ import React, { forwardRef, useState, useRef, useEffect } from 'react';
2
+ import cn from 'classnames';
3
+ import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
4
+ import styles from './index.module.css';
5
+
6
+ const NavigationBar = forwardRef(({ align = 'center', rightAddons, leftAddons, bottomAddons, sticky, border, subtitle, title, children, backgroundColor = 'var(--color-light-base-bg-primary)', contentWrapperClassName, className, contentClassName, rightAddonsClassName, leftAddonsClassName, bottomAddonsClassName, dataTestId, }, ref) => {
7
+ const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
8
+ const leftAddonsRef = useRef(null);
9
+ const rightAddonsRef = useRef(null);
10
+ const hasLeftAddons = leftAddons && align !== 'left';
11
+ useEffect(() => {
12
+ if (hasLeftAddons) {
13
+ const leftAddonsWidth = leftAddonsRef.current?.offsetWidth || 0;
14
+ const rightAddonsWidth = rightAddonsRef.current?.offsetWidth || 0;
15
+ const marginSize = Math.abs(rightAddonsWidth - leftAddonsWidth);
16
+ const shouldAddLeftMargin = rightAddonsWidth - leftAddonsWidth > 0;
17
+ setTitleMargin((prev) => {
18
+ const newState = shouldAddLeftMargin
19
+ ? { left: marginSize, right: 0 }
20
+ : { left: 0, right: marginSize };
21
+ const isStateChanged = prev.left !== newState.left || prev.right !== newState.right;
22
+ return isStateChanged ? newState : prev;
23
+ });
24
+ }
25
+ }, [hasLeftAddons, leftAddons, rightAddons]);
26
+ return (React.createElement("div", { ref: ref, className: cn(styles.component, {
27
+ [styles.border]: border,
28
+ [styles.sticky]: sticky,
29
+ }, className), style: {
30
+ ...(backgroundColor && { backgroundColor }),
31
+ }, "data-test-id": dataTestId },
32
+ React.createElement("div", { className: cn(styles.mainLine, styles[align], contentClassName) },
33
+ hasLeftAddons && (React.createElement("div", { className: cn(styles.addons, leftAddonsClassName), ref: leftAddonsRef }, leftAddons)),
34
+ children && React.createElement("div", { className: styles.children }, children),
35
+ title && (React.createElement("div", { className: cn(styles.content, contentWrapperClassName, {
36
+ [styles[align]]: !hasLeftAddons,
37
+ }), style: {
38
+ ...(align === 'center'
39
+ ? {
40
+ marginLeft: titleMargin.left,
41
+ marginRight: titleMargin.right,
42
+ }
43
+ : null),
44
+ } },
45
+ React.createElement("div", { className: cn(styles.title, {
46
+ [styles[align]]: !hasLeftAddons && !subtitle,
47
+ }), "data-test-id": getDataTestId(dataTestId, 'title') }, title),
48
+ subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle)))),
49
+ rightAddons && (React.createElement("div", { className: cn(styles.rightAddons, styles.addons, rightAddonsClassName), ref: rightAddonsRef }, rightAddons))),
50
+ bottomAddons && React.createElement("div", { className: bottomAddonsClassName }, bottomAddons)));
51
+ });
52
+ NavigationBar.displayName = 'NavigationBar';
53
+
54
+ export { NavigationBar };
package/moderncssm/components/action-icon-addon/Component.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ interface ActionIconAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
4
+ /**
5
+ * Тип действия
6
+ */
7
+ action?: 'back' | 'floatingBack' | 'close';
8
+ /**
9
+ * Дополнительный класс
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Обработчик клика
14
+ */
15
+ onClick?: () => void;
16
+ /**
17
+ * Идентификатор для систем автоматизированного тестирования.
18
+ */
19
+ dataTestId?: string;
20
+ }
21
+ declare const ActionIconAddon: React.FC<ActionIconAddonProps>;
22
+ export { ActionIconAddonProps, ActionIconAddon };
package/moderncssm/components/action-icon-addon/Component.js ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import cn from 'classnames';
3
+ import { ButtonDesktop } from '@alfalab/core-components-button/moderncssm/desktop';
4
+ import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
5
+ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
+ import styles from './index.module.css';
7
+
8
+ const iconComponents = {
9
+ back: React.createElement(ChevronLeftMIcon, null),
10
+ floatingBack: React.createElement(ChevronLeftMIcon, { className: styles.floating }),
11
+ close: React.createElement(CrossMIcon, { className: styles.floating }),
12
+ };
13
+ const ActionIconAddon = ({ onClick, className, action = 'back', dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": action === 'close' ? 'закрыть' : 'назад', className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
14
+ React.createElement("div", { className: cn(styles.iconWrapper, { [styles[action]]: Boolean(styles[action]) }) }, iconComponents[action])));
15
+
16
+ export { ActionIconAddon };
package/moderncssm/components/action-icon-addon/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Component";
package/moderncssm/components/action-icon-addon/index.js ADDED
@@ -0,0 +1 @@
1
+ export { ActionIconAddon } from './Component.js';
package/moderncssm/components/action-icon-addon/index.module.css ADDED
@@ -0,0 +1,34 @@
1
+ /* */
2
+
3
+ .component {
4
+ height: 100%;
5
+ border-radius: var(--border-radius-pill);
6
+ min-width: 48px;
7
+ }
8
+
9
+ .iconWrapper {
10
+ display: inline-flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ height: 30px;
14
+ width: 30px;
15
+ border-radius: var(--border-radius-circle);
16
+ background: var(--color-light-neutral-translucent-100);
17
+ vertical-align: middle
18
+ }
19
+
20
+ .iconWrapper.back {
21
+ background: transparent;
22
+ }
23
+
24
+ .floating path {
25
+ fill: var(--color-light-neutral-translucent-700);
26
+ }
27
+
28
+ .floating:hover path {
29
+ fill: var(--color-light-neutral-translucent-700-hover);
30
+ }
31
+
32
+ .floating:active path {
33
+ fill: var(--color-light-neutral-translucent-700-press);
34
+ }
package/moderncssm/components/action-text-addon/Component.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ interface ActionTextAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
4
+ /**
5
+ * Текст после иконки
6
+ */
7
+ text: string;
8
+ /**
9
+ * Тип действия
10
+ */
11
+ action?: 'primary' | 'secondary';
12
+ /**
13
+ * Дополнительный класс
14
+ */
15
+ className?: string;
16
+ /**
17
+ * Обработчик клика
18
+ */
19
+ onClick?: () => void;
20
+ /**
21
+ * Идентификатор для систем автоматизированного тестирования.
22
+ */
23
+ dataTestId?: string;
24
+ }
25
+ declare const ActionTextAddon: React.FC<ActionTextAddonProps>;
26
+ export { ActionTextAddonProps, ActionTextAddon };
package/moderncssm/components/action-text-addon/Component.js ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import cn from 'classnames';
3
+ import { ButtonDesktop } from '@alfalab/core-components-button/moderncssm/desktop';
4
+ import { Typography } from '@alfalab/core-components-typography/moderncssm';
5
+ import styles from './index.module.css';
6
+
7
+ const ActionTextAddon = ({ text = 'Назад', onClick, className, action, dataTestId, ...htmlAttributes }) => (React.createElement(ButtonDesktop, { view: 'text', size: 's', onClick: onClick, "aria-label": text, className: cn(styles.component, className), dataTestId: dataTestId, ...htmlAttributes },
8
+ React.createElement(Typography.Text, { className: styles.text, view: 'component', weight: action === 'primary' ? 'medium' : 'regular' }, text)));
9
+
10
+ export { ActionTextAddon };
package/moderncssm/components/action-text-addon/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Component";
package/moderncssm/components/action-text-addon/index.js ADDED
@@ -0,0 +1 @@
1
+ export { ActionTextAddon } from './Component.js';
package/moderncssm/components/action-text-addon/index.module.css ADDED
@@ -0,0 +1,9 @@
1
+ /* */
2
+
3
+ .component {
4
+ height: 100%;
5
+ }
6
+
7
+ .text {
8
+ padding: var(--gap-8) var(--gap-16);
9
+ }
package/moderncssm/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Component";
package/moderncssm/index.js ADDED
@@ -0,0 +1 @@
1
+ export { NavigationBar } from './Component.js';
package/moderncssm/index.module.css ADDED
@@ -0,0 +1,87 @@
1
+ /* */
2
+
3
+ .component {
4
+ padding: var(--gap-8) var(--gap-4);
5
+ box-sizing: border-box;
6
+ width: 100%;
7
+ }
8
+
9
+ .sticky {
10
+ position: sticky;
11
+ top: 0;
12
+ z-index: 1;
13
+ }
14
+
15
+ .border {
16
+ box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
17
+ }
18
+
19
+ .mainLine {
20
+ display: flex;
21
+ background-color: inherit;
22
+ justify-content: space-between;
23
+ min-height: 40px;
24
+ align-items: stretch;
25
+ }
26
+
27
+ .left {
28
+ text-align: left;
29
+ }
30
+
31
+ .center {
32
+ text-align: center;
33
+ }
34
+
35
+ .children {
36
+ width: 100%;
37
+ }
38
+
39
+ .content {
40
+ display: flex;
41
+ flex-grow: 1;
42
+ justify-content: center;
43
+ flex-flow: column nowrap;
44
+ color: var(--color-light-text-primary)
45
+ }
46
+
47
+ .content.left {
48
+ padding: 0 var(--gap-16);
49
+ }
50
+
51
+ .content > .title,
52
+ .content > .subtitle {
53
+ -webkit-line-clamp: 1;
54
+ display: -webkit-box;
55
+ -webkit-box-orient: vertical;
56
+ overflow: hidden;
57
+ word-break: break-all;
58
+ }
59
+
60
+ .title {
61
+ font-size: 16px;
62
+ line-height: 20px;
63
+ font-weight: 500
64
+ }
65
+
66
+ .title.left {
67
+ font-size: 20px;
68
+ line-height: 28px;
69
+ font-weight: 600;
70
+ }
71
+
72
+ .subtitle {
73
+ font-size: 14px;
74
+ line-height: 20px;
75
+ font-weight: 400;
76
+ color: var(--color-light-text-secondary);
77
+ }
78
+
79
+ .addons {
80
+ min-width: 48px;
81
+ display: flex;
82
+ justify-content: center;
83
+ }
84
+
85
+ .rightAddons {
86
+ margin-left: auto;
87
+ }
package/moderncssm/shared/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from "../components/action-icon-addon/index";
2
+ export * from "../components/action-text-addon/index";
3
+ export { getNavigationBarTestIds } from "../utils";
package/moderncssm/shared/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export { ActionIconAddon } from '../components/action-icon-addon/Component.js';
2
+ export { ActionTextAddon } from '../components/action-text-addon/Component.js';
3
+ export { getNavigationBarTestIds } from '../utils.js';
package/moderncssm/utils.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ declare function getNavigationBarTestIds(dataTestId: string): {
2
+ navigationBar: string;
3
+ title: string;
4
+ subtitle: string;
5
+ };
6
+ export { getNavigationBarTestIds };
package/moderncssm/utils.js ADDED
@@ -0,0 +1,11 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
2
+
3
+ function getNavigationBarTestIds(dataTestId) {
4
+ return {
5
+ navigationBar: dataTestId,
6
+ title: getDataTestId(dataTestId, 'title'),
7
+ subtitle: getDataTestId(dataTestId, 'subtitle'),
8
+ };
9
+ }
10
+
11
+ export { getNavigationBarTestIds };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "1.1.3",
3
+ "version": "1.2.0",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,13 +14,13 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-button": "^11.5.5",
18
- "@alfalab/core-components-typography": "^4.9.0",
17
+ "@alfalab/core-components-button": "^11.6.0",
18
+ "@alfalab/core-components-typography": "^4.10.0",
19
19
  "@alfalab/core-components-shared": "^0.12.0",
20
20
  "@alfalab/icons-glyph": "^2.139.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
- "themesVersion": "13.0.2",
25
- "varsVersion": "9.11.1"
24
+ "themesVersion": "13.1.0",
25
+ "varsVersion": "9.12.0"
26
26
  }
package/src/components/action-icon-addon/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  height: 100%;
package/src/components/action-text-addon/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  height: 100%;
package/src/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  padding: var(--gap-8) var(--gap-4);