@alfalab/core-components-navigation-bar 3.0.8-alfasans → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +6 -10
  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 +22 -26
  11. package/esm/index.module.css.js +1 -1
  12. package/index.css +22 -26
  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 +22 -26
  19. package/modern/index.module.css.js +1 -1
  20. package/moderncssm/index.module.css +4 -7
  21. package/package.json +6 -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_1s0op {
11
+ .navigation-bar__component_g5ny9 {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_1s0op {
16
+ .navigation-bar__iconWrapper_g5ny9 {
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_1s0op.navigation-bar__back_1s0op {
26
+ .navigation-bar__iconWrapper_g5ny9.navigation-bar__back_g5ny9 {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_1s0op path {
29
+ .navigation-bar__floating_g5ny9 path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_1s0op:hover path {
32
+ .navigation-bar__floating_g5ny9:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_1s0op:active path {
35
+ .navigation-bar__floating_g5ny9: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_1s0op","iconWrapper":"navigation-bar__iconWrapper_1s0op","back":"navigation-bar__back_1s0op","floating":"navigation-bar__floating_1s0op"};
5
+ var styles = {"component":"navigation-bar__component_g5ny9","iconWrapper":"navigation-bar__iconWrapper_g5ny9","back":"navigation-bar__back_g5ny9","floating":"navigation-bar__floating_g5ny9"};
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_wb8jy {
7
+ .navigation-bar__component_1b54c {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_wb8jy {
10
+ .navigation-bar__text_1b54c {
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_wb8jy","text":"navigation-bar__text_wb8jy"};
5
+ var styles = {"component":"navigation-bar__component_1b54c","text":"navigation-bar__text_1b54c"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/index.module.css CHANGED
@@ -13,9 +13,8 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-alfasans:
17
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
- Helvetica, sans-serif;
16
+ --font-family-system:
17
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
19
18
  }
20
19
  .component {
21
20
  padding: var(--gap-8) var(--gap-4);
@@ -68,22 +67,19 @@
68
67
  font-size: 16px;
69
68
  line-height: 20px;
70
69
  font-weight: 500;
71
- letter-spacing: -0.05px;
72
- font-family: var(--font-family-alfasans);
70
+ font-family: var(--font-family-system);
73
71
  }
74
72
  .title.left {
75
73
  font-size: 20px;
76
74
  line-height: 28px;
77
- font-weight: 500;
78
- letter-spacing: -0.15px;
79
- font-family: var(--font-family-alfasans);
75
+ font-weight: 600;
76
+ font-family: var(--font-family-system);
80
77
  }
81
78
  .subtitle {
82
79
  font-size: 14px;
83
80
  line-height: 20px;
84
81
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
82
+ font-family: var(--font-family-system);
87
83
  color: var(--color-light-text-secondary);
88
84
  }
89
85
  .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_1s0op {
11
+ .navigation-bar__component_g5ny9 {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_1s0op {
16
+ .navigation-bar__iconWrapper_g5ny9 {
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_1s0op.navigation-bar__back_1s0op {
26
+ .navigation-bar__iconWrapper_g5ny9.navigation-bar__back_g5ny9 {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_1s0op path {
29
+ .navigation-bar__floating_g5ny9 path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_1s0op:hover path {
32
+ .navigation-bar__floating_g5ny9:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_1s0op:active path {
35
+ .navigation-bar__floating_g5ny9: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_1s0op","iconWrapper":"navigation-bar__iconWrapper_1s0op","back":"navigation-bar__back_1s0op","floating":"navigation-bar__floating_1s0op"};
3
+ var styles = {"component":"navigation-bar__component_g5ny9","iconWrapper":"navigation-bar__iconWrapper_g5ny9","back":"navigation-bar__back_g5ny9","floating":"navigation-bar__floating_g5ny9"};
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_wb8jy {
7
+ .navigation-bar__component_1b54c {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_wb8jy {
10
+ .navigation-bar__text_1b54c {
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_wb8jy","text":"navigation-bar__text_wb8jy"};
3
+ var styles = {"component":"navigation-bar__component_1b54c","text":"navigation-bar__text_1b54c"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -13,84 +13,80 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-alfasans:
17
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
- Helvetica, sans-serif;
16
+ --font-family-system:
17
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
19
18
  }
20
- .navigation-bar__component_1a701 {
19
+ .navigation-bar__component_q4yr7 {
21
20
  padding: var(--gap-8) var(--gap-4);
22
21
  box-sizing: border-box;
23
22
  width: 100%;
24
23
  }
25
- .navigation-bar__sticky_1a701 {
24
+ .navigation-bar__sticky_q4yr7 {
26
25
  position: sticky;
27
26
  top: var(--gap-0);
28
27
  z-index: 1;
29
28
  }
30
- .navigation-bar__border_1a701 {
29
+ .navigation-bar__border_q4yr7 {
31
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
31
  }
33
- .navigation-bar__mainLine_1a701 {
32
+ .navigation-bar__mainLine_q4yr7 {
34
33
  display: flex;
35
34
  background-color: inherit;
36
35
  justify-content: space-between;
37
36
  min-height: 40px;
38
37
  align-items: stretch;
39
38
  }
40
- .navigation-bar__left_1a701 {
39
+ .navigation-bar__left_q4yr7 {
41
40
  text-align: left;
42
41
  }
43
- .navigation-bar__center_1a701 {
42
+ .navigation-bar__center_q4yr7 {
44
43
  text-align: center;
45
44
  }
46
- .navigation-bar__children_1a701 {
45
+ .navigation-bar__children_q4yr7 {
47
46
  width: 100%;
48
47
  }
49
- .navigation-bar__content_1a701 {
48
+ .navigation-bar__content_q4yr7 {
50
49
  display: flex;
51
50
  flex-grow: 1;
52
51
  justify-content: center;
53
52
  flex-flow: column nowrap;
54
53
  color: var(--color-light-text-primary);
55
54
  }
56
- .navigation-bar__content_1a701.navigation-bar__left_1a701 {
55
+ .navigation-bar__content_q4yr7.navigation-bar__left_q4yr7 {
57
56
  padding: var(--gap-0) var(--gap-16);
58
57
  }
59
- .navigation-bar__content_1a701 > .navigation-bar__title_1a701,
60
- .navigation-bar__content_1a701 > .navigation-bar__subtitle_1a701 {
58
+ .navigation-bar__content_q4yr7 > .navigation-bar__title_q4yr7,
59
+ .navigation-bar__content_q4yr7 > .navigation-bar__subtitle_q4yr7 {
61
60
  -webkit-line-clamp: 1;
62
61
  display: -webkit-box;
63
62
  -webkit-box-orient: vertical;
64
63
  overflow: hidden;
65
64
  word-break: break-all;
66
65
  }
67
- .navigation-bar__title_1a701 {
66
+ .navigation-bar__title_q4yr7 {
68
67
  font-size: 16px;
69
68
  line-height: 20px;
70
69
  font-weight: 500;
71
- letter-spacing: -0.05px;
72
- font-family: var(--font-family-alfasans);
70
+ font-family: var(--font-family-system);
73
71
  }
74
- .navigation-bar__title_1a701.navigation-bar__left_1a701 {
72
+ .navigation-bar__title_q4yr7.navigation-bar__left_q4yr7 {
75
73
  font-size: 20px;
76
74
  line-height: 28px;
77
- font-weight: 500;
78
- letter-spacing: -0.15px;
79
- font-family: var(--font-family-alfasans);
75
+ font-weight: 600;
76
+ font-family: var(--font-family-system);
80
77
  }
81
- .navigation-bar__subtitle_1a701 {
78
+ .navigation-bar__subtitle_q4yr7 {
82
79
  font-size: 14px;
83
80
  line-height: 20px;
84
81
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
82
+ font-family: var(--font-family-system);
87
83
  color: var(--color-light-text-secondary);
88
84
  }
89
- .navigation-bar__addons_1a701 {
85
+ .navigation-bar__addons_q4yr7 {
90
86
  min-width: 48px;
91
87
  display: flex;
92
88
  justify-content: center;
93
89
  }
94
- .navigation-bar__rightAddons_1a701 {
90
+ .navigation-bar__rightAddons_q4yr7 {
95
91
  margin-left: auto;
96
92
  }
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_1a701","sticky":"navigation-bar__sticky_1a701","border":"navigation-bar__border_1a701","mainLine":"navigation-bar__mainLine_1a701","left":"navigation-bar__left_1a701","center":"navigation-bar__center_1a701","children":"navigation-bar__children_1a701","content":"navigation-bar__content_1a701","title":"navigation-bar__title_1a701","subtitle":"navigation-bar__subtitle_1a701","addons":"navigation-bar__addons_1a701","rightAddons":"navigation-bar__rightAddons_1a701"};
3
+ var styles = {"component":"navigation-bar__component_q4yr7","sticky":"navigation-bar__sticky_q4yr7","border":"navigation-bar__border_q4yr7","mainLine":"navigation-bar__mainLine_q4yr7","left":"navigation-bar__left_q4yr7","center":"navigation-bar__center_q4yr7","children":"navigation-bar__children_q4yr7","content":"navigation-bar__content_q4yr7","title":"navigation-bar__title_q4yr7","subtitle":"navigation-bar__subtitle_q4yr7","addons":"navigation-bar__addons_q4yr7","rightAddons":"navigation-bar__rightAddons_q4yr7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -13,84 +13,80 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-alfasans:
17
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
- Helvetica, sans-serif;
16
+ --font-family-system:
17
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
19
18
  }
20
- .navigation-bar__component_1a701 {
19
+ .navigation-bar__component_q4yr7 {
21
20
  padding: var(--gap-8) var(--gap-4);
22
21
  box-sizing: border-box;
23
22
  width: 100%;
24
23
  }
25
- .navigation-bar__sticky_1a701 {
24
+ .navigation-bar__sticky_q4yr7 {
26
25
  position: sticky;
27
26
  top: var(--gap-0);
28
27
  z-index: 1;
29
28
  }
30
- .navigation-bar__border_1a701 {
29
+ .navigation-bar__border_q4yr7 {
31
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
31
  }
33
- .navigation-bar__mainLine_1a701 {
32
+ .navigation-bar__mainLine_q4yr7 {
34
33
  display: flex;
35
34
  background-color: inherit;
36
35
  justify-content: space-between;
37
36
  min-height: 40px;
38
37
  align-items: stretch;
39
38
  }
40
- .navigation-bar__left_1a701 {
39
+ .navigation-bar__left_q4yr7 {
41
40
  text-align: left;
42
41
  }
43
- .navigation-bar__center_1a701 {
42
+ .navigation-bar__center_q4yr7 {
44
43
  text-align: center;
45
44
  }
46
- .navigation-bar__children_1a701 {
45
+ .navigation-bar__children_q4yr7 {
47
46
  width: 100%;
48
47
  }
49
- .navigation-bar__content_1a701 {
48
+ .navigation-bar__content_q4yr7 {
50
49
  display: flex;
51
50
  flex-grow: 1;
52
51
  justify-content: center;
53
52
  flex-flow: column nowrap;
54
53
  color: var(--color-light-text-primary);
55
54
  }
56
- .navigation-bar__content_1a701.navigation-bar__left_1a701 {
55
+ .navigation-bar__content_q4yr7.navigation-bar__left_q4yr7 {
57
56
  padding: var(--gap-0) var(--gap-16);
58
57
  }
59
- .navigation-bar__content_1a701 > .navigation-bar__title_1a701,
60
- .navigation-bar__content_1a701 > .navigation-bar__subtitle_1a701 {
58
+ .navigation-bar__content_q4yr7 > .navigation-bar__title_q4yr7,
59
+ .navigation-bar__content_q4yr7 > .navigation-bar__subtitle_q4yr7 {
61
60
  -webkit-line-clamp: 1;
62
61
  display: -webkit-box;
63
62
  -webkit-box-orient: vertical;
64
63
  overflow: hidden;
65
64
  word-break: break-all;
66
65
  }
67
- .navigation-bar__title_1a701 {
66
+ .navigation-bar__title_q4yr7 {
68
67
  font-size: 16px;
69
68
  line-height: 20px;
70
69
  font-weight: 500;
71
- letter-spacing: -0.05px;
72
- font-family: var(--font-family-alfasans);
70
+ font-family: var(--font-family-system);
73
71
  }
74
- .navigation-bar__title_1a701.navigation-bar__left_1a701 {
72
+ .navigation-bar__title_q4yr7.navigation-bar__left_q4yr7 {
75
73
  font-size: 20px;
76
74
  line-height: 28px;
77
- font-weight: 500;
78
- letter-spacing: -0.15px;
79
- font-family: var(--font-family-alfasans);
75
+ font-weight: 600;
76
+ font-family: var(--font-family-system);
80
77
  }
81
- .navigation-bar__subtitle_1a701 {
78
+ .navigation-bar__subtitle_q4yr7 {
82
79
  font-size: 14px;
83
80
  line-height: 20px;
84
81
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
82
+ font-family: var(--font-family-system);
87
83
  color: var(--color-light-text-secondary);
88
84
  }
89
- .navigation-bar__addons_1a701 {
85
+ .navigation-bar__addons_q4yr7 {
90
86
  min-width: 48px;
91
87
  display: flex;
92
88
  justify-content: center;
93
89
  }
94
- .navigation-bar__rightAddons_1a701 {
90
+ .navigation-bar__rightAddons_q4yr7 {
95
91
  margin-left: auto;
96
92
  }
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_1a701","sticky":"navigation-bar__sticky_1a701","border":"navigation-bar__border_1a701","mainLine":"navigation-bar__mainLine_1a701","left":"navigation-bar__left_1a701","center":"navigation-bar__center_1a701","children":"navigation-bar__children_1a701","content":"navigation-bar__content_1a701","title":"navigation-bar__title_1a701","subtitle":"navigation-bar__subtitle_1a701","addons":"navigation-bar__addons_1a701","rightAddons":"navigation-bar__rightAddons_1a701"};
5
+ var styles = {"component":"navigation-bar__component_q4yr7","sticky":"navigation-bar__sticky_q4yr7","border":"navigation-bar__border_q4yr7","mainLine":"navigation-bar__mainLine_q4yr7","left":"navigation-bar__left_q4yr7","center":"navigation-bar__center_q4yr7","children":"navigation-bar__children_q4yr7","content":"navigation-bar__content_q4yr7","title":"navigation-bar__title_q4yr7","subtitle":"navigation-bar__subtitle_q4yr7","addons":"navigation-bar__addons_q4yr7","rightAddons":"navigation-bar__rightAddons_q4yr7"};
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_1s0op {
11
+ .navigation-bar__component_g5ny9 {
12
12
  height: 100%;
13
13
  border-radius: var(--border-radius-pill);
14
14
  min-width: 48px;
15
15
  }
16
- .navigation-bar__iconWrapper_1s0op {
16
+ .navigation-bar__iconWrapper_g5ny9 {
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_1s0op.navigation-bar__back_1s0op {
26
+ .navigation-bar__iconWrapper_g5ny9.navigation-bar__back_g5ny9 {
27
27
  background: transparent;
28
28
  }
29
- .navigation-bar__floating_1s0op path {
29
+ .navigation-bar__floating_g5ny9 path {
30
30
  fill: var(--color-light-neutral-translucent-700);
31
31
  }
32
- .navigation-bar__floating_1s0op:hover path {
32
+ .navigation-bar__floating_g5ny9:hover path {
33
33
  fill: var(--color-light-neutral-translucent-700-hover);
34
34
  }
35
- .navigation-bar__floating_1s0op:active path {
35
+ .navigation-bar__floating_g5ny9: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_1s0op","iconWrapper":"navigation-bar__iconWrapper_1s0op","back":"navigation-bar__back_1s0op","floating":"navigation-bar__floating_1s0op"};
3
+ const styles = {"component":"navigation-bar__component_g5ny9","iconWrapper":"navigation-bar__iconWrapper_g5ny9","back":"navigation-bar__back_g5ny9","floating":"navigation-bar__floating_g5ny9"};
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_wb8jy {
7
+ .navigation-bar__component_1b54c {
8
8
  height: 100%;
9
9
  }
10
- .navigation-bar__text_wb8jy {
10
+ .navigation-bar__text_1b54c {
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_wb8jy","text":"navigation-bar__text_wb8jy"};
3
+ const styles = {"component":"navigation-bar__component_1b54c","text":"navigation-bar__text_1b54c"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -13,84 +13,80 @@
13
13
  --gap-16: var(--gap-m);
14
14
  }
15
15
  :root {
16
- --font-family-alfasans:
17
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
18
- Helvetica, sans-serif;
16
+ --font-family-system:
17
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
19
18
  }
20
- .navigation-bar__component_1a701 {
19
+ .navigation-bar__component_q4yr7 {
21
20
  padding: var(--gap-8) var(--gap-4);
22
21
  box-sizing: border-box;
23
22
  width: 100%;
24
23
  }
25
- .navigation-bar__sticky_1a701 {
24
+ .navigation-bar__sticky_q4yr7 {
26
25
  position: sticky;
27
26
  top: var(--gap-0);
28
27
  z-index: 1;
29
28
  }
30
- .navigation-bar__border_1a701 {
29
+ .navigation-bar__border_q4yr7 {
31
30
  box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
32
31
  }
33
- .navigation-bar__mainLine_1a701 {
32
+ .navigation-bar__mainLine_q4yr7 {
34
33
  display: flex;
35
34
  background-color: inherit;
36
35
  justify-content: space-between;
37
36
  min-height: 40px;
38
37
  align-items: stretch;
39
38
  }
40
- .navigation-bar__left_1a701 {
39
+ .navigation-bar__left_q4yr7 {
41
40
  text-align: left;
42
41
  }
43
- .navigation-bar__center_1a701 {
42
+ .navigation-bar__center_q4yr7 {
44
43
  text-align: center;
45
44
  }
46
- .navigation-bar__children_1a701 {
45
+ .navigation-bar__children_q4yr7 {
47
46
  width: 100%;
48
47
  }
49
- .navigation-bar__content_1a701 {
48
+ .navigation-bar__content_q4yr7 {
50
49
  display: flex;
51
50
  flex-grow: 1;
52
51
  justify-content: center;
53
52
  flex-flow: column nowrap;
54
53
  color: var(--color-light-text-primary);
55
54
  }
56
- .navigation-bar__content_1a701.navigation-bar__left_1a701 {
55
+ .navigation-bar__content_q4yr7.navigation-bar__left_q4yr7 {
57
56
  padding: var(--gap-0) var(--gap-16);
58
57
  }
59
- .navigation-bar__content_1a701 > .navigation-bar__title_1a701,
60
- .navigation-bar__content_1a701 > .navigation-bar__subtitle_1a701 {
58
+ .navigation-bar__content_q4yr7 > .navigation-bar__title_q4yr7,
59
+ .navigation-bar__content_q4yr7 > .navigation-bar__subtitle_q4yr7 {
61
60
  -webkit-line-clamp: 1;
62
61
  display: -webkit-box;
63
62
  -webkit-box-orient: vertical;
64
63
  overflow: hidden;
65
64
  word-break: break-all;
66
65
  }
67
- .navigation-bar__title_1a701 {
66
+ .navigation-bar__title_q4yr7 {
68
67
  font-size: 16px;
69
68
  line-height: 20px;
70
69
  font-weight: 500;
71
- letter-spacing: -0.05px;
72
- font-family: var(--font-family-alfasans);
70
+ font-family: var(--font-family-system);
73
71
  }
74
- .navigation-bar__title_1a701.navigation-bar__left_1a701 {
72
+ .navigation-bar__title_q4yr7.navigation-bar__left_q4yr7 {
75
73
  font-size: 20px;
76
74
  line-height: 28px;
77
- font-weight: 500;
78
- letter-spacing: -0.15px;
79
- font-family: var(--font-family-alfasans);
75
+ font-weight: 600;
76
+ font-family: var(--font-family-system);
80
77
  }
81
- .navigation-bar__subtitle_1a701 {
78
+ .navigation-bar__subtitle_q4yr7 {
82
79
  font-size: 14px;
83
80
  line-height: 20px;
84
81
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
82
+ font-family: var(--font-family-system);
87
83
  color: var(--color-light-text-secondary);
88
84
  }
89
- .navigation-bar__addons_1a701 {
85
+ .navigation-bar__addons_q4yr7 {
90
86
  min-width: 48px;
91
87
  display: flex;
92
88
  justify-content: center;
93
89
  }
94
- .navigation-bar__rightAddons_1a701 {
90
+ .navigation-bar__rightAddons_q4yr7 {
95
91
  margin-left: auto;
96
92
  }
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_1a701","sticky":"navigation-bar__sticky_1a701","border":"navigation-bar__border_1a701","mainLine":"navigation-bar__mainLine_1a701","left":"navigation-bar__left_1a701","center":"navigation-bar__center_1a701","children":"navigation-bar__children_1a701","content":"navigation-bar__content_1a701","title":"navigation-bar__title_1a701","subtitle":"navigation-bar__subtitle_1a701","addons":"navigation-bar__addons_1a701","rightAddons":"navigation-bar__rightAddons_1a701"};
3
+ const styles = {"component":"navigation-bar__component_q4yr7","sticky":"navigation-bar__sticky_q4yr7","border":"navigation-bar__border_q4yr7","mainLine":"navigation-bar__mainLine_q4yr7","left":"navigation-bar__left_q4yr7","center":"navigation-bar__center_q4yr7","children":"navigation-bar__children_q4yr7","content":"navigation-bar__content_q4yr7","title":"navigation-bar__title_q4yr7","subtitle":"navigation-bar__subtitle_q4yr7","addons":"navigation-bar__addons_q4yr7","rightAddons":"navigation-bar__rightAddons_q4yr7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/index.module.css CHANGED
@@ -61,24 +61,21 @@
61
61
  font-size: 16px;
62
62
  line-height: 20px;
63
63
  font-weight: 500;
64
- letter-spacing: -0.05px;
65
- font-family: var(--font-family-alfasans);
64
+ font-family: var(--font-family-system);
66
65
  }
67
66
 
68
67
  .title.left {
69
68
  font-size: 20px;
70
69
  line-height: 28px;
71
- font-weight: 500;
72
- letter-spacing: -0.15px;
73
- font-family: var(--font-family-alfasans);
70
+ font-weight: 600;
71
+ font-family: var(--font-family-system);
74
72
  }
75
73
 
76
74
  .subtitle {
77
75
  font-size: 14px;
78
76
  line-height: 20px;
79
77
  font-weight: 400;
80
- letter-spacing: -0.08px;
81
- font-family: var(--font-family-alfasans);
78
+ font-family: var(--font-family-system);
82
79
  color: var(--color-light-text-secondary);
83
80
  }
84
81
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar",
3
- "version": "3.0.8-alfasans",
3
+ "version": "3.0.8",
4
4
  "description": "NavigationBar",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "13.1.3-alfasans",
17
- "@alfalab/core-components-shared": "2.2.0-alfasans",
18
- "@alfalab/core-components-typography": "6.0.6-alfasans",
16
+ "@alfalab/core-components-button": "^13.1.3",
17
+ "@alfalab/core-components-shared": "^2.2.0",
18
+ "@alfalab/core-components-typography": "^6.0.6",
19
19
  "@alfalab/icons-glyph": "^2.260.0",
20
20
  "classnames": "^2.5.1",
21
21
  "tslib": "^2.4.0"
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "15.1.0-alfasans",
32
- "varsVersion": "11.1.0-alfasans"
31
+ "themesVersion": "15.1.0",
32
+ "varsVersion": "11.1.0"
33
33
  }