@alfalab/core-components-navigation-bar-private 2.0.1 → 2.0.2-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 (51) hide show
  1. package/components/back-arrow-addon/default.css +7 -7
  2. package/components/back-arrow-addon/default.module.css.js +1 -1
  3. package/components/back-arrow-addon/index.css +8 -8
  4. package/components/back-arrow-addon/index.module.css.js +1 -1
  5. package/components/back-arrow-addon/inverted.css +7 -7
  6. package/components/back-arrow-addon/inverted.module.css.js +1 -1
  7. package/components/closer/default.css +2 -2
  8. package/components/closer/default.module.css.js +1 -1
  9. package/components/closer/index.css +4 -4
  10. package/components/closer/index.module.css.js +1 -1
  11. package/components/closer/index.module.css.js.map +1 -1
  12. package/components/closer/inverted.css +2 -2
  13. package/components/closer/inverted.module.css.js +1 -1
  14. package/cssm/components/closer/index.module.css +1 -1
  15. package/cssm/index.module.css +7 -4
  16. package/esm/components/back-arrow-addon/default.css +7 -7
  17. package/esm/components/back-arrow-addon/default.module.css.js +1 -1
  18. package/esm/components/back-arrow-addon/index.css +8 -8
  19. package/esm/components/back-arrow-addon/index.module.css.js +1 -1
  20. package/esm/components/back-arrow-addon/inverted.css +7 -7
  21. package/esm/components/back-arrow-addon/inverted.module.css.js +1 -1
  22. package/esm/components/closer/default.css +2 -2
  23. package/esm/components/closer/default.module.css.js +1 -1
  24. package/esm/components/closer/index.css +4 -4
  25. package/esm/components/closer/index.module.css.js +1 -1
  26. package/esm/components/closer/index.module.css.js.map +1 -1
  27. package/esm/components/closer/inverted.css +2 -2
  28. package/esm/components/closer/inverted.module.css.js +1 -1
  29. package/esm/index.css +33 -30
  30. package/esm/index.module.css.js +1 -1
  31. package/index.css +33 -30
  32. package/index.module.css.js +1 -1
  33. package/modern/components/back-arrow-addon/default.css +7 -7
  34. package/modern/components/back-arrow-addon/default.module.css.js +1 -1
  35. package/modern/components/back-arrow-addon/index.css +8 -8
  36. package/modern/components/back-arrow-addon/index.module.css.js +1 -1
  37. package/modern/components/back-arrow-addon/inverted.css +7 -7
  38. package/modern/components/back-arrow-addon/inverted.module.css.js +1 -1
  39. package/modern/components/closer/default.css +2 -2
  40. package/modern/components/closer/default.module.css.js +1 -1
  41. package/modern/components/closer/index.css +4 -4
  42. package/modern/components/closer/index.module.css.js +1 -1
  43. package/modern/components/closer/index.module.css.js.map +1 -1
  44. package/modern/components/closer/inverted.css +2 -2
  45. package/modern/components/closer/inverted.module.css.js +1 -1
  46. package/modern/index.css +33 -30
  47. package/modern/index.module.css.js +1 -1
  48. package/moderncssm/components/closer/index.module.css +1 -1
  49. package/moderncssm/index.module.css +4 -2
  50. package/package.json +7 -7
  51. package/src/components/closer/index.module.css +1 -1
package/esm/index.css CHANGED
@@ -10,37 +10,38 @@
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
- .navigation-bar-private__header_nors5 {
17
+ .navigation-bar-private__header_zu5dn {
17
18
  width: 100%;
18
19
  box-sizing: border-box;
19
20
  transition:
20
21
  box-shadow 0.2s ease,
21
22
  background 0.2s ease;
22
23
  }
23
- .navigation-bar-private__header_nors5.navigation-bar-private__header_nors5.navigation-bar-private__backgroundImage_nors5 {
24
+ .navigation-bar-private__header_zu5dn.navigation-bar-private__header_zu5dn.navigation-bar-private__backgroundImage_zu5dn {
24
25
  background-repeat: no-repeat;
25
26
  background-position: center;
26
27
  background-size: cover;
27
28
  }
28
- .navigation-bar-private__mainLine_nors5 {
29
+ .navigation-bar-private__mainLine_zu5dn {
29
30
  display: flex;
30
31
  align-items: stretch;
31
32
  justify-content: space-between;
32
33
  z-index: 1;
33
34
  background-color: inherit;
34
35
  }
35
- .navigation-bar-private__mainLineSticky_nors5 {
36
+ .navigation-bar-private__mainLineSticky_zu5dn {
36
37
  position: sticky;
37
38
  top: var(--gap-0);
38
39
  }
39
- .navigation-bar-private__mainLineWithImageBg_nors5 {
40
+ .navigation-bar-private__mainLineWithImageBg_zu5dn {
40
41
  background-color: transparent;
41
42
  background-color: initial;
42
43
  }
43
- .navigation-bar-private__content_nors5 {
44
+ .navigation-bar-private__content_zu5dn {
44
45
  color: var(--color-light-text-primary);
45
46
  display: flex;
46
47
  flex-flow: column nowrap;
@@ -50,37 +51,39 @@
50
51
  box-sizing: border-box;
51
52
  min-height: 48px;
52
53
  }
53
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5,
54
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 {
54
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn,
55
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn {
55
56
  font-size: 16px;
56
57
  line-height: 20px;
57
58
  font-weight: 500;
58
- font-family: var(--font-family-system);
59
+ letter-spacing: -0.05px;
60
+ font-family: var(--font-family-alfasans);
59
61
  align-self: center;
60
62
  padding-top: var(--gap-4);
61
63
  padding-bottom: var(--gap-4);
62
64
  }
63
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5 > .navigation-bar-private__children_nors5,
64
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 > .navigation-bar-private__children_nors5,
65
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5 > .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5,
66
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 > .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5 {
65
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn > .navigation-bar-private__children_zu5dn,
66
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn > .navigation-bar-private__children_zu5dn,
67
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn > .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn,
68
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn > .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn {
67
69
  -webkit-line-clamp: 1;
68
70
  word-break: break-all;
69
71
  }
70
- .navigation-bar-private__content_nors5.navigation-bar-private__contentOnBotDesktop_nors5.navigation-bar-private__contentOnBotDesktop_nors5 {
72
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__contentOnBotDesktop_zu5dn.navigation-bar-private__contentOnBotDesktop_zu5dn {
71
73
  padding-top: var(--gap-12);
72
74
  }
73
- .navigation-bar-private__content_nors5.navigation-bar-private__contentOnBotMobile_nors5.navigation-bar-private__contentOnBotMobile_nors5 {
75
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__contentOnBotMobile_zu5dn.navigation-bar-private__contentOnBotMobile_zu5dn {
74
76
  padding-top: var(--gap-12);
75
77
  }
76
- .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5 {
78
+ .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn {
77
79
  word-break: break-word;
78
80
  }
79
- .navigation-bar-private__subtitle_nors5 {
81
+ .navigation-bar-private__subtitle_zu5dn {
80
82
  font-size: 14px;
81
83
  line-height: 20px;
82
84
  font-weight: 400;
83
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
84
87
  -webkit-line-clamp: 1;
85
88
  display: -webkit-box;
86
89
  -webkit-box-orient: vertical;
@@ -89,13 +92,13 @@
89
92
  color: var(--color-light-text-secondary);
90
93
  word-break: break-all;
91
94
  }
92
- .navigation-bar-private__addonsWrapper_nors5 {
95
+ .navigation-bar-private__addonsWrapper_zu5dn {
93
96
  display: flex;
94
97
  }
95
- .navigation-bar-private__rightAddons_nors5 {
98
+ .navigation-bar-private__rightAddons_zu5dn {
96
99
  margin-left: auto;
97
100
  }
98
- .navigation-bar-private__addon_nors5 {
101
+ .navigation-bar-private__addon_zu5dn {
99
102
  min-width: 48px;
100
103
  height: 48px;
101
104
  display: flex;
@@ -104,23 +107,23 @@
104
107
  flex-shrink: 0;
105
108
  pointer-events: all;
106
109
  }
107
- .navigation-bar-private__bottomAddons_nors5 {
110
+ .navigation-bar-private__bottomAddons_zu5dn {
108
111
  pointer-events: all;
109
112
  }
110
- .navigation-bar-private__closer_nors5 {
113
+ .navigation-bar-private__closer_zu5dn {
111
114
  margin-left: auto;
112
115
  }
113
- .navigation-bar-private__left_nors5 {
116
+ .navigation-bar-private__left_zu5dn {
114
117
  text-align: left;
115
118
  }
116
- .navigation-bar-private__center_nors5 {
119
+ .navigation-bar-private__center_zu5dn {
117
120
  text-align: center;
118
121
  }
119
- .navigation-bar-private__trim_nors5 {
122
+ .navigation-bar-private__trim_zu5dn {
120
123
  overflow: hidden;
121
124
  }
122
- .navigation-bar-private__trim_nors5 .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5,
123
- .navigation-bar-private__trim_nors5 .navigation-bar-private__children_nors5 {
125
+ .navigation-bar-private__trim_zu5dn .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn,
126
+ .navigation-bar-private__trim_zu5dn .navigation-bar-private__children_zu5dn {
124
127
  -webkit-line-clamp: 2;
125
128
  display: -webkit-box;
126
129
  -webkit-box-orient: vertical;
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"header":"navigation-bar-private__header_nors5","backgroundImage":"navigation-bar-private__backgroundImage_nors5","mainLine":"navigation-bar-private__mainLine_nors5","mainLineSticky":"navigation-bar-private__mainLineSticky_nors5","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_nors5","content":"navigation-bar-private__content_nors5","withBothAddons":"navigation-bar-private__withBothAddons_nors5","withCompactTitle":"navigation-bar-private__withCompactTitle_nors5","children":"navigation-bar-private__children_nors5","title":"navigation-bar-private__title_nors5","titleTextContent":"navigation-bar-private__titleTextContent_nors5","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_nors5","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_nors5","subtitle":"navigation-bar-private__subtitle_nors5","addonsWrapper":"navigation-bar-private__addonsWrapper_nors5","rightAddons":"navigation-bar-private__rightAddons_nors5","addon":"navigation-bar-private__addon_nors5","bottomAddons":"navigation-bar-private__bottomAddons_nors5","closer":"navigation-bar-private__closer_nors5","left":"navigation-bar-private__left_nors5","center":"navigation-bar-private__center_nors5","trim":"navigation-bar-private__trim_nors5"};
3
+ var styles = {"header":"navigation-bar-private__header_zu5dn","backgroundImage":"navigation-bar-private__backgroundImage_zu5dn","mainLine":"navigation-bar-private__mainLine_zu5dn","mainLineSticky":"navigation-bar-private__mainLineSticky_zu5dn","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_zu5dn","content":"navigation-bar-private__content_zu5dn","withBothAddons":"navigation-bar-private__withBothAddons_zu5dn","withCompactTitle":"navigation-bar-private__withCompactTitle_zu5dn","children":"navigation-bar-private__children_zu5dn","title":"navigation-bar-private__title_zu5dn","titleTextContent":"navigation-bar-private__titleTextContent_zu5dn","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_zu5dn","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_zu5dn","subtitle":"navigation-bar-private__subtitle_zu5dn","addonsWrapper":"navigation-bar-private__addonsWrapper_zu5dn","rightAddons":"navigation-bar-private__rightAddons_zu5dn","addon":"navigation-bar-private__addon_zu5dn","bottomAddons":"navigation-bar-private__bottomAddons_zu5dn","closer":"navigation-bar-private__closer_zu5dn","left":"navigation-bar-private__left_zu5dn","center":"navigation-bar-private__center_zu5dn","trim":"navigation-bar-private__trim_zu5dn"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -10,37 +10,38 @@
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
- .navigation-bar-private__header_nors5 {
17
+ .navigation-bar-private__header_zu5dn {
17
18
  width: 100%;
18
19
  box-sizing: border-box;
19
20
  transition:
20
21
  box-shadow 0.2s ease,
21
22
  background 0.2s ease;
22
23
  }
23
- .navigation-bar-private__header_nors5.navigation-bar-private__header_nors5.navigation-bar-private__backgroundImage_nors5 {
24
+ .navigation-bar-private__header_zu5dn.navigation-bar-private__header_zu5dn.navigation-bar-private__backgroundImage_zu5dn {
24
25
  background-repeat: no-repeat;
25
26
  background-position: center;
26
27
  background-size: cover;
27
28
  }
28
- .navigation-bar-private__mainLine_nors5 {
29
+ .navigation-bar-private__mainLine_zu5dn {
29
30
  display: flex;
30
31
  align-items: stretch;
31
32
  justify-content: space-between;
32
33
  z-index: 1;
33
34
  background-color: inherit;
34
35
  }
35
- .navigation-bar-private__mainLineSticky_nors5 {
36
+ .navigation-bar-private__mainLineSticky_zu5dn {
36
37
  position: sticky;
37
38
  top: var(--gap-0);
38
39
  }
39
- .navigation-bar-private__mainLineWithImageBg_nors5 {
40
+ .navigation-bar-private__mainLineWithImageBg_zu5dn {
40
41
  background-color: transparent;
41
42
  background-color: initial;
42
43
  }
43
- .navigation-bar-private__content_nors5 {
44
+ .navigation-bar-private__content_zu5dn {
44
45
  color: var(--color-light-text-primary);
45
46
  display: flex;
46
47
  flex-flow: column nowrap;
@@ -50,37 +51,39 @@
50
51
  box-sizing: border-box;
51
52
  min-height: 48px;
52
53
  }
53
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5,
54
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 {
54
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn,
55
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn {
55
56
  font-size: 16px;
56
57
  line-height: 20px;
57
58
  font-weight: 500;
58
- font-family: var(--font-family-system);
59
+ letter-spacing: -0.05px;
60
+ font-family: var(--font-family-alfasans);
59
61
  align-self: center;
60
62
  padding-top: var(--gap-4);
61
63
  padding-bottom: var(--gap-4);
62
64
  }
63
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5 > .navigation-bar-private__children_nors5,
64
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 > .navigation-bar-private__children_nors5,
65
- .navigation-bar-private__content_nors5.navigation-bar-private__withBothAddons_nors5 > .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5,
66
- .navigation-bar-private__content_nors5.navigation-bar-private__withCompactTitle_nors5 > .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5 {
65
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn > .navigation-bar-private__children_zu5dn,
66
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn > .navigation-bar-private__children_zu5dn,
67
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withBothAddons_zu5dn > .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn,
68
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__withCompactTitle_zu5dn > .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn {
67
69
  -webkit-line-clamp: 1;
68
70
  word-break: break-all;
69
71
  }
70
- .navigation-bar-private__content_nors5.navigation-bar-private__contentOnBotDesktop_nors5.navigation-bar-private__contentOnBotDesktop_nors5 {
72
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__contentOnBotDesktop_zu5dn.navigation-bar-private__contentOnBotDesktop_zu5dn {
71
73
  padding-top: var(--gap-12);
72
74
  }
73
- .navigation-bar-private__content_nors5.navigation-bar-private__contentOnBotMobile_nors5.navigation-bar-private__contentOnBotMobile_nors5 {
75
+ .navigation-bar-private__content_zu5dn.navigation-bar-private__contentOnBotMobile_zu5dn.navigation-bar-private__contentOnBotMobile_zu5dn {
74
76
  padding-top: var(--gap-12);
75
77
  }
76
- .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5 {
78
+ .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn {
77
79
  word-break: break-word;
78
80
  }
79
- .navigation-bar-private__subtitle_nors5 {
81
+ .navigation-bar-private__subtitle_zu5dn {
80
82
  font-size: 14px;
81
83
  line-height: 20px;
82
84
  font-weight: 400;
83
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
84
87
  -webkit-line-clamp: 1;
85
88
  display: -webkit-box;
86
89
  -webkit-box-orient: vertical;
@@ -89,13 +92,13 @@
89
92
  color: var(--color-light-text-secondary);
90
93
  word-break: break-all;
91
94
  }
92
- .navigation-bar-private__addonsWrapper_nors5 {
95
+ .navigation-bar-private__addonsWrapper_zu5dn {
93
96
  display: flex;
94
97
  }
95
- .navigation-bar-private__rightAddons_nors5 {
98
+ .navigation-bar-private__rightAddons_zu5dn {
96
99
  margin-left: auto;
97
100
  }
98
- .navigation-bar-private__addon_nors5 {
101
+ .navigation-bar-private__addon_zu5dn {
99
102
  min-width: 48px;
100
103
  height: 48px;
101
104
  display: flex;
@@ -104,23 +107,23 @@
104
107
  flex-shrink: 0;
105
108
  pointer-events: all;
106
109
  }
107
- .navigation-bar-private__bottomAddons_nors5 {
110
+ .navigation-bar-private__bottomAddons_zu5dn {
108
111
  pointer-events: all;
109
112
  }
110
- .navigation-bar-private__closer_nors5 {
113
+ .navigation-bar-private__closer_zu5dn {
111
114
  margin-left: auto;
112
115
  }
113
- .navigation-bar-private__left_nors5 {
116
+ .navigation-bar-private__left_zu5dn {
114
117
  text-align: left;
115
118
  }
116
- .navigation-bar-private__center_nors5 {
119
+ .navigation-bar-private__center_zu5dn {
117
120
  text-align: center;
118
121
  }
119
- .navigation-bar-private__trim_nors5 {
122
+ .navigation-bar-private__trim_zu5dn {
120
123
  overflow: hidden;
121
124
  }
122
- .navigation-bar-private__trim_nors5 .navigation-bar-private__title_nors5 .navigation-bar-private__titleTextContent_nors5,
123
- .navigation-bar-private__trim_nors5 .navigation-bar-private__children_nors5 {
125
+ .navigation-bar-private__trim_zu5dn .navigation-bar-private__title_zu5dn .navigation-bar-private__titleTextContent_zu5dn,
126
+ .navigation-bar-private__trim_zu5dn .navigation-bar-private__children_zu5dn {
124
127
  -webkit-line-clamp: 2;
125
128
  display: -webkit-box;
126
129
  -webkit-box-orient: vertical;
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"navigation-bar-private__header_nors5","backgroundImage":"navigation-bar-private__backgroundImage_nors5","mainLine":"navigation-bar-private__mainLine_nors5","mainLineSticky":"navigation-bar-private__mainLineSticky_nors5","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_nors5","content":"navigation-bar-private__content_nors5","withBothAddons":"navigation-bar-private__withBothAddons_nors5","withCompactTitle":"navigation-bar-private__withCompactTitle_nors5","children":"navigation-bar-private__children_nors5","title":"navigation-bar-private__title_nors5","titleTextContent":"navigation-bar-private__titleTextContent_nors5","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_nors5","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_nors5","subtitle":"navigation-bar-private__subtitle_nors5","addonsWrapper":"navigation-bar-private__addonsWrapper_nors5","rightAddons":"navigation-bar-private__rightAddons_nors5","addon":"navigation-bar-private__addon_nors5","bottomAddons":"navigation-bar-private__bottomAddons_nors5","closer":"navigation-bar-private__closer_nors5","left":"navigation-bar-private__left_nors5","center":"navigation-bar-private__center_nors5","trim":"navigation-bar-private__trim_nors5"};
5
+ var styles = {"header":"navigation-bar-private__header_zu5dn","backgroundImage":"navigation-bar-private__backgroundImage_zu5dn","mainLine":"navigation-bar-private__mainLine_zu5dn","mainLineSticky":"navigation-bar-private__mainLineSticky_zu5dn","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_zu5dn","content":"navigation-bar-private__content_zu5dn","withBothAddons":"navigation-bar-private__withBothAddons_zu5dn","withCompactTitle":"navigation-bar-private__withCompactTitle_zu5dn","children":"navigation-bar-private__children_zu5dn","title":"navigation-bar-private__title_zu5dn","titleTextContent":"navigation-bar-private__titleTextContent_zu5dn","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_zu5dn","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_zu5dn","subtitle":"navigation-bar-private__subtitle_zu5dn","addonsWrapper":"navigation-bar-private__addonsWrapper_zu5dn","rightAddons":"navigation-bar-private__rightAddons_zu5dn","addon":"navigation-bar-private__addon_zu5dn","bottomAddons":"navigation-bar-private__bottomAddons_zu5dn","closer":"navigation-bar-private__closer_zu5dn","left":"navigation-bar-private__left_zu5dn","center":"navigation-bar-private__center_zu5dn","trim":"navigation-bar-private__trim_zu5dn"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/back-arrow-addon/default.css CHANGED
@@ -13,25 +13,25 @@
13
13
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
14
14
  --button-text-base-color: var(--color-light-text-primary);
15
15
  }
16
- .navigation-bar-private__component_3kder {
16
+ .navigation-bar-private__component_1l2nu {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_3kder svg > path {
19
+ .navigation-bar-private__component_1l2nu svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_3kder:hover svg > path {
22
+ .navigation-bar-private__component_1l2nu:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_3kder:active svg > path {
25
+ .navigation-bar-private__component_1l2nu:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_3kder {
28
+ .navigation-bar-private__text_1l2nu {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_3kder {
31
+ .navigation-bar-private__mobileWrapper_1l2nu {
32
32
  background: var(--color-light-neutral-translucent-100);
33
33
  color: var(--color-light-neutral-translucent-100);
34
34
  }
35
- .navigation-bar-private__mobileWrapper_3kder svg > path {
35
+ .navigation-bar-private__mobileWrapper_1l2nu svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
package/modern/components/back-arrow-addon/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"component":"navigation-bar-private__component_3kder","text":"navigation-bar-private__text_3kder","mobileWrapper":"navigation-bar-private__mobileWrapper_3kder"};
3
+ const defaultColors = {"component":"navigation-bar-private__component_1l2nu","text":"navigation-bar-private__text_1l2nu","mobileWrapper":"navigation-bar-private__mobileWrapper_1l2nu"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/components/back-arrow-addon/index.css CHANGED
@@ -9,17 +9,17 @@
9
9
  --gap-8: var(--gap-xs);
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
- .navigation-bar-private__component_kveya {
12
+ .navigation-bar-private__component_vxgca {
13
13
  height: 100%;
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
16
  border-radius: var(--border-radius-pill);
17
17
  min-width: 48px;
18
18
  }
19
- .navigation-bar-private__component_kveya svg > path {
19
+ .navigation-bar-private__component_vxgca svg > path {
20
20
  transition: fill 0.2s ease;
21
21
  }
22
- .navigation-bar-private__mobileComponent_kveya {
22
+ .navigation-bar-private__mobileComponent_vxgca {
23
23
  height: 32px;
24
24
  min-width: 32px;
25
25
  margin: var(--gap-0) var(--gap-8);
@@ -27,11 +27,11 @@
27
27
  backdrop-filter: none;
28
28
  background: none;
29
29
  }
30
- .navigation-bar-private__flex_kveya {
30
+ .navigation-bar-private__flex_vxgca {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  }
34
- .navigation-bar-private__iconWrapper_kveya {
34
+ .navigation-bar-private__iconWrapper_vxgca {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
37
  justify-content: center;
@@ -39,16 +39,16 @@
39
39
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
40
40
  border-radius: var(--border-radius-circle);
41
41
  }
42
- .navigation-bar-private__iconWrapper_kveya + .navigation-bar-private__text_kveya {
42
+ .navigation-bar-private__iconWrapper_vxgca + .navigation-bar-private__text_vxgca {
43
43
  margin-right: var(--gap-12);
44
44
  }
45
- .navigation-bar-private__mobileWrapper_kveya {
45
+ .navigation-bar-private__mobileWrapper_vxgca {
46
46
  width: 32px;
47
47
  height: 32px;
48
48
  -webkit-backdrop-filter: blur(10px);
49
49
  backdrop-filter: blur(10px);
50
50
  margin: var(--gap-0);
51
51
  }
52
- .navigation-bar-private__mobileWrapper_kveya + .navigation-bar-private__text_kveya {
52
+ .navigation-bar-private__mobileWrapper_vxgca + .navigation-bar-private__text_vxgca {
53
53
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
54
54
  }
package/modern/components/back-arrow-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar-private__component_kveya","mobileComponent":"navigation-bar-private__mobileComponent_kveya","flex":"navigation-bar-private__flex_kveya","iconWrapper":"navigation-bar-private__iconWrapper_kveya","text":"navigation-bar-private__text_kveya","mobileWrapper":"navigation-bar-private__mobileWrapper_kveya"};
3
+ const styles = {"component":"navigation-bar-private__component_vxgca","mobileComponent":"navigation-bar-private__mobileComponent_vxgca","flex":"navigation-bar-private__flex_vxgca","iconWrapper":"navigation-bar-private__iconWrapper_vxgca","text":"navigation-bar-private__text_vxgca","mobileWrapper":"navigation-bar-private__mobileWrapper_vxgca"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/back-arrow-addon/inverted.css CHANGED
@@ -15,25 +15,25 @@
15
15
  );
16
16
  --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
17
17
  }
18
- .navigation-bar-private__component_v1ir8 {
18
+ .navigation-bar-private__component_euamm {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_v1ir8 svg > path {
21
+ .navigation-bar-private__component_euamm svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_v1ir8:hover svg > path {
24
+ .navigation-bar-private__component_euamm:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_v1ir8:active svg > path {
27
+ .navigation-bar-private__component_euamm:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_v1ir8 {
30
+ .navigation-bar-private__text_euamm {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_v1ir8 {
33
+ .navigation-bar-private__mobileWrapper_euamm {
34
34
  background: var(--color-light-neutral-translucent-100-inverted);
35
35
  color: var(--color-light-neutral-translucent-700-inverted);
36
36
  }
37
- .navigation-bar-private__mobileWrapper_v1ir8 svg > path {
37
+ .navigation-bar-private__mobileWrapper_euamm svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
package/modern/components/back-arrow-addon/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"component":"navigation-bar-private__component_v1ir8","text":"navigation-bar-private__text_v1ir8","mobileWrapper":"navigation-bar-private__mobileWrapper_v1ir8"};
3
+ const invertedColors = {"component":"navigation-bar-private__component_euamm","text":"navigation-bar-private__text_euamm","mobileWrapper":"navigation-bar-private__mobileWrapper_euamm"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/modern/components/closer/default.css CHANGED
@@ -9,11 +9,11 @@
9
9
  :root {
10
10
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
11
11
  }
12
- .navigation-bar-private__button_c9tx9.navigation-bar-private__button_c9tx9 {
12
+ .navigation-bar-private__button_16clk.navigation-bar-private__button_16clk {
13
13
  background: var(--color-light-monochrome-white-4);
14
14
  color: var(--color-light-neutral-translucent-1300);
15
15
  }
16
- .navigation-bar-private__button_c9tx9.navigation-bar-private__button_c9tx9.navigation-bar-private__mobile_c9tx9 {
16
+ .navigation-bar-private__button_16clk.navigation-bar-private__button_16clk.navigation-bar-private__mobile_16clk {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
package/modern/components/closer/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"button":"navigation-bar-private__button_c9tx9","mobile":"navigation-bar-private__mobile_c9tx9"};
3
+ const defaultColors = {"button":"navigation-bar-private__button_16clk","mobile":"navigation-bar-private__mobile_16clk"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/components/closer/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  :root {
5
5
  --gap-0: 0px;
6
6
  }
7
- .navigation-bar-private__closer_whpp0 {
7
+ .navigation-bar-private__closer_qahtx {
8
8
  flex-shrink: 0;
9
9
  width: 48px;
10
10
  height: 48px;
@@ -13,14 +13,14 @@
13
13
  align-items: center;
14
14
  justify-content: center;
15
15
  }
16
- .navigation-bar-private__button_whpp0 {
16
+ .navigation-bar-private__button_qahtx {
17
17
  -webkit-backdrop-filter: blur(10px);
18
18
  backdrop-filter: blur(10px);
19
19
  }
20
- .navigation-bar-private__button_whpp0.navigation-bar-private__button_whpp0 {
20
+ .navigation-bar-private__button_qahtx.navigation-bar-private__button_qahtx.navigation-bar-private__button_qahtx {
21
21
  border-radius: var(--border-radius-circle);
22
22
  }
23
- .navigation-bar-private__sticky_whpp0 {
23
+ .navigation-bar-private__sticky_qahtx {
24
24
  position: sticky;
25
25
  top: var(--gap-0);
26
26
  }
package/modern/components/closer/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"closer":"navigation-bar-private__closer_whpp0","button":"navigation-bar-private__button_whpp0","sticky":"navigation-bar-private__sticky_whpp0"};
3
+ const styles = {"closer":"navigation-bar-private__closer_qahtx","button":"navigation-bar-private__button_qahtx","sticky":"navigation-bar-private__sticky_qahtx"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/closer/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/closer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.closer {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.button {\n backdrop-filter: blur(10px);\n}\n\n.button.button {\n border-radius: var(--border-radius-circle);\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/closer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.closer {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.button {\n backdrop-filter: blur(10px);\n}\n\n.button.button.button {\n border-radius: var(--border-radius-circle);\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
package/modern/components/closer/inverted.css CHANGED
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .navigation-bar-private__button_zafd4.navigation-bar-private__button_zafd4 {
13
+ .navigation-bar-private__button_o5dll.navigation-bar-private__button_o5dll {
14
14
  background: var(--color-light-monochrome-white-4-inverted);
15
15
  color: var(--color-light-neutral-translucent-1300-inverted);
16
16
  }
17
- .navigation-bar-private__button_zafd4.navigation-bar-private__button_zafd4.navigation-bar-private__mobile_zafd4 {
17
+ .navigation-bar-private__button_o5dll.navigation-bar-private__button_o5dll.navigation-bar-private__mobile_o5dll {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
package/modern/components/closer/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"button":"navigation-bar-private__button_zafd4","mobile":"navigation-bar-private__mobile_zafd4"};
3
+ const invertedColors = {"button":"navigation-bar-private__button_o5dll","mobile":"navigation-bar-private__mobile_o5dll"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map