@alfalab/core-components-navigation-bar 3.0.5 → 3.0.6-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 (21) 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/cssm/index.module.css +10 -6
  6. package/esm/components/action-icon-addon/index.css +6 -6
  7. package/esm/components/action-icon-addon/index.module.css.js +1 -1
  8. package/esm/components/action-text-addon/index.css +2 -2
  9. package/esm/components/action-text-addon/index.module.css.js +1 -1
  10. package/esm/index.css +26 -22
  11. package/esm/index.module.css.js +1 -1
  12. package/index.css +26 -22
  13. package/index.module.css.js +1 -1
  14. package/modern/components/action-icon-addon/index.css +6 -6
  15. package/modern/components/action-icon-addon/index.module.css.js +1 -1
  16. package/modern/components/action-text-addon/index.css +2 -2
  17. package/modern/components/action-text-addon/index.module.css.js +1 -1
  18. package/modern/index.css +26 -22
  19. package/modern/index.module.css.js +1 -1
  20. package/moderncssm/index.module.css +7 -4
  21. package/package.json +9 -6
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_dlbdm {
11
+ .navigation-bar__component_coz8j {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_dlbdm {
16
+ .navigation-bar__iconWrapper_coz8j {
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_dlbdm.navigation-bar__back_dlbdm {
26
+ .navigation-bar__iconWrapper_coz8j.navigation-bar__back_coz8j {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_dlbdm path {
29
+ .navigation-bar__floating_coz8j path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_dlbdm:hover path {
32
+ .navigation-bar__floating_coz8j:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_dlbdm:active path {
35
+ .navigation-bar__floating_coz8j: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_dlbdm","iconWrapper":"navigation-bar__iconWrapper_dlbdm","back":"navigation-bar__back_dlbdm","floating":"navigation-bar__floating_dlbdm"};
5
+ var styles = {"component":"navigation-bar__component_coz8j","iconWrapper":"navigation-bar__iconWrapper_coz8j","back":"navigation-bar__back_coz8j","floating":"navigation-bar__floating_coz8j"};
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_1tneb {
7
+ .navigation-bar__component_19ect {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_1tneb {
10
+ .navigation-bar__text_19ect {
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_1tneb","text":"navigation-bar__text_1tneb"};
5
+ var styles = {"component":"navigation-bar__component_19ect","text":"navigation-bar__text_19ect"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/index.module.css CHANGED
@@ -13,8 +13,9 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-system:
17
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
+ --font-family-alfasans:
17
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
+ Helvetica, sans-serif;
18
19
  }
19
20
  .component {
20
21
  padding: var(--gap-8) var(--gap-4);
@@ -67,19 +68,22 @@
67
68
  font-size: 16px;
68
69
  line-height: 20px;
69
70
  font-weight: 500;
70
- font-family: var(--font-family-system);
71
+ letter-spacing: -0.05px;
72
+ font-family: var(--font-family-alfasans);
71
73
  }
72
74
  .title.left {
73
75
  font-size: 20px;
74
76
  line-height: 28px;
75
- font-weight: 600;
76
- font-family: var(--font-family-system);
77
+ font-weight: 500;
78
+ letter-spacing: -0.15px;
79
+ font-family: var(--font-family-alfasans);
77
80
  }
78
81
  .subtitle {
79
82
  font-size: 14px;
80
83
  line-height: 20px;
81
84
  font-weight: 400;
82
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
83
87
  color: var(--color-light-text-secondary);
84
88
  }
85
89
  .addons {
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_dlbdm {
11
+ .navigation-bar__component_coz8j {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_dlbdm {
16
+ .navigation-bar__iconWrapper_coz8j {
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_dlbdm.navigation-bar__back_dlbdm {
26
+ .navigation-bar__iconWrapper_coz8j.navigation-bar__back_coz8j {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_dlbdm path {
29
+ .navigation-bar__floating_coz8j path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_dlbdm:hover path {
32
+ .navigation-bar__floating_coz8j:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_dlbdm:active path {
35
+ .navigation-bar__floating_coz8j: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_dlbdm","iconWrapper":"navigation-bar__iconWrapper_dlbdm","back":"navigation-bar__back_dlbdm","floating":"navigation-bar__floating_dlbdm"};
3
+ var styles = {"component":"navigation-bar__component_coz8j","iconWrapper":"navigation-bar__iconWrapper_coz8j","back":"navigation-bar__back_coz8j","floating":"navigation-bar__floating_coz8j"};
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_1tneb {
7
+ .navigation-bar__component_19ect {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_1tneb {
10
+ .navigation-bar__text_19ect {
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_1tneb","text":"navigation-bar__text_1tneb"};
3
+ var styles = {"component":"navigation-bar__component_19ect","text":"navigation-bar__text_19ect"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -13,80 +13,84 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-system:
17
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
+ --font-family-alfasans:
17
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
+ Helvetica, sans-serif;
18
19
  }
19
- .navigation-bar__component_gzijd {
20
+ .navigation-bar__component_1n92i {
20
21
  padding: var(--gap-8) var(--gap-4);
21
22
  box-sizing: border-box;
22
23
  width: 100%;
23
24
  }
24
- .navigation-bar__sticky_gzijd {
25
+ .navigation-bar__sticky_1n92i {
25
26
  position: sticky;
26
27
  top: var(--gap-0);
27
28
  z-index: 1;
28
29
  }
29
- .navigation-bar__border_gzijd {
30
+ .navigation-bar__border_1n92i {
30
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
32
  }
32
- .navigation-bar__mainLine_gzijd {
33
+ .navigation-bar__mainLine_1n92i {
33
34
  display: flex;
34
35
  background-color: inherit;
35
36
  justify-content: space-between;
36
37
  min-height: 40px;
37
38
  align-items: stretch;
38
39
  }
39
- .navigation-bar__left_gzijd {
40
+ .navigation-bar__left_1n92i {
40
41
  text-align: left;
41
42
  }
42
- .navigation-bar__center_gzijd {
43
+ .navigation-bar__center_1n92i {
43
44
  text-align: center;
44
45
  }
45
- .navigation-bar__children_gzijd {
46
+ .navigation-bar__children_1n92i {
46
47
  width: 100%;
47
48
  }
48
- .navigation-bar__content_gzijd {
49
+ .navigation-bar__content_1n92i {
49
50
  display: flex;
50
51
  flex-grow: 1;
51
52
  justify-content: center;
52
53
  flex-flow: column nowrap;
53
54
  color: var(--color-light-text-primary);
54
55
  }
55
- .navigation-bar__content_gzijd.navigation-bar__left_gzijd {
56
+ .navigation-bar__content_1n92i.navigation-bar__left_1n92i {
56
57
  padding: var(--gap-0) var(--gap-16);
57
58
  }
58
- .navigation-bar__content_gzijd > .navigation-bar__title_gzijd,
59
- .navigation-bar__content_gzijd > .navigation-bar__subtitle_gzijd {
59
+ .navigation-bar__content_1n92i > .navigation-bar__title_1n92i,
60
+ .navigation-bar__content_1n92i > .navigation-bar__subtitle_1n92i {
60
61
  -webkit-line-clamp: 1;
61
62
  display: -webkit-box;
62
63
  -webkit-box-orient: vertical;
63
64
  overflow: hidden;
64
65
  word-break: break-all;
65
66
  }
66
- .navigation-bar__title_gzijd {
67
+ .navigation-bar__title_1n92i {
67
68
  font-size: 16px;
68
69
  line-height: 20px;
69
70
  font-weight: 500;
70
- font-family: var(--font-family-system);
71
+ letter-spacing: -0.05px;
72
+ font-family: var(--font-family-alfasans);
71
73
  }
72
- .navigation-bar__title_gzijd.navigation-bar__left_gzijd {
74
+ .navigation-bar__title_1n92i.navigation-bar__left_1n92i {
73
75
  font-size: 20px;
74
76
  line-height: 28px;
75
- font-weight: 600;
76
- font-family: var(--font-family-system);
77
+ font-weight: 500;
78
+ letter-spacing: -0.15px;
79
+ font-family: var(--font-family-alfasans);
77
80
  }
78
- .navigation-bar__subtitle_gzijd {
81
+ .navigation-bar__subtitle_1n92i {
79
82
  font-size: 14px;
80
83
  line-height: 20px;
81
84
  font-weight: 400;
82
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
83
87
  color: var(--color-light-text-secondary);
84
88
  }
85
- .navigation-bar__addons_gzijd {
89
+ .navigation-bar__addons_1n92i {
86
90
  min-width: 48px;
87
91
  display: flex;
88
92
  justify-content: center;
89
93
  }
90
- .navigation-bar__rightAddons_gzijd {
94
+ .navigation-bar__rightAddons_1n92i {
91
95
  margin-left: auto;
92
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_gzijd","sticky":"navigation-bar__sticky_gzijd","border":"navigation-bar__border_gzijd","mainLine":"navigation-bar__mainLine_gzijd","left":"navigation-bar__left_gzijd","center":"navigation-bar__center_gzijd","children":"navigation-bar__children_gzijd","content":"navigation-bar__content_gzijd","title":"navigation-bar__title_gzijd","subtitle":"navigation-bar__subtitle_gzijd","addons":"navigation-bar__addons_gzijd","rightAddons":"navigation-bar__rightAddons_gzijd"};
3
+ var styles = {"component":"navigation-bar__component_1n92i","sticky":"navigation-bar__sticky_1n92i","border":"navigation-bar__border_1n92i","mainLine":"navigation-bar__mainLine_1n92i","left":"navigation-bar__left_1n92i","center":"navigation-bar__center_1n92i","children":"navigation-bar__children_1n92i","content":"navigation-bar__content_1n92i","title":"navigation-bar__title_1n92i","subtitle":"navigation-bar__subtitle_1n92i","addons":"navigation-bar__addons_1n92i","rightAddons":"navigation-bar__rightAddons_1n92i"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -13,80 +13,84 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-system:
17
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
+ --font-family-alfasans:
17
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
+ Helvetica, sans-serif;
18
19
  }
19
- .navigation-bar__component_gzijd {
20
+ .navigation-bar__component_1n92i {
20
21
  padding: var(--gap-8) var(--gap-4);
21
22
  box-sizing: border-box;
22
23
  width: 100%;
23
24
  }
24
- .navigation-bar__sticky_gzijd {
25
+ .navigation-bar__sticky_1n92i {
25
26
  position: sticky;
26
27
  top: var(--gap-0);
27
28
  z-index: 1;
28
29
  }
29
- .navigation-bar__border_gzijd {
30
+ .navigation-bar__border_1n92i {
30
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
32
  }
32
- .navigation-bar__mainLine_gzijd {
33
+ .navigation-bar__mainLine_1n92i {
33
34
  display: flex;
34
35
  background-color: inherit;
35
36
  justify-content: space-between;
36
37
  min-height: 40px;
37
38
  align-items: stretch;
38
39
  }
39
- .navigation-bar__left_gzijd {
40
+ .navigation-bar__left_1n92i {
40
41
  text-align: left;
41
42
  }
42
- .navigation-bar__center_gzijd {
43
+ .navigation-bar__center_1n92i {
43
44
  text-align: center;
44
45
  }
45
- .navigation-bar__children_gzijd {
46
+ .navigation-bar__children_1n92i {
46
47
  width: 100%;
47
48
  }
48
- .navigation-bar__content_gzijd {
49
+ .navigation-bar__content_1n92i {
49
50
  display: flex;
50
51
  flex-grow: 1;
51
52
  justify-content: center;
52
53
  flex-flow: column nowrap;
53
54
  color: var(--color-light-text-primary);
54
55
  }
55
- .navigation-bar__content_gzijd.navigation-bar__left_gzijd {
56
+ .navigation-bar__content_1n92i.navigation-bar__left_1n92i {
56
57
  padding: var(--gap-0) var(--gap-16);
57
58
  }
58
- .navigation-bar__content_gzijd > .navigation-bar__title_gzijd,
59
- .navigation-bar__content_gzijd > .navigation-bar__subtitle_gzijd {
59
+ .navigation-bar__content_1n92i > .navigation-bar__title_1n92i,
60
+ .navigation-bar__content_1n92i > .navigation-bar__subtitle_1n92i {
60
61
  -webkit-line-clamp: 1;
61
62
  display: -webkit-box;
62
63
  -webkit-box-orient: vertical;
63
64
  overflow: hidden;
64
65
  word-break: break-all;
65
66
  }
66
- .navigation-bar__title_gzijd {
67
+ .navigation-bar__title_1n92i {
67
68
  font-size: 16px;
68
69
  line-height: 20px;
69
70
  font-weight: 500;
70
- font-family: var(--font-family-system);
71
+ letter-spacing: -0.05px;
72
+ font-family: var(--font-family-alfasans);
71
73
  }
72
- .navigation-bar__title_gzijd.navigation-bar__left_gzijd {
74
+ .navigation-bar__title_1n92i.navigation-bar__left_1n92i {
73
75
  font-size: 20px;
74
76
  line-height: 28px;
75
- font-weight: 600;
76
- font-family: var(--font-family-system);
77
+ font-weight: 500;
78
+ letter-spacing: -0.15px;
79
+ font-family: var(--font-family-alfasans);
77
80
  }
78
- .navigation-bar__subtitle_gzijd {
81
+ .navigation-bar__subtitle_1n92i {
79
82
  font-size: 14px;
80
83
  line-height: 20px;
81
84
  font-weight: 400;
82
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
83
87
  color: var(--color-light-text-secondary);
84
88
  }
85
- .navigation-bar__addons_gzijd {
89
+ .navigation-bar__addons_1n92i {
86
90
  min-width: 48px;
87
91
  display: flex;
88
92
  justify-content: center;
89
93
  }
90
- .navigation-bar__rightAddons_gzijd {
94
+ .navigation-bar__rightAddons_1n92i {
91
95
  margin-left: auto;
92
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_gzijd","sticky":"navigation-bar__sticky_gzijd","border":"navigation-bar__border_gzijd","mainLine":"navigation-bar__mainLine_gzijd","left":"navigation-bar__left_gzijd","center":"navigation-bar__center_gzijd","children":"navigation-bar__children_gzijd","content":"navigation-bar__content_gzijd","title":"navigation-bar__title_gzijd","subtitle":"navigation-bar__subtitle_gzijd","addons":"navigation-bar__addons_gzijd","rightAddons":"navigation-bar__rightAddons_gzijd"};
5
+ var styles = {"component":"navigation-bar__component_1n92i","sticky":"navigation-bar__sticky_1n92i","border":"navigation-bar__border_1n92i","mainLine":"navigation-bar__mainLine_1n92i","left":"navigation-bar__left_1n92i","center":"navigation-bar__center_1n92i","children":"navigation-bar__children_1n92i","content":"navigation-bar__content_1n92i","title":"navigation-bar__title_1n92i","subtitle":"navigation-bar__subtitle_1n92i","addons":"navigation-bar__addons_1n92i","rightAddons":"navigation-bar__rightAddons_1n92i"};
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_dlbdm {
11
+ .navigation-bar__component_coz8j {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_dlbdm {
16
+ .navigation-bar__iconWrapper_coz8j {
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_dlbdm.navigation-bar__back_dlbdm {
26
+ .navigation-bar__iconWrapper_coz8j.navigation-bar__back_coz8j {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_dlbdm path {
29
+ .navigation-bar__floating_coz8j path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_dlbdm:hover path {
32
+ .navigation-bar__floating_coz8j:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_dlbdm:active path {
35
+ .navigation-bar__floating_coz8j: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_dlbdm","iconWrapper":"navigation-bar__iconWrapper_dlbdm","back":"navigation-bar__back_dlbdm","floating":"navigation-bar__floating_dlbdm"};
3
+ const styles = {"component":"navigation-bar__component_coz8j","iconWrapper":"navigation-bar__iconWrapper_coz8j","back":"navigation-bar__back_coz8j","floating":"navigation-bar__floating_coz8j"};
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_1tneb {
7
+ .navigation-bar__component_19ect {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_1tneb {
10
+ .navigation-bar__text_19ect {
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_1tneb","text":"navigation-bar__text_1tneb"};
3
+ const styles = {"component":"navigation-bar__component_19ect","text":"navigation-bar__text_19ect"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -13,80 +13,84 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-system:
17
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
+ --font-family-alfasans:
17
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
+ Helvetica, sans-serif;
18
19
  }
19
- .navigation-bar__component_gzijd {
20
+ .navigation-bar__component_1n92i {
20
21
  padding: var(--gap-8) var(--gap-4);
21
22
  box-sizing: border-box;
22
23
  width: 100%;
23
24
  }
24
- .navigation-bar__sticky_gzijd {
25
+ .navigation-bar__sticky_1n92i {
25
26
  position: sticky;
26
27
  top: var(--gap-0);
27
28
  z-index: 1;
28
29
  }
29
- .navigation-bar__border_gzijd {
30
+ .navigation-bar__border_1n92i {
30
31
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
31
32
  }
32
- .navigation-bar__mainLine_gzijd {
33
+ .navigation-bar__mainLine_1n92i {
33
34
  display: flex;
34
35
  background-color: inherit;
35
36
  justify-content: space-between;
36
37
  min-height: 40px;
37
38
  align-items: stretch;
38
39
  }
39
- .navigation-bar__left_gzijd {
40
+ .navigation-bar__left_1n92i {
40
41
  text-align: left;
41
42
  }
42
- .navigation-bar__center_gzijd {
43
+ .navigation-bar__center_1n92i {
43
44
  text-align: center;
44
45
  }
45
- .navigation-bar__children_gzijd {
46
+ .navigation-bar__children_1n92i {
46
47
  width: 100%;
47
48
  }
48
- .navigation-bar__content_gzijd {
49
+ .navigation-bar__content_1n92i {
49
50
  display: flex;
50
51
  flex-grow: 1;
51
52
  justify-content: center;
52
53
  flex-flow: column nowrap;
53
54
  color: var(--color-light-text-primary);
54
55
  }
55
- .navigation-bar__content_gzijd.navigation-bar__left_gzijd {
56
+ .navigation-bar__content_1n92i.navigation-bar__left_1n92i {
56
57
  padding: var(--gap-0) var(--gap-16);
57
58
  }
58
- .navigation-bar__content_gzijd > .navigation-bar__title_gzijd,
59
- .navigation-bar__content_gzijd > .navigation-bar__subtitle_gzijd {
59
+ .navigation-bar__content_1n92i > .navigation-bar__title_1n92i,
60
+ .navigation-bar__content_1n92i > .navigation-bar__subtitle_1n92i {
60
61
  -webkit-line-clamp: 1;
61
62
  display: -webkit-box;
62
63
  -webkit-box-orient: vertical;
63
64
  overflow: hidden;
64
65
  word-break: break-all;
65
66
  }
66
- .navigation-bar__title_gzijd {
67
+ .navigation-bar__title_1n92i {
67
68
  font-size: 16px;
68
69
  line-height: 20px;
69
70
  font-weight: 500;
70
- font-family: var(--font-family-system);
71
+ letter-spacing: -0.05px;
72
+ font-family: var(--font-family-alfasans);
71
73
  }
72
- .navigation-bar__title_gzijd.navigation-bar__left_gzijd {
74
+ .navigation-bar__title_1n92i.navigation-bar__left_1n92i {
73
75
  font-size: 20px;
74
76
  line-height: 28px;
75
- font-weight: 600;
76
- font-family: var(--font-family-system);
77
+ font-weight: 500;
78
+ letter-spacing: -0.15px;
79
+ font-family: var(--font-family-alfasans);
77
80
  }
78
- .navigation-bar__subtitle_gzijd {
81
+ .navigation-bar__subtitle_1n92i {
79
82
  font-size: 14px;
80
83
  line-height: 20px;
81
84
  font-weight: 400;
82
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
83
87
  color: var(--color-light-text-secondary);
84
88
  }
85
- .navigation-bar__addons_gzijd {
89
+ .navigation-bar__addons_1n92i {
86
90
  min-width: 48px;
87
91
  display: flex;
88
92
  justify-content: center;
89
93
  }
90
- .navigation-bar__rightAddons_gzijd {
94
+ .navigation-bar__rightAddons_1n92i {
91
95
  margin-left: auto;
92
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_gzijd","sticky":"navigation-bar__sticky_gzijd","border":"navigation-bar__border_gzijd","mainLine":"navigation-bar__mainLine_gzijd","left":"navigation-bar__left_gzijd","center":"navigation-bar__center_gzijd","children":"navigation-bar__children_gzijd","content":"navigation-bar__content_gzijd","title":"navigation-bar__title_gzijd","subtitle":"navigation-bar__subtitle_gzijd","addons":"navigation-bar__addons_gzijd","rightAddons":"navigation-bar__rightAddons_gzijd"};
3
+ const styles = {"component":"navigation-bar__component_1n92i","sticky":"navigation-bar__sticky_1n92i","border":"navigation-bar__border_1n92i","mainLine":"navigation-bar__mainLine_1n92i","left":"navigation-bar__left_1n92i","center":"navigation-bar__center_1n92i","children":"navigation-bar__children_1n92i","content":"navigation-bar__content_1n92i","title":"navigation-bar__title_1n92i","subtitle":"navigation-bar__subtitle_1n92i","addons":"navigation-bar__addons_1n92i","rightAddons":"navigation-bar__rightAddons_1n92i"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/index.module.css CHANGED
@@ -61,21 +61,24 @@
61
61
  font-size: 16px;
62
62
  line-height: 20px;
63
63
  font-weight: 500;
64
- font-family: var(--font-family-system);
64
+ letter-spacing: -0.05px;
65
+ font-family: var(--font-family-alfasans);
65
66
  }
66
67
 
67
68
  .title.left {
68
69
  font-size: 20px;
69
70
  line-height: 28px;
70
- font-weight: 600;
71
- font-family: var(--font-family-system);
71
+ font-weight: 500;
72
+ letter-spacing: -0.15px;
73
+ font-family: var(--font-family-alfasans);
72
74
  }
73
75
 
74
76
  .subtitle {
75
77
  font-size: 14px;
76
78
  line-height: 20px;
77
79
  font-weight: 400;
78
- font-family: var(--font-family-system);
80
+ letter-spacing: -0.08px;
81
+ font-family: var(--font-family-alfasans);
79
82
  color: var(--color-light-text-secondary);
80
83
  }
81
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "3.0.5",
3
+ "version": "3.0.6-alfasans",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -9,10 +9,13 @@
9
9
  ],
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
+ "scripts": {
13
+ "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
+ },
12
15
  "dependencies": {
13
- "@alfalab/core-components-button": "^13.1.1",
14
- "@alfalab/core-components-shared": "^2.1.1",
15
- "@alfalab/core-components-typography": "^6.0.4",
16
+ "@alfalab/core-components-button": "13.1.2-alfasans",
17
+ "@alfalab/core-components-shared": "2.1.1-alfasans",
18
+ "@alfalab/core-components-typography": "6.0.4-alfasans",
16
19
  "@alfalab/icons-glyph": "^2.260.0",
17
20
  "classnames": "^2.5.1",
18
21
  "tslib": "^2.4.0"
@@ -25,6 +28,6 @@
25
28
  "access": "public",
26
29
  "directory": "dist"
27
30
  },
28
- "themesVersion": "15.0.2",
29
- "varsVersion": "11.0.2"
31
+ "themesVersion": "15.1.0-alfasans",
32
+ "varsVersion": "11.0.2-alfasans"
30
33
  }