@alfalab/core-components-navigation-bar 3.0.4-alfasans → 3.0.5-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/components/action-icon-addon/index.css +6 -6
  2. package/components/action-icon-addon/index.module.css.js +1 -1
  3. package/components/action-text-addon/index.css +2 -2
  4. package/components/action-text-addon/index.module.css.js +1 -1
  5. package/esm/components/action-icon-addon/index.css +6 -6
  6. package/esm/components/action-icon-addon/index.module.css.js +1 -1
  7. package/esm/components/action-text-addon/index.css +2 -2
  8. package/esm/components/action-text-addon/index.module.css.js +1 -1
  9. package/esm/index.css +16 -16
  10. package/esm/index.module.css.js +1 -1
  11. package/index.css +16 -16
  12. package/index.module.css.js +1 -1
  13. package/modern/components/action-icon-addon/index.css +6 -6
  14. package/modern/components/action-icon-addon/index.module.css.js +1 -1
  15. package/modern/components/action-text-addon/index.css +2 -2
  16. package/modern/components/action-text-addon/index.module.css.js +1 -1
  17. package/modern/index.css +16 -16
  18. package/modern/index.module.css.js +1 -1
  19. package/package.json +2 -2
package/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_131hp {
11
+ .navigation-bar__component_1qh8l {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_131hp {
16
+ .navigation-bar__iconWrapper_1qh8l {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_131hp.navigation-bar__back_131hp {
26
+ .navigation-bar__iconWrapper_1qh8l.navigation-bar__back_1qh8l {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_131hp path {
29
+ .navigation-bar__floating_1qh8l path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_131hp:hover path {
32
+ .navigation-bar__floating_1qh8l:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_131hp:active path {
35
+ .navigation-bar__floating_1qh8l:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/components/action-icon-addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_131hp","iconWrapper":"navigation-bar__iconWrapper_131hp","back":"navigation-bar__back_131hp","floating":"navigation-bar__floating_131hp"};
5
+ var styles = {"component":"navigation-bar__component_1qh8l","iconWrapper":"navigation-bar__iconWrapper_1qh8l","back":"navigation-bar__back_1qh8l","floating":"navigation-bar__floating_1qh8l"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_j1uck {
7
+ .navigation-bar__component_1ohwq {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_j1uck {
10
+ .navigation-bar__text_1ohwq {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/components/action-text-addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_j1uck","text":"navigation-bar__text_j1uck"};
5
+ var styles = {"component":"navigation-bar__component_1ohwq","text":"navigation-bar__text_1ohwq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_131hp {
11
+ .navigation-bar__component_1qh8l {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_131hp {
16
+ .navigation-bar__iconWrapper_1qh8l {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_131hp.navigation-bar__back_131hp {
26
+ .navigation-bar__iconWrapper_1qh8l.navigation-bar__back_1qh8l {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_131hp path {
29
+ .navigation-bar__floating_1qh8l path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_131hp:hover path {
32
+ .navigation-bar__floating_1qh8l:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_131hp:active path {
35
+ .navigation-bar__floating_1qh8l:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/esm/components/action-icon-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_131hp","iconWrapper":"navigation-bar__iconWrapper_131hp","back":"navigation-bar__back_131hp","floating":"navigation-bar__floating_131hp"};
3
+ var styles = {"component":"navigation-bar__component_1qh8l","iconWrapper":"navigation-bar__iconWrapper_1qh8l","back":"navigation-bar__back_1qh8l","floating":"navigation-bar__floating_1qh8l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_j1uck {
7
+ .navigation-bar__component_1ohwq {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_j1uck {
10
+ .navigation-bar__text_1ohwq {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/esm/components/action-text-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_j1uck","text":"navigation-bar__text_j1uck"};
3
+ var styles = {"component":"navigation-bar__component_1ohwq","text":"navigation-bar__text_1ohwq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -17,68 +17,68 @@
17
17
  'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
18
  Helvetica, sans-serif;
19
19
  }
20
- .navigation-bar__component_1nge9 {
20
+ .navigation-bar__component_1txb9 {
21
21
  padding: var(--gap-8) var(--gap-4);
22
22
  box-sizing: border-box;
23
23
  width: 100%;
24
24
  }
25
- .navigation-bar__sticky_1nge9 {
25
+ .navigation-bar__sticky_1txb9 {
26
26
  position: sticky;
27
27
  top: var(--gap-0);
28
28
  z-index: 1;
29
29
  }
30
- .navigation-bar__border_1nge9 {
30
+ .navigation-bar__border_1txb9 {
31
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
32
  }
33
- .navigation-bar__mainLine_1nge9 {
33
+ .navigation-bar__mainLine_1txb9 {
34
34
  display: flex;
35
35
  background-color: inherit;
36
36
  justify-content: space-between;
37
37
  min-height: 40px;
38
38
  align-items: stretch;
39
39
  }
40
- .navigation-bar__left_1nge9 {
40
+ .navigation-bar__left_1txb9 {
41
41
  text-align: left;
42
42
  }
43
- .navigation-bar__center_1nge9 {
43
+ .navigation-bar__center_1txb9 {
44
44
  text-align: center;
45
45
  }
46
- .navigation-bar__children_1nge9 {
46
+ .navigation-bar__children_1txb9 {
47
47
  width: 100%;
48
48
  }
49
- .navigation-bar__content_1nge9 {
49
+ .navigation-bar__content_1txb9 {
50
50
  display: flex;
51
51
  flex-grow: 1;
52
52
  justify-content: center;
53
53
  flex-flow: column nowrap;
54
54
  color: var(--color-light-text-primary);
55
55
  }
56
- .navigation-bar__content_1nge9.navigation-bar__left_1nge9 {
56
+ .navigation-bar__content_1txb9.navigation-bar__left_1txb9 {
57
57
  padding: var(--gap-0) var(--gap-16);
58
58
  }
59
- .navigation-bar__content_1nge9 > .navigation-bar__title_1nge9,
60
- .navigation-bar__content_1nge9 > .navigation-bar__subtitle_1nge9 {
59
+ .navigation-bar__content_1txb9 > .navigation-bar__title_1txb9,
60
+ .navigation-bar__content_1txb9 > .navigation-bar__subtitle_1txb9 {
61
61
  -webkit-line-clamp: 1;
62
62
  display: -webkit-box;
63
63
  -webkit-box-orient: vertical;
64
64
  overflow: hidden;
65
65
  word-break: break-all;
66
66
  }
67
- .navigation-bar__title_1nge9 {
67
+ .navigation-bar__title_1txb9 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500;
71
71
  letter-spacing: -0.05px;
72
72
  font-family: var(--font-family-alfasans);
73
73
  }
74
- .navigation-bar__title_1nge9.navigation-bar__left_1nge9 {
74
+ .navigation-bar__title_1txb9.navigation-bar__left_1txb9 {
75
75
  font-size: 20px;
76
76
  line-height: 28px;
77
77
  font-weight: 500;
78
78
  letter-spacing: -0.15px;
79
79
  font-family: var(--font-family-alfasans);
80
80
  }
81
- .navigation-bar__subtitle_1nge9 {
81
+ .navigation-bar__subtitle_1txb9 {
82
82
  font-size: 14px;
83
83
  line-height: 20px;
84
84
  font-weight: 400;
@@ -86,11 +86,11 @@
86
86
  font-family: var(--font-family-alfasans);
87
87
  color: var(--color-light-text-secondary);
88
88
  }
89
- .navigation-bar__addons_1nge9 {
89
+ .navigation-bar__addons_1txb9 {
90
90
  min-width: 48px;
91
91
  display: flex;
92
92
  justify-content: center;
93
93
  }
94
- .navigation-bar__rightAddons_1nge9 {
94
+ .navigation-bar__rightAddons_1txb9 {
95
95
  margin-left: auto;
96
96
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar__component_1nge9","sticky":"navigation-bar__sticky_1nge9","border":"navigation-bar__border_1nge9","mainLine":"navigation-bar__mainLine_1nge9","left":"navigation-bar__left_1nge9","center":"navigation-bar__center_1nge9","children":"navigation-bar__children_1nge9","content":"navigation-bar__content_1nge9","title":"navigation-bar__title_1nge9","subtitle":"navigation-bar__subtitle_1nge9","addons":"navigation-bar__addons_1nge9","rightAddons":"navigation-bar__rightAddons_1nge9"};
3
+ var styles = {"component":"navigation-bar__component_1txb9","sticky":"navigation-bar__sticky_1txb9","border":"navigation-bar__border_1txb9","mainLine":"navigation-bar__mainLine_1txb9","left":"navigation-bar__left_1txb9","center":"navigation-bar__center_1txb9","children":"navigation-bar__children_1txb9","content":"navigation-bar__content_1txb9","title":"navigation-bar__title_1txb9","subtitle":"navigation-bar__subtitle_1txb9","addons":"navigation-bar__addons_1txb9","rightAddons":"navigation-bar__rightAddons_1txb9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -17,68 +17,68 @@
17
17
  'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
18
  Helvetica, sans-serif;
19
19
  }
20
- .navigation-bar__component_1nge9 {
20
+ .navigation-bar__component_1txb9 {
21
21
  padding: var(--gap-8) var(--gap-4);
22
22
  box-sizing: border-box;
23
23
  width: 100%;
24
24
  }
25
- .navigation-bar__sticky_1nge9 {
25
+ .navigation-bar__sticky_1txb9 {
26
26
  position: sticky;
27
27
  top: var(--gap-0);
28
28
  z-index: 1;
29
29
  }
30
- .navigation-bar__border_1nge9 {
30
+ .navigation-bar__border_1txb9 {
31
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
32
  }
33
- .navigation-bar__mainLine_1nge9 {
33
+ .navigation-bar__mainLine_1txb9 {
34
34
  display: flex;
35
35
  background-color: inherit;
36
36
  justify-content: space-between;
37
37
  min-height: 40px;
38
38
  align-items: stretch;
39
39
  }
40
- .navigation-bar__left_1nge9 {
40
+ .navigation-bar__left_1txb9 {
41
41
  text-align: left;
42
42
  }
43
- .navigation-bar__center_1nge9 {
43
+ .navigation-bar__center_1txb9 {
44
44
  text-align: center;
45
45
  }
46
- .navigation-bar__children_1nge9 {
46
+ .navigation-bar__children_1txb9 {
47
47
  width: 100%;
48
48
  }
49
- .navigation-bar__content_1nge9 {
49
+ .navigation-bar__content_1txb9 {
50
50
  display: flex;
51
51
  flex-grow: 1;
52
52
  justify-content: center;
53
53
  flex-flow: column nowrap;
54
54
  color: var(--color-light-text-primary);
55
55
  }
56
- .navigation-bar__content_1nge9.navigation-bar__left_1nge9 {
56
+ .navigation-bar__content_1txb9.navigation-bar__left_1txb9 {
57
57
  padding: var(--gap-0) var(--gap-16);
58
58
  }
59
- .navigation-bar__content_1nge9 > .navigation-bar__title_1nge9,
60
- .navigation-bar__content_1nge9 > .navigation-bar__subtitle_1nge9 {
59
+ .navigation-bar__content_1txb9 > .navigation-bar__title_1txb9,
60
+ .navigation-bar__content_1txb9 > .navigation-bar__subtitle_1txb9 {
61
61
  -webkit-line-clamp: 1;
62
62
  display: -webkit-box;
63
63
  -webkit-box-orient: vertical;
64
64
  overflow: hidden;
65
65
  word-break: break-all;
66
66
  }
67
- .navigation-bar__title_1nge9 {
67
+ .navigation-bar__title_1txb9 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500;
71
71
  letter-spacing: -0.05px;
72
72
  font-family: var(--font-family-alfasans);
73
73
  }
74
- .navigation-bar__title_1nge9.navigation-bar__left_1nge9 {
74
+ .navigation-bar__title_1txb9.navigation-bar__left_1txb9 {
75
75
  font-size: 20px;
76
76
  line-height: 28px;
77
77
  font-weight: 500;
78
78
  letter-spacing: -0.15px;
79
79
  font-family: var(--font-family-alfasans);
80
80
  }
81
- .navigation-bar__subtitle_1nge9 {
81
+ .navigation-bar__subtitle_1txb9 {
82
82
  font-size: 14px;
83
83
  line-height: 20px;
84
84
  font-weight: 400;
@@ -86,11 +86,11 @@
86
86
  font-family: var(--font-family-alfasans);
87
87
  color: var(--color-light-text-secondary);
88
88
  }
89
- .navigation-bar__addons_1nge9 {
89
+ .navigation-bar__addons_1txb9 {
90
90
  min-width: 48px;
91
91
  display: flex;
92
92
  justify-content: center;
93
93
  }
94
- .navigation-bar__rightAddons_1nge9 {
94
+ .navigation-bar__rightAddons_1txb9 {
95
95
  margin-left: auto;
96
96
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar__component_1nge9","sticky":"navigation-bar__sticky_1nge9","border":"navigation-bar__border_1nge9","mainLine":"navigation-bar__mainLine_1nge9","left":"navigation-bar__left_1nge9","center":"navigation-bar__center_1nge9","children":"navigation-bar__children_1nge9","content":"navigation-bar__content_1nge9","title":"navigation-bar__title_1nge9","subtitle":"navigation-bar__subtitle_1nge9","addons":"navigation-bar__addons_1nge9","rightAddons":"navigation-bar__rightAddons_1nge9"};
5
+ var styles = {"component":"navigation-bar__component_1txb9","sticky":"navigation-bar__sticky_1txb9","border":"navigation-bar__border_1txb9","mainLine":"navigation-bar__mainLine_1txb9","left":"navigation-bar__left_1txb9","center":"navigation-bar__center_1txb9","children":"navigation-bar__children_1txb9","content":"navigation-bar__content_1txb9","title":"navigation-bar__title_1txb9","subtitle":"navigation-bar__subtitle_1txb9","addons":"navigation-bar__addons_1txb9","rightAddons":"navigation-bar__rightAddons_1txb9"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/action-icon-addon/index.css CHANGED
@@ -8,12 +8,12 @@
8
8
  --border-radius-circle: 50%;
9
9
  --border-radius-pill: 99px;
10
10
  }
11
- .navigation-bar__component_131hp {
11
+ .navigation-bar__component_1qh8l {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_131hp {
16
+ .navigation-bar__iconWrapper_1qh8l {
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
@@ -23,15 +23,15 @@
23
23
  background: var(--color-light-neutral-translucent-100);
24
24
  vertical-align: middle;
25
25
  }
26
- .navigation-bar__iconWrapper_131hp.navigation-bar__back_131hp {
26
+ .navigation-bar__iconWrapper_1qh8l.navigation-bar__back_1qh8l {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_131hp path {
29
+ .navigation-bar__floating_1qh8l path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_131hp:hover path {
32
+ .navigation-bar__floating_1qh8l:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_131hp:active path {
35
+ .navigation-bar__floating_1qh8l:active path {
36
36
  fill: var(--color-light-neutral-translucent-700-press);
37
37
  }
package/modern/components/action-icon-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_131hp","iconWrapper":"navigation-bar__iconWrapper_131hp","back":"navigation-bar__back_131hp","floating":"navigation-bar__floating_131hp"};
3
+ const styles = {"component":"navigation-bar__component_1qh8l","iconWrapper":"navigation-bar__iconWrapper_1qh8l","back":"navigation-bar__back_1qh8l","floating":"navigation-bar__floating_1qh8l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/action-text-addon/index.css CHANGED
@@ -4,9 +4,9 @@
4
4
  --gap-8: var(--gap-xs);
5
5
  --gap-16: var(--gap-m);
6
6
  }
7
- .navigation-bar__component_j1uck {
7
+ .navigation-bar__component_1ohwq {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_j1uck {
10
+ .navigation-bar__text_1ohwq {
11
11
  padding: var(--gap-8) var(--gap-16);
12
12
  }
package/modern/components/action-text-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_j1uck","text":"navigation-bar__text_j1uck"};
3
+ const styles = {"component":"navigation-bar__component_1ohwq","text":"navigation-bar__text_1ohwq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -17,68 +17,68 @@
17
17
  'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
18
  Helvetica, sans-serif;
19
19
  }
20
- .navigation-bar__component_1nge9 {
20
+ .navigation-bar__component_1txb9 {
21
21
  padding: var(--gap-8) var(--gap-4);
22
22
  box-sizing: border-box;
23
23
  width: 100%;
24
24
  }
25
- .navigation-bar__sticky_1nge9 {
25
+ .navigation-bar__sticky_1txb9 {
26
26
  position: sticky;
27
27
  top: var(--gap-0);
28
28
  z-index: 1;
29
29
  }
30
- .navigation-bar__border_1nge9 {
30
+ .navigation-bar__border_1txb9 {
31
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
32
  }
33
- .navigation-bar__mainLine_1nge9 {
33
+ .navigation-bar__mainLine_1txb9 {
34
34
  display: flex;
35
35
  background-color: inherit;
36
36
  justify-content: space-between;
37
37
  min-height: 40px;
38
38
  align-items: stretch;
39
39
  }
40
- .navigation-bar__left_1nge9 {
40
+ .navigation-bar__left_1txb9 {
41
41
  text-align: left;
42
42
  }
43
- .navigation-bar__center_1nge9 {
43
+ .navigation-bar__center_1txb9 {
44
44
  text-align: center;
45
45
  }
46
- .navigation-bar__children_1nge9 {
46
+ .navigation-bar__children_1txb9 {
47
47
  width: 100%;
48
48
  }
49
- .navigation-bar__content_1nge9 {
49
+ .navigation-bar__content_1txb9 {
50
50
  display: flex;
51
51
  flex-grow: 1;
52
52
  justify-content: center;
53
53
  flex-flow: column nowrap;
54
54
  color: var(--color-light-text-primary);
55
55
  }
56
- .navigation-bar__content_1nge9.navigation-bar__left_1nge9 {
56
+ .navigation-bar__content_1txb9.navigation-bar__left_1txb9 {
57
57
  padding: var(--gap-0) var(--gap-16);
58
58
  }
59
- .navigation-bar__content_1nge9 > .navigation-bar__title_1nge9,
60
- .navigation-bar__content_1nge9 > .navigation-bar__subtitle_1nge9 {
59
+ .navigation-bar__content_1txb9 > .navigation-bar__title_1txb9,
60
+ .navigation-bar__content_1txb9 > .navigation-bar__subtitle_1txb9 {
61
61
  -webkit-line-clamp: 1;
62
62
  display: -webkit-box;
63
63
  -webkit-box-orient: vertical;
64
64
  overflow: hidden;
65
65
  word-break: break-all;
66
66
  }
67
- .navigation-bar__title_1nge9 {
67
+ .navigation-bar__title_1txb9 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 500;
71
71
  letter-spacing: -0.05px;
72
72
  font-family: var(--font-family-alfasans);
73
73
  }
74
- .navigation-bar__title_1nge9.navigation-bar__left_1nge9 {
74
+ .navigation-bar__title_1txb9.navigation-bar__left_1txb9 {
75
75
  font-size: 20px;
76
76
  line-height: 28px;
77
77
  font-weight: 500;
78
78
  letter-spacing: -0.15px;
79
79
  font-family: var(--font-family-alfasans);
80
80
  }
81
- .navigation-bar__subtitle_1nge9 {
81
+ .navigation-bar__subtitle_1txb9 {
82
82
  font-size: 14px;
83
83
  line-height: 20px;
84
84
  font-weight: 400;
@@ -86,11 +86,11 @@
86
86
  font-family: var(--font-family-alfasans);
87
87
  color: var(--color-light-text-secondary);
88
88
  }
89
- .navigation-bar__addons_1nge9 {
89
+ .navigation-bar__addons_1txb9 {
90
90
  min-width: 48px;
91
91
  display: flex;
92
92
  justify-content: center;
93
93
  }
94
- .navigation-bar__rightAddons_1nge9 {
94
+ .navigation-bar__rightAddons_1txb9 {
95
95
  margin-left: auto;
96
96
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar__component_1nge9","sticky":"navigation-bar__sticky_1nge9","border":"navigation-bar__border_1nge9","mainLine":"navigation-bar__mainLine_1nge9","left":"navigation-bar__left_1nge9","center":"navigation-bar__center_1nge9","children":"navigation-bar__children_1nge9","content":"navigation-bar__content_1nge9","title":"navigation-bar__title_1nge9","subtitle":"navigation-bar__subtitle_1nge9","addons":"navigation-bar__addons_1nge9","rightAddons":"navigation-bar__rightAddons_1nge9"};
3
+ const styles = {"component":"navigation-bar__component_1txb9","sticky":"navigation-bar__sticky_1txb9","border":"navigation-bar__border_1txb9","mainLine":"navigation-bar__mainLine_1txb9","left":"navigation-bar__left_1txb9","center":"navigation-bar__center_1txb9","children":"navigation-bar__children_1txb9","content":"navigation-bar__content_1txb9","title":"navigation-bar__title_1txb9","subtitle":"navigation-bar__subtitle_1txb9","addons":"navigation-bar__addons_1txb9","rightAddons":"navigation-bar__rightAddons_1txb9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "3.0.4-alfasans",
3
+ "version": "3.0.5-alfasans",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-button": "13.1.1-alfasans",
14
14
  "@alfalab/core-components-shared": "2.1.1-alfasans",
15
- "@alfalab/core-components-typography": "6.0.3-alfasans",
15
+ "@alfalab/core-components-typography": "6.0.4-alfasans",
16
16
  "@alfalab/icons-glyph": "^2.260.0",
17
17
  "classnames": "^2.5.1",
18
18
  "tslib": "^2.4.0"