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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/Component.js +1 -1
  2. package/components/action-icon-addon/Component.js +1 -1
  3. package/components/action-icon-addon/index.css +10 -8
  4. package/components/action-text-addon/Component.js +1 -1
  5. package/components/action-text-addon/index.css +9 -5
  6. package/cssm/components/action-icon-addon/index.module.css +3 -1
  7. package/cssm/components/action-text-addon/index.module.css +6 -2
  8. package/cssm/index.module.css +8 -3
  9. package/esm/Component.js +1 -1
  10. package/esm/components/action-icon-addon/Component.js +1 -1
  11. package/esm/components/action-icon-addon/index.css +10 -8
  12. package/esm/components/action-text-addon/Component.js +1 -1
  13. package/esm/components/action-text-addon/index.css +9 -5
  14. package/esm/index.css +25 -20
  15. package/index.css +25 -20
  16. package/modern/Component.js +1 -1
  17. package/modern/components/action-icon-addon/Component.js +1 -1
  18. package/modern/components/action-icon-addon/index.css +10 -8
  19. package/modern/components/action-text-addon/Component.js +1 -1
  20. package/modern/components/action-text-addon/index.css +9 -5
  21. package/modern/index.css +25 -20
  22. package/package.json +6 -6
  23. package/src/components/action-text-addon/index.module.css +1 -1
  24. package/src/index.module.css +2 -2
package/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"navigation-bar__component_4e67k","sticky":"navigation-bar__sticky_4e67k","border":"navigation-bar__border_4e67k","mainLine":"navigation-bar__mainLine_4e67k","left":"navigation-bar__left_4e67k","center":"navigation-bar__center_4e67k","children":"navigation-bar__children_4e67k","content":"navigation-bar__content_4e67k","title":"navigation-bar__title_4e67k","subtitle":"navigation-bar__subtitle_4e67k","addons":"navigation-bar__addons_4e67k","rightAddons":"navigation-bar__rightAddons_4e67k"};
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"};
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_1m2m3","iconWrapper":"navigation-bar__iconWrapper_1m2m3","back":"navigation-bar__back_1m2m3","floating":"navigation-bar__floating_1m2m3"};
17
+ var styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
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: 1fkeg */
1
+ /* hash: 9e8q7 */
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);
@@ -14,19 +14,21 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
  --border-radius-circle: 50%;
19
19
  --border-radius-pill: 99px;
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
23
25
  } :root {
24
26
  } :root {
25
- } .navigation-bar__component_1m2m3 {
27
+ } .navigation-bar__component_122q9 {
26
28
  height: 100%;
27
29
  border-radius: var(--border-radius-pill);
28
30
  min-width: 48px;
29
- } .navigation-bar__iconWrapper_1m2m3 {
31
+ } .navigation-bar__iconWrapper_122q9 {
30
32
  display: inline-flex;
31
33
  align-items: center;
32
34
  justify-content: center;
@@ -35,12 +37,12 @@
35
37
  border-radius: var(--border-radius-circle);
36
38
  background: var(--color-light-neutral-translucent-100);
37
39
  vertical-align: middle
38
- } .navigation-bar__iconWrapper_1m2m3.navigation-bar__back_1m2m3 {
40
+ } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
39
41
  background: transparent;
40
- } .navigation-bar__floating_1m2m3 path {
42
+ } .navigation-bar__floating_122q9 path {
41
43
  fill: var(--color-light-neutral-translucent-700);
42
- } .navigation-bar__floating_1m2m3:hover path {
44
+ } .navigation-bar__floating_122q9:hover path {
43
45
  fill: var(--color-light-neutral-translucent-700-hover);
44
- } .navigation-bar__floating_1m2m3:active path {
46
+ } .navigation-bar__floating_122q9:active path {
45
47
  fill: var(--color-light-neutral-translucent-700-press);
46
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_bckej","text":"navigation-bar__text_bckej"};
16
+ var styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
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: 1dxum */
1
+ /* hash: 1jcy9 */
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 */
@@ -10,16 +10,20 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root { /* deprecated */ /* deprecated */
15
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
16
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
 
18
20
  /* новые значения, используйте их */
21
+ --gap-8: var(--gap-xs);
22
+ --gap-16: var(--gap-m);
19
23
  } :root {
20
24
  } :root {
21
- } .navigation-bar__component_bckej {
25
+ } .navigation-bar__component_1kb47 {
22
26
  height: 100%;
23
- } .navigation-bar__text_bckej {
24
- padding: var(--gap-xs) var(--gap-m);
27
+ } .navigation-bar__text_1kb47 {
28
+ padding: var(--gap-8) var(--gap-16);
25
29
  }
package/cssm/components/action-icon-addon/index.module.css CHANGED
@@ -13,9 +13,11 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
  --border-radius-circle: 50%;
18
18
  --border-radius-pill: 99px;
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
22
 
21
23
  /* новые значения, используйте их */
package/cssm/components/action-text-addon/index.module.css CHANGED
@@ -9,16 +9,20 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
13
15
  } :root { /* deprecated */ /* deprecated */
14
16
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
15
17
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
18
 
17
19
  /* новые значения, используйте их */
20
+ --gap-8: var(--gap-xs);
21
+ --gap-16: var(--gap-m);
18
22
  } :root {
19
23
  } :root {
20
24
  } .component {
21
25
  height: 100%;
22
26
  } .text {
23
- padding: var(--gap-xs) var(--gap-m);
27
+ padding: var(--gap-8) var(--gap-16);
24
28
  }
package/cssm/index.module.css CHANGED
@@ -12,17 +12,22 @@
12
12
  /* Up */
13
13
 
14
14
  /* Hard up */
15
- } :root {
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
16
18
  } :root { /* deprecated */
17
19
  --gap-2xs: 4px; /* deprecated */
18
20
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
19
21
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
22
 
21
23
  /* новые значения, используйте их */
24
+ --gap-4: var(--gap-2xs);
25
+ --gap-8: var(--gap-xs);
26
+ --gap-16: var(--gap-m);
22
27
  } :root {
23
28
  } :root {
24
29
  } .component {
25
- padding: var(--gap-xs) var(--gap-2xs);
30
+ padding: var(--gap-8) var(--gap-4);
26
31
  box-sizing: border-box;
27
32
  width: 100%;
28
33
  } .sticky {
@@ -50,7 +55,7 @@
50
55
  flex-flow: column nowrap;
51
56
  color: var(--color-light-text-primary)
52
57
  } .content.left {
53
- padding: 0 var(--gap-m);
58
+ padding: 0 var(--gap-16);
54
59
  } .content > .title,
55
60
  .content > .subtitle {
56
61
  -webkit-line-clamp: 1;
package/esm/Component.js CHANGED
@@ -3,7 +3,7 @@ import React, { forwardRef, useState, useRef, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
5
 
6
- var styles = {"component":"navigation-bar__component_4e67k","sticky":"navigation-bar__sticky_4e67k","border":"navigation-bar__border_4e67k","mainLine":"navigation-bar__mainLine_4e67k","left":"navigation-bar__left_4e67k","center":"navigation-bar__center_4e67k","children":"navigation-bar__children_4e67k","content":"navigation-bar__content_4e67k","title":"navigation-bar__title_4e67k","subtitle":"navigation-bar__subtitle_4e67k","addons":"navigation-bar__addons_4e67k","rightAddons":"navigation-bar__rightAddons_4e67k"};
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"};
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_1m2m3","iconWrapper":"navigation-bar__iconWrapper_1m2m3","back":"navigation-bar__back_1m2m3","floating":"navigation-bar__floating_1m2m3"};
8
+ var styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
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: 1fkeg */
1
+ /* hash: 9e8q7 */
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);
@@ -14,19 +14,21 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
  --border-radius-circle: 50%;
19
19
  --border-radius-pill: 99px;
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
23
25
  } :root {
24
26
  } :root {
25
- } .navigation-bar__component_1m2m3 {
27
+ } .navigation-bar__component_122q9 {
26
28
  height: 100%;
27
29
  border-radius: var(--border-radius-pill);
28
30
  min-width: 48px;
29
- } .navigation-bar__iconWrapper_1m2m3 {
31
+ } .navigation-bar__iconWrapper_122q9 {
30
32
  display: inline-flex;
31
33
  align-items: center;
32
34
  justify-content: center;
@@ -35,12 +37,12 @@
35
37
  border-radius: var(--border-radius-circle);
36
38
  background: var(--color-light-neutral-translucent-100);
37
39
  vertical-align: middle
38
- } .navigation-bar__iconWrapper_1m2m3.navigation-bar__back_1m2m3 {
40
+ } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
39
41
  background: transparent;
40
- } .navigation-bar__floating_1m2m3 path {
42
+ } .navigation-bar__floating_122q9 path {
41
43
  fill: var(--color-light-neutral-translucent-700);
42
- } .navigation-bar__floating_1m2m3:hover path {
44
+ } .navigation-bar__floating_122q9:hover path {
43
45
  fill: var(--color-light-neutral-translucent-700-hover);
44
- } .navigation-bar__floating_1m2m3:active path {
46
+ } .navigation-bar__floating_122q9:active path {
45
47
  fill: var(--color-light-neutral-translucent-700-press);
46
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_bckej","text":"navigation-bar__text_bckej"};
7
+ var styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
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: 1dxum */
1
+ /* hash: 1jcy9 */
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 */
@@ -10,16 +10,20 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root { /* deprecated */ /* deprecated */
15
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
16
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
 
18
20
  /* новые значения, используйте их */
21
+ --gap-8: var(--gap-xs);
22
+ --gap-16: var(--gap-m);
19
23
  } :root {
20
24
  } :root {
21
- } .navigation-bar__component_bckej {
25
+ } .navigation-bar__component_1kb47 {
22
26
  height: 100%;
23
- } .navigation-bar__text_bckej {
24
- padding: var(--gap-xs) var(--gap-m);
27
+ } .navigation-bar__text_1kb47 {
28
+ padding: var(--gap-8) var(--gap-16);
25
29
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xg4b */
1
+ /* hash: r9yky */
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;
@@ -13,69 +13,74 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root { /* deprecated */
18
20
  --gap-2xs: 4px; /* deprecated */
19
21
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
20
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
25
+ --gap-4: var(--gap-2xs);
26
+ --gap-8: var(--gap-xs);
27
+ --gap-16: var(--gap-m);
23
28
  } :root {
24
29
  } :root {
25
- } .navigation-bar__component_4e67k {
26
- padding: var(--gap-xs) var(--gap-2xs);
30
+ } .navigation-bar__component_k89zc {
31
+ padding: var(--gap-8) var(--gap-4);
27
32
  box-sizing: border-box;
28
33
  width: 100%;
29
- } .navigation-bar__sticky_4e67k {
34
+ } .navigation-bar__sticky_k89zc {
30
35
  position: sticky;
31
36
  top: 0;
32
37
  z-index: 1;
33
- } .navigation-bar__border_4e67k {
38
+ } .navigation-bar__border_k89zc {
34
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
35
- } .navigation-bar__mainLine_4e67k {
40
+ } .navigation-bar__mainLine_k89zc {
36
41
  display: flex;
37
42
  background-color: inherit;
38
43
  justify-content: space-between;
39
44
  min-height: 40px;
40
45
  align-items: stretch;
41
- } .navigation-bar__left_4e67k {
46
+ } .navigation-bar__left_k89zc {
42
47
  text-align: left;
43
- } .navigation-bar__center_4e67k {
48
+ } .navigation-bar__center_k89zc {
44
49
  text-align: center;
45
- } .navigation-bar__children_4e67k {
50
+ } .navigation-bar__children_k89zc {
46
51
  width: 100%;
47
- } .navigation-bar__content_4e67k {
52
+ } .navigation-bar__content_k89zc {
48
53
  display: flex;
49
54
  flex-grow: 1;
50
55
  justify-content: center;
51
56
  flex-flow: column nowrap;
52
57
  color: var(--color-light-text-primary)
53
- } .navigation-bar__content_4e67k.navigation-bar__left_4e67k {
54
- padding: 0 var(--gap-m);
55
- } .navigation-bar__content_4e67k > .navigation-bar__title_4e67k,
56
- .navigation-bar__content_4e67k > .navigation-bar__subtitle_4e67k {
58
+ } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
59
+ padding: 0 var(--gap-16);
60
+ } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
+ .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
57
62
  -webkit-line-clamp: 1;
58
63
  display: -webkit-box;
59
64
  -webkit-box-orient: vertical;
60
65
  overflow: hidden;
61
66
  word-break: break-all;
62
- } .navigation-bar__title_4e67k {
67
+ } .navigation-bar__title_k89zc {
63
68
  font-size: 16px;
64
69
  line-height: 20px;
65
70
  font-weight: 500
66
- } .navigation-bar__title_4e67k.navigation-bar__left_4e67k {
71
+ } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
67
72
  font-size: 20px;
68
73
  line-height: 28px;
69
74
  font-weight: 600;
70
- } .navigation-bar__subtitle_4e67k {
75
+ } .navigation-bar__subtitle_k89zc {
71
76
  font-size: 14px;
72
77
  line-height: 20px;
73
78
  font-weight: 400;
74
79
  color: var(--color-light-text-secondary);
75
- } .navigation-bar__addons_4e67k {
80
+ } .navigation-bar__addons_k89zc {
76
81
  min-width: 48px;
77
82
  display: flex;
78
83
  justify-content: center;
79
- } .navigation-bar__rightAddons_4e67k {
84
+ } .navigation-bar__rightAddons_k89zc {
80
85
  margin-left: auto;
81
86
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xg4b */
1
+ /* hash: r9yky */
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;
@@ -13,69 +13,74 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root { /* deprecated */
18
20
  --gap-2xs: 4px; /* deprecated */
19
21
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
20
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
25
+ --gap-4: var(--gap-2xs);
26
+ --gap-8: var(--gap-xs);
27
+ --gap-16: var(--gap-m);
23
28
  } :root {
24
29
  } :root {
25
- } .navigation-bar__component_4e67k {
26
- padding: var(--gap-xs) var(--gap-2xs);
30
+ } .navigation-bar__component_k89zc {
31
+ padding: var(--gap-8) var(--gap-4);
27
32
  box-sizing: border-box;
28
33
  width: 100%;
29
- } .navigation-bar__sticky_4e67k {
34
+ } .navigation-bar__sticky_k89zc {
30
35
  position: sticky;
31
36
  top: 0;
32
37
  z-index: 1;
33
- } .navigation-bar__border_4e67k {
38
+ } .navigation-bar__border_k89zc {
34
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
35
- } .navigation-bar__mainLine_4e67k {
40
+ } .navigation-bar__mainLine_k89zc {
36
41
  display: flex;
37
42
  background-color: inherit;
38
43
  justify-content: space-between;
39
44
  min-height: 40px;
40
45
  align-items: stretch;
41
- } .navigation-bar__left_4e67k {
46
+ } .navigation-bar__left_k89zc {
42
47
  text-align: left;
43
- } .navigation-bar__center_4e67k {
48
+ } .navigation-bar__center_k89zc {
44
49
  text-align: center;
45
- } .navigation-bar__children_4e67k {
50
+ } .navigation-bar__children_k89zc {
46
51
  width: 100%;
47
- } .navigation-bar__content_4e67k {
52
+ } .navigation-bar__content_k89zc {
48
53
  display: flex;
49
54
  flex-grow: 1;
50
55
  justify-content: center;
51
56
  flex-flow: column nowrap;
52
57
  color: var(--color-light-text-primary)
53
- } .navigation-bar__content_4e67k.navigation-bar__left_4e67k {
54
- padding: 0 var(--gap-m);
55
- } .navigation-bar__content_4e67k > .navigation-bar__title_4e67k,
56
- .navigation-bar__content_4e67k > .navigation-bar__subtitle_4e67k {
58
+ } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
59
+ padding: 0 var(--gap-16);
60
+ } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
+ .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
57
62
  -webkit-line-clamp: 1;
58
63
  display: -webkit-box;
59
64
  -webkit-box-orient: vertical;
60
65
  overflow: hidden;
61
66
  word-break: break-all;
62
- } .navigation-bar__title_4e67k {
67
+ } .navigation-bar__title_k89zc {
63
68
  font-size: 16px;
64
69
  line-height: 20px;
65
70
  font-weight: 500
66
- } .navigation-bar__title_4e67k.navigation-bar__left_4e67k {
71
+ } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
67
72
  font-size: 20px;
68
73
  line-height: 28px;
69
74
  font-weight: 600;
70
- } .navigation-bar__subtitle_4e67k {
75
+ } .navigation-bar__subtitle_k89zc {
71
76
  font-size: 14px;
72
77
  line-height: 20px;
73
78
  font-weight: 400;
74
79
  color: var(--color-light-text-secondary);
75
- } .navigation-bar__addons_4e67k {
80
+ } .navigation-bar__addons_k89zc {
76
81
  min-width: 48px;
77
82
  display: flex;
78
83
  justify-content: center;
79
- } .navigation-bar__rightAddons_4e67k {
84
+ } .navigation-bar__rightAddons_k89zc {
80
85
  margin-left: auto;
81
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_4e67k","sticky":"navigation-bar__sticky_4e67k","border":"navigation-bar__border_4e67k","mainLine":"navigation-bar__mainLine_4e67k","left":"navigation-bar__left_4e67k","center":"navigation-bar__center_4e67k","children":"navigation-bar__children_4e67k","content":"navigation-bar__content_4e67k","title":"navigation-bar__title_4e67k","subtitle":"navigation-bar__subtitle_4e67k","addons":"navigation-bar__addons_4e67k","rightAddons":"navigation-bar__rightAddons_4e67k"};
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"};
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_1m2m3","iconWrapper":"navigation-bar__iconWrapper_1m2m3","back":"navigation-bar__back_1m2m3","floating":"navigation-bar__floating_1m2m3"};
7
+ const styles = {"component":"navigation-bar__component_122q9","iconWrapper":"navigation-bar__iconWrapper_122q9","back":"navigation-bar__back_122q9","floating":"navigation-bar__floating_122q9"};
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: 1fkeg */
1
+ /* hash: 9e8q7 */
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);
@@ -14,19 +14,21 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
  --border-radius-circle: 50%;
19
19
  --border-radius-pill: 99px;
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
23
25
  } :root {
24
26
  } :root {
25
- } .navigation-bar__component_1m2m3 {
27
+ } .navigation-bar__component_122q9 {
26
28
  height: 100%;
27
29
  border-radius: var(--border-radius-pill);
28
30
  min-width: 48px;
29
- } .navigation-bar__iconWrapper_1m2m3 {
31
+ } .navigation-bar__iconWrapper_122q9 {
30
32
  display: inline-flex;
31
33
  align-items: center;
32
34
  justify-content: center;
@@ -35,12 +37,12 @@
35
37
  border-radius: var(--border-radius-circle);
36
38
  background: var(--color-light-neutral-translucent-100);
37
39
  vertical-align: middle
38
- } .navigation-bar__iconWrapper_1m2m3.navigation-bar__back_1m2m3 {
40
+ } .navigation-bar__iconWrapper_122q9.navigation-bar__back_122q9 {
39
41
  background: transparent;
40
- } .navigation-bar__floating_1m2m3 path {
42
+ } .navigation-bar__floating_122q9 path {
41
43
  fill: var(--color-light-neutral-translucent-700);
42
- } .navigation-bar__floating_1m2m3:hover path {
44
+ } .navigation-bar__floating_122q9:hover path {
43
45
  fill: var(--color-light-neutral-translucent-700-hover);
44
- } .navigation-bar__floating_1m2m3:active path {
46
+ } .navigation-bar__floating_122q9:active path {
45
47
  fill: var(--color-light-neutral-translucent-700-press);
46
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_bckej","text":"navigation-bar__text_bckej"};
6
+ const styles = {"component":"navigation-bar__component_1kb47","text":"navigation-bar__text_1kb47"};
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: 1dxum */
1
+ /* hash: 1jcy9 */
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 */
@@ -10,16 +10,20 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root { /* deprecated */ /* deprecated */
15
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
16
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
 
18
20
  /* новые значения, используйте их */
21
+ --gap-8: var(--gap-xs);
22
+ --gap-16: var(--gap-m);
19
23
  } :root {
20
24
  } :root {
21
- } .navigation-bar__component_bckej {
25
+ } .navigation-bar__component_1kb47 {
22
26
  height: 100%;
23
- } .navigation-bar__text_bckej {
24
- padding: var(--gap-xs) var(--gap-m);
27
+ } .navigation-bar__text_1kb47 {
28
+ padding: var(--gap-8) var(--gap-16);
25
29
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xg4b */
1
+ /* hash: r9yky */
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;
@@ -13,69 +13,74 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root { /* deprecated */
18
20
  --gap-2xs: 4px; /* deprecated */
19
21
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
20
22
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
25
+ --gap-4: var(--gap-2xs);
26
+ --gap-8: var(--gap-xs);
27
+ --gap-16: var(--gap-m);
23
28
  } :root {
24
29
  } :root {
25
- } .navigation-bar__component_4e67k {
26
- padding: var(--gap-xs) var(--gap-2xs);
30
+ } .navigation-bar__component_k89zc {
31
+ padding: var(--gap-8) var(--gap-4);
27
32
  box-sizing: border-box;
28
33
  width: 100%;
29
- } .navigation-bar__sticky_4e67k {
34
+ } .navigation-bar__sticky_k89zc {
30
35
  position: sticky;
31
36
  top: 0;
32
37
  z-index: 1;
33
- } .navigation-bar__border_4e67k {
38
+ } .navigation-bar__border_k89zc {
34
39
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
35
- } .navigation-bar__mainLine_4e67k {
40
+ } .navigation-bar__mainLine_k89zc {
36
41
  display: flex;
37
42
  background-color: inherit;
38
43
  justify-content: space-between;
39
44
  min-height: 40px;
40
45
  align-items: stretch;
41
- } .navigation-bar__left_4e67k {
46
+ } .navigation-bar__left_k89zc {
42
47
  text-align: left;
43
- } .navigation-bar__center_4e67k {
48
+ } .navigation-bar__center_k89zc {
44
49
  text-align: center;
45
- } .navigation-bar__children_4e67k {
50
+ } .navigation-bar__children_k89zc {
46
51
  width: 100%;
47
- } .navigation-bar__content_4e67k {
52
+ } .navigation-bar__content_k89zc {
48
53
  display: flex;
49
54
  flex-grow: 1;
50
55
  justify-content: center;
51
56
  flex-flow: column nowrap;
52
57
  color: var(--color-light-text-primary)
53
- } .navigation-bar__content_4e67k.navigation-bar__left_4e67k {
54
- padding: 0 var(--gap-m);
55
- } .navigation-bar__content_4e67k > .navigation-bar__title_4e67k,
56
- .navigation-bar__content_4e67k > .navigation-bar__subtitle_4e67k {
58
+ } .navigation-bar__content_k89zc.navigation-bar__left_k89zc {
59
+ padding: 0 var(--gap-16);
60
+ } .navigation-bar__content_k89zc > .navigation-bar__title_k89zc,
61
+ .navigation-bar__content_k89zc > .navigation-bar__subtitle_k89zc {
57
62
  -webkit-line-clamp: 1;
58
63
  display: -webkit-box;
59
64
  -webkit-box-orient: vertical;
60
65
  overflow: hidden;
61
66
  word-break: break-all;
62
- } .navigation-bar__title_4e67k {
67
+ } .navigation-bar__title_k89zc {
63
68
  font-size: 16px;
64
69
  line-height: 20px;
65
70
  font-weight: 500
66
- } .navigation-bar__title_4e67k.navigation-bar__left_4e67k {
71
+ } .navigation-bar__title_k89zc.navigation-bar__left_k89zc {
67
72
  font-size: 20px;
68
73
  line-height: 28px;
69
74
  font-weight: 600;
70
- } .navigation-bar__subtitle_4e67k {
75
+ } .navigation-bar__subtitle_k89zc {
71
76
  font-size: 14px;
72
77
  line-height: 20px;
73
78
  font-weight: 400;
74
79
  color: var(--color-light-text-secondary);
75
- } .navigation-bar__addons_4e67k {
80
+ } .navigation-bar__addons_k89zc {
76
81
  min-width: 48px;
77
82
  display: flex;
78
83
  justify-content: center;
79
- } .navigation-bar__rightAddons_4e67k {
84
+ } .navigation-bar__rightAddons_k89zc {
80
85
  margin-left: auto;
81
86
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
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.3",
18
- "@alfalab/core-components-typography": "^4.8.0",
19
- "@alfalab/core-components-shared": "^0.11.0",
17
+ "@alfalab/core-components-button": "^11.5.5",
18
+ "@alfalab/core-components-typography": "^4.9.0",
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.1",
25
- "varsVersion": "9.10.0"
24
+ "themesVersion": "13.0.2",
25
+ "varsVersion": "9.11.1"
26
26
  }
package/src/components/action-text-addon/index.module.css CHANGED
@@ -5,5 +5,5 @@
5
5
  }
6
6
 
7
7
  .text {
8
- padding: var(--gap-xs) var(--gap-m);
8
+ padding: var(--gap-8) var(--gap-16);
9
9
  }
package/src/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '@alfalab/core-components-themes/src/default.css';
2
2
 
3
3
  .component {
4
- padding: var(--gap-xs) var(--gap-2xs);
4
+ padding: var(--gap-8) var(--gap-4);
5
5
  box-sizing: border-box;
6
6
  width: 100%;
7
7
  }
@@ -44,7 +44,7 @@
44
44
  color: var(--color-light-text-primary);
45
45
 
46
46
  &.left {
47
- padding: 0 var(--gap-m);
47
+ padding: 0 var(--gap-16);
48
48
  }
49
49
 
50
50
  & > .title,