@alfalab/core-components-navigation-bar-private 1.1.4 → 1.1.5

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 (43) 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/inverted.css +2 -2
  12. package/components/closer/inverted.module.css.js +1 -1
  13. package/esm/components/back-arrow-addon/default.css +7 -7
  14. package/esm/components/back-arrow-addon/default.module.css.js +1 -1
  15. package/esm/components/back-arrow-addon/index.css +8 -8
  16. package/esm/components/back-arrow-addon/index.module.css.js +1 -1
  17. package/esm/components/back-arrow-addon/inverted.css +7 -7
  18. package/esm/components/back-arrow-addon/inverted.module.css.js +1 -1
  19. package/esm/components/closer/default.css +2 -2
  20. package/esm/components/closer/default.module.css.js +1 -1
  21. package/esm/components/closer/index.css +4 -4
  22. package/esm/components/closer/index.module.css.js +1 -1
  23. package/esm/components/closer/inverted.css +2 -2
  24. package/esm/components/closer/inverted.module.css.js +1 -1
  25. package/esm/index.css +26 -26
  26. package/esm/index.module.css.js +1 -1
  27. package/index.css +26 -26
  28. package/index.module.css.js +1 -1
  29. package/modern/components/back-arrow-addon/default.css +7 -7
  30. package/modern/components/back-arrow-addon/default.module.css.js +1 -1
  31. package/modern/components/back-arrow-addon/index.css +8 -8
  32. package/modern/components/back-arrow-addon/index.module.css.js +1 -1
  33. package/modern/components/back-arrow-addon/inverted.css +7 -7
  34. package/modern/components/back-arrow-addon/inverted.module.css.js +1 -1
  35. package/modern/components/closer/default.css +2 -2
  36. package/modern/components/closer/default.module.css.js +1 -1
  37. package/modern/components/closer/index.css +4 -4
  38. package/modern/components/closer/index.module.css.js +1 -1
  39. package/modern/components/closer/inverted.css +2 -2
  40. package/modern/components/closer/inverted.module.css.js +1 -1
  41. package/modern/index.css +26 -26
  42. package/modern/index.module.css.js +1 -1
  43. package/package.json +4 -4
@@ -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_w94gc {
16
+ .navigation-bar-private__component_10c8f {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_w94gc svg > path {
19
+ .navigation-bar-private__component_10c8f svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_w94gc:hover svg > path {
22
+ .navigation-bar-private__component_10c8f:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_w94gc:active svg > path {
25
+ .navigation-bar-private__component_10c8f:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_w94gc {
28
+ .navigation-bar-private__text_10c8f {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_w94gc {
31
+ .navigation-bar-private__mobileWrapper_10c8f {
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_w94gc svg > path {
35
+ .navigation-bar-private__mobileWrapper_10c8f svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"component":"navigation-bar-private__component_w94gc","text":"navigation-bar-private__text_w94gc","mobileWrapper":"navigation-bar-private__mobileWrapper_w94gc"};
5
+ var defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -7,39 +7,39 @@
7
7
  --gap-0: 0px;
8
8
  --gap-8: var(--gap-xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__component_zoido {
10
+ } .navigation-bar-private__component_11eeb {
11
11
  height: 100%;
12
12
  -webkit-backdrop-filter: blur(10px);
13
13
  backdrop-filter: blur(10px);
14
14
  border-radius: var(--border-radius-pill);
15
15
  min-width: 48px;
16
- } .navigation-bar-private__component_zoido svg > path {
16
+ } .navigation-bar-private__component_11eeb svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_zoido {
18
+ } .navigation-bar-private__mobileComponent_11eeb {
19
19
  height: 32px;
20
20
  min-width: 32px;
21
21
  margin: var(--gap-0) var(--gap-8);
22
22
  -webkit-backdrop-filter: none;
23
23
  backdrop-filter: none;
24
24
  background: none;
25
- } .navigation-bar-private__flex_zoido {
25
+ } .navigation-bar-private__flex_11eeb {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_zoido {
28
+ } .navigation-bar-private__iconWrapper_11eeb {
29
29
  display: inline-flex;
30
30
  align-items: center;
31
31
  justify-content: center;
32
32
  height: 48px;
33
33
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
34
34
  border-radius: var(--border-radius-circle);
35
- } .navigation-bar-private__iconWrapper_zoido + .navigation-bar-private__text_zoido {
35
+ } .navigation-bar-private__iconWrapper_11eeb + .navigation-bar-private__text_11eeb {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_zoido {
37
+ } .navigation-bar-private__mobileWrapper_11eeb {
38
38
  width: 32px;
39
39
  height: 32px;
40
40
  -webkit-backdrop-filter: blur(10px);
41
41
  backdrop-filter: blur(10px);
42
42
  margin: var(--gap-0);
43
- } .navigation-bar-private__mobileWrapper_zoido + .navigation-bar-private__text_zoido {
43
+ } .navigation-bar-private__mobileWrapper_11eeb + .navigation-bar-private__text_11eeb {
44
44
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
45
45
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar-private__component_zoido","mobileComponent":"navigation-bar-private__mobileComponent_zoido","flex":"navigation-bar-private__flex_zoido","iconWrapper":"navigation-bar-private__iconWrapper_zoido","text":"navigation-bar-private__text_zoido","mobileWrapper":"navigation-bar-private__mobileWrapper_zoido"};
5
+ var styles = {"component":"navigation-bar-private__component_11eeb","mobileComponent":"navigation-bar-private__mobileComponent_11eeb","flex":"navigation-bar-private__flex_11eeb","iconWrapper":"navigation-bar-private__iconWrapper_11eeb","text":"navigation-bar-private__text_11eeb","mobileWrapper":"navigation-bar-private__mobileWrapper_11eeb"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1nq9s {
18
+ .navigation-bar-private__component_1rtds {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1nq9s svg > path {
21
+ .navigation-bar-private__component_1rtds svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1nq9s:hover svg > path {
24
+ .navigation-bar-private__component_1rtds:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1nq9s:active svg > path {
27
+ .navigation-bar-private__component_1rtds:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1nq9s {
30
+ .navigation-bar-private__text_1rtds {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1nq9s {
33
+ .navigation-bar-private__mobileWrapper_1rtds {
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_1nq9s svg > path {
37
+ .navigation-bar-private__mobileWrapper_1rtds svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"component":"navigation-bar-private__component_1nq9s","text":"navigation-bar-private__text_1nq9s","mobileWrapper":"navigation-bar-private__mobileWrapper_1nq9s"};
5
+ var invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -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_1svzk.navigation-bar-private__button_1svzk {
12
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz {
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_1svzk.navigation-bar-private__button_1svzk.navigation-bar-private__mobile_1svzk {
16
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"button":"navigation-bar-private__button_1svzk","mobile":"navigation-bar-private__mobile_1svzk"};
5
+ var defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --border-radius-circle: 50%;
3
3
  } :root {
4
4
  --gap-0: 0px;
5
- } .navigation-bar-private__closer_miuc9 {
5
+ } .navigation-bar-private__closer_f02t0 {
6
6
  flex-shrink: 0;
7
7
  width: 48px;
8
8
  height: 48px;
@@ -10,12 +10,12 @@
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
13
- } .navigation-bar-private__button_miuc9 {
13
+ } .navigation-bar-private__button_f02t0 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_miuc9.navigation-bar-private__button_miuc9 {
16
+ } .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_miuc9 {
18
+ } .navigation-bar-private__sticky_f02t0 {
19
19
  position: sticky;
20
20
  top: var(--gap-0);
21
21
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"closer":"navigation-bar-private__closer_miuc9","button":"navigation-bar-private__button_miuc9","sticky":"navigation-bar-private__sticky_miuc9"};
5
+ var styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd {
13
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu {
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_gvgyd.navigation-bar-private__button_gvgyd.navigation-bar-private__mobile_gvgyd {
17
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"button":"navigation-bar-private__button_gvgyd","mobile":"navigation-bar-private__mobile_gvgyd"};
5
+ var invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -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_w94gc {
16
+ .navigation-bar-private__component_10c8f {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_w94gc svg > path {
19
+ .navigation-bar-private__component_10c8f svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_w94gc:hover svg > path {
22
+ .navigation-bar-private__component_10c8f:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_w94gc:active svg > path {
25
+ .navigation-bar-private__component_10c8f:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_w94gc {
28
+ .navigation-bar-private__text_10c8f {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_w94gc {
31
+ .navigation-bar-private__mobileWrapper_10c8f {
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_w94gc svg > path {
35
+ .navigation-bar-private__mobileWrapper_10c8f svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"component":"navigation-bar-private__component_w94gc","text":"navigation-bar-private__text_w94gc","mobileWrapper":"navigation-bar-private__mobileWrapper_w94gc"};
3
+ var defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -7,39 +7,39 @@
7
7
  --gap-0: 0px;
8
8
  --gap-8: var(--gap-xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__component_zoido {
10
+ } .navigation-bar-private__component_11eeb {
11
11
  height: 100%;
12
12
  -webkit-backdrop-filter: blur(10px);
13
13
  backdrop-filter: blur(10px);
14
14
  border-radius: var(--border-radius-pill);
15
15
  min-width: 48px;
16
- } .navigation-bar-private__component_zoido svg > path {
16
+ } .navigation-bar-private__component_11eeb svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_zoido {
18
+ } .navigation-bar-private__mobileComponent_11eeb {
19
19
  height: 32px;
20
20
  min-width: 32px;
21
21
  margin: var(--gap-0) var(--gap-8);
22
22
  -webkit-backdrop-filter: none;
23
23
  backdrop-filter: none;
24
24
  background: none;
25
- } .navigation-bar-private__flex_zoido {
25
+ } .navigation-bar-private__flex_11eeb {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_zoido {
28
+ } .navigation-bar-private__iconWrapper_11eeb {
29
29
  display: inline-flex;
30
30
  align-items: center;
31
31
  justify-content: center;
32
32
  height: 48px;
33
33
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
34
34
  border-radius: var(--border-radius-circle);
35
- } .navigation-bar-private__iconWrapper_zoido + .navigation-bar-private__text_zoido {
35
+ } .navigation-bar-private__iconWrapper_11eeb + .navigation-bar-private__text_11eeb {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_zoido {
37
+ } .navigation-bar-private__mobileWrapper_11eeb {
38
38
  width: 32px;
39
39
  height: 32px;
40
40
  -webkit-backdrop-filter: blur(10px);
41
41
  backdrop-filter: blur(10px);
42
42
  margin: var(--gap-0);
43
- } .navigation-bar-private__mobileWrapper_zoido + .navigation-bar-private__text_zoido {
43
+ } .navigation-bar-private__mobileWrapper_11eeb + .navigation-bar-private__text_11eeb {
44
44
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
45
45
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"navigation-bar-private__component_zoido","mobileComponent":"navigation-bar-private__mobileComponent_zoido","flex":"navigation-bar-private__flex_zoido","iconWrapper":"navigation-bar-private__iconWrapper_zoido","text":"navigation-bar-private__text_zoido","mobileWrapper":"navigation-bar-private__mobileWrapper_zoido"};
3
+ var styles = {"component":"navigation-bar-private__component_11eeb","mobileComponent":"navigation-bar-private__mobileComponent_11eeb","flex":"navigation-bar-private__flex_11eeb","iconWrapper":"navigation-bar-private__iconWrapper_11eeb","text":"navigation-bar-private__text_11eeb","mobileWrapper":"navigation-bar-private__mobileWrapper_11eeb"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1nq9s {
18
+ .navigation-bar-private__component_1rtds {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1nq9s svg > path {
21
+ .navigation-bar-private__component_1rtds svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1nq9s:hover svg > path {
24
+ .navigation-bar-private__component_1rtds:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1nq9s:active svg > path {
27
+ .navigation-bar-private__component_1rtds:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1nq9s {
30
+ .navigation-bar-private__text_1rtds {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1nq9s {
33
+ .navigation-bar-private__mobileWrapper_1rtds {
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_1nq9s svg > path {
37
+ .navigation-bar-private__mobileWrapper_1rtds svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"component":"navigation-bar-private__component_1nq9s","text":"navigation-bar-private__text_1nq9s","mobileWrapper":"navigation-bar-private__mobileWrapper_1nq9s"};
3
+ var invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -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_1svzk.navigation-bar-private__button_1svzk {
12
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz {
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_1svzk.navigation-bar-private__button_1svzk.navigation-bar-private__mobile_1svzk {
16
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"button":"navigation-bar-private__button_1svzk","mobile":"navigation-bar-private__mobile_1svzk"};
3
+ var defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --border-radius-circle: 50%;
3
3
  } :root {
4
4
  --gap-0: 0px;
5
- } .navigation-bar-private__closer_miuc9 {
5
+ } .navigation-bar-private__closer_f02t0 {
6
6
  flex-shrink: 0;
7
7
  width: 48px;
8
8
  height: 48px;
@@ -10,12 +10,12 @@
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
13
- } .navigation-bar-private__button_miuc9 {
13
+ } .navigation-bar-private__button_f02t0 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_miuc9.navigation-bar-private__button_miuc9 {
16
+ } .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_miuc9 {
18
+ } .navigation-bar-private__sticky_f02t0 {
19
19
  position: sticky;
20
20
  top: var(--gap-0);
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"closer":"navigation-bar-private__closer_miuc9","button":"navigation-bar-private__button_miuc9","sticky":"navigation-bar-private__sticky_miuc9"};
3
+ var styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd {
13
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu {
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_gvgyd.navigation-bar-private__button_gvgyd.navigation-bar-private__mobile_gvgyd {
17
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"button":"navigation-bar-private__button_gvgyd","mobile":"navigation-bar-private__mobile_gvgyd"};
3
+ var invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/index.css CHANGED
@@ -7,29 +7,29 @@
7
7
  --gap-0: 0px;
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__header_dpwfe {
10
+ } .navigation-bar-private__header_674w5 {
11
11
  width: 100%;
12
12
  box-sizing: border-box;
13
13
  transition:
14
14
  box-shadow 0.2s ease,
15
15
  background 0.2s ease;
16
- } .navigation-bar-private__header_dpwfe.navigation-bar-private__header_dpwfe.navigation-bar-private__backgroundImage_dpwfe {
16
+ } .navigation-bar-private__header_674w5.navigation-bar-private__header_674w5.navigation-bar-private__backgroundImage_674w5 {
17
17
  background-repeat: no-repeat;
18
18
  background-position: center;
19
19
  background-size: cover;
20
- } .navigation-bar-private__mainLine_dpwfe {
20
+ } .navigation-bar-private__mainLine_674w5 {
21
21
  display: flex;
22
22
  align-items: stretch;
23
23
  justify-content: space-between;
24
24
  z-index: 1;
25
25
  background-color: inherit;
26
- } .navigation-bar-private__mainLineSticky_dpwfe {
26
+ } .navigation-bar-private__mainLineSticky_674w5 {
27
27
  position: sticky;
28
28
  top: var(--gap-0);
29
- } .navigation-bar-private__mainLineWithImageBg_dpwfe {
29
+ } .navigation-bar-private__mainLineWithImageBg_674w5 {
30
30
  background-color: transparent;
31
31
  background-color: initial;
32
- } .navigation-bar-private__content_dpwfe {
32
+ } .navigation-bar-private__content_674w5 {
33
33
  color: var(--color-light-text-primary);
34
34
  display: flex;
35
35
  flex-flow: column nowrap;
@@ -38,27 +38,27 @@
38
38
  align-self: baseline;
39
39
  box-sizing: border-box;
40
40
  min-height: 48px;
41
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe,
42
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe {
41
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5,
42
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 {
43
43
  font-size: 16px;
44
44
  line-height: 20px;
45
45
  font-weight: 500;
46
46
  align-self: center;
47
47
  padding-top: var(--gap-4);
48
48
  padding-bottom: var(--gap-4);
49
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__children_dpwfe,
50
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__children_dpwfe,
51
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__title_dpwfe,
52
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__title_dpwfe {
49
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__children_674w5,
50
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__children_674w5,
51
+ .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__title_674w5,
52
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__title_674w5 {
53
53
  -webkit-line-clamp: 1;
54
54
  word-break: break-all;
55
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe {
55
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotDesktop_674w5.navigation-bar-private__contentOnBotDesktop_674w5 {
56
56
  padding-top: var(--gap-12);
57
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe {
57
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotMobile_674w5.navigation-bar-private__contentOnBotMobile_674w5 {
58
58
  padding-top: var(--gap-12);
59
- } .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe {
59
+ } .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5 {
60
60
  word-break: break-word;
61
- } .navigation-bar-private__subtitle_dpwfe {
61
+ } .navigation-bar-private__subtitle_674w5 {
62
62
  font-size: 14px;
63
63
  line-height: 20px;
64
64
  font-weight: 400;
@@ -69,11 +69,11 @@
69
69
 
70
70
  color: var(--color-light-text-secondary);
71
71
  word-break: break-all;
72
- } .navigation-bar-private__addonsWrapper_dpwfe {
72
+ } .navigation-bar-private__addonsWrapper_674w5 {
73
73
  display: flex;
74
- } .navigation-bar-private__rightAddons_dpwfe {
74
+ } .navigation-bar-private__rightAddons_674w5 {
75
75
  margin-left: auto;
76
- } .navigation-bar-private__addon_dpwfe {
76
+ } .navigation-bar-private__addon_674w5 {
77
77
  min-width: 48px;
78
78
  height: 48px;
79
79
  display: flex;
@@ -81,18 +81,18 @@
81
81
  align-items: center;
82
82
  flex-shrink: 0;
83
83
  pointer-events: all;
84
- } .navigation-bar-private__bottomAddons_dpwfe {
84
+ } .navigation-bar-private__bottomAddons_674w5 {
85
85
  pointer-events: all;
86
- } .navigation-bar-private__closer_dpwfe {
86
+ } .navigation-bar-private__closer_674w5 {
87
87
  margin-left: auto;
88
- } .navigation-bar-private__left_dpwfe {
88
+ } .navigation-bar-private__left_674w5 {
89
89
  text-align: left;
90
- } .navigation-bar-private__center_dpwfe {
90
+ } .navigation-bar-private__center_674w5 {
91
91
  text-align: center;
92
- } .navigation-bar-private__trim_dpwfe {
92
+ } .navigation-bar-private__trim_674w5 {
93
93
  overflow: hidden;
94
- } .navigation-bar-private__trim_dpwfe .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe,
95
- .navigation-bar-private__trim_dpwfe .navigation-bar-private__children_dpwfe {
94
+ } .navigation-bar-private__trim_674w5 .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5,
95
+ .navigation-bar-private__trim_674w5 .navigation-bar-private__children_674w5 {
96
96
  -webkit-line-clamp: 2;
97
97
  display: -webkit-box;
98
98
  -webkit-box-orient: vertical;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"header":"navigation-bar-private__header_dpwfe","backgroundImage":"navigation-bar-private__backgroundImage_dpwfe","mainLine":"navigation-bar-private__mainLine_dpwfe","mainLineSticky":"navigation-bar-private__mainLineSticky_dpwfe","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_dpwfe","content":"navigation-bar-private__content_dpwfe","withBothAddons":"navigation-bar-private__withBothAddons_dpwfe","withCompactTitle":"navigation-bar-private__withCompactTitle_dpwfe","children":"navigation-bar-private__children_dpwfe","title":"navigation-bar-private__title_dpwfe","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_dpwfe","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_dpwfe","titleTextContent":"navigation-bar-private__titleTextContent_dpwfe","subtitle":"navigation-bar-private__subtitle_dpwfe","addonsWrapper":"navigation-bar-private__addonsWrapper_dpwfe","rightAddons":"navigation-bar-private__rightAddons_dpwfe","addon":"navigation-bar-private__addon_dpwfe","bottomAddons":"navigation-bar-private__bottomAddons_dpwfe","closer":"navigation-bar-private__closer_dpwfe","left":"navigation-bar-private__left_dpwfe","center":"navigation-bar-private__center_dpwfe","trim":"navigation-bar-private__trim_dpwfe"};
3
+ var styles = {"header":"navigation-bar-private__header_674w5","backgroundImage":"navigation-bar-private__backgroundImage_674w5","mainLine":"navigation-bar-private__mainLine_674w5","mainLineSticky":"navigation-bar-private__mainLineSticky_674w5","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_674w5","content":"navigation-bar-private__content_674w5","withBothAddons":"navigation-bar-private__withBothAddons_674w5","withCompactTitle":"navigation-bar-private__withCompactTitle_674w5","children":"navigation-bar-private__children_674w5","title":"navigation-bar-private__title_674w5","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_674w5","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_674w5","titleTextContent":"navigation-bar-private__titleTextContent_674w5","subtitle":"navigation-bar-private__subtitle_674w5","addonsWrapper":"navigation-bar-private__addonsWrapper_674w5","rightAddons":"navigation-bar-private__rightAddons_674w5","addon":"navigation-bar-private__addon_674w5","bottomAddons":"navigation-bar-private__bottomAddons_674w5","closer":"navigation-bar-private__closer_674w5","left":"navigation-bar-private__left_674w5","center":"navigation-bar-private__center_674w5","trim":"navigation-bar-private__trim_674w5"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -7,29 +7,29 @@
7
7
  --gap-0: 0px;
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__header_dpwfe {
10
+ } .navigation-bar-private__header_674w5 {
11
11
  width: 100%;
12
12
  box-sizing: border-box;
13
13
  transition:
14
14
  box-shadow 0.2s ease,
15
15
  background 0.2s ease;
16
- } .navigation-bar-private__header_dpwfe.navigation-bar-private__header_dpwfe.navigation-bar-private__backgroundImage_dpwfe {
16
+ } .navigation-bar-private__header_674w5.navigation-bar-private__header_674w5.navigation-bar-private__backgroundImage_674w5 {
17
17
  background-repeat: no-repeat;
18
18
  background-position: center;
19
19
  background-size: cover;
20
- } .navigation-bar-private__mainLine_dpwfe {
20
+ } .navigation-bar-private__mainLine_674w5 {
21
21
  display: flex;
22
22
  align-items: stretch;
23
23
  justify-content: space-between;
24
24
  z-index: 1;
25
25
  background-color: inherit;
26
- } .navigation-bar-private__mainLineSticky_dpwfe {
26
+ } .navigation-bar-private__mainLineSticky_674w5 {
27
27
  position: sticky;
28
28
  top: var(--gap-0);
29
- } .navigation-bar-private__mainLineWithImageBg_dpwfe {
29
+ } .navigation-bar-private__mainLineWithImageBg_674w5 {
30
30
  background-color: transparent;
31
31
  background-color: initial;
32
- } .navigation-bar-private__content_dpwfe {
32
+ } .navigation-bar-private__content_674w5 {
33
33
  color: var(--color-light-text-primary);
34
34
  display: flex;
35
35
  flex-flow: column nowrap;
@@ -38,27 +38,27 @@
38
38
  align-self: baseline;
39
39
  box-sizing: border-box;
40
40
  min-height: 48px;
41
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe,
42
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe {
41
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5,
42
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 {
43
43
  font-size: 16px;
44
44
  line-height: 20px;
45
45
  font-weight: 500;
46
46
  align-self: center;
47
47
  padding-top: var(--gap-4);
48
48
  padding-bottom: var(--gap-4);
49
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__children_dpwfe,
50
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__children_dpwfe,
51
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__title_dpwfe,
52
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__title_dpwfe {
49
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__children_674w5,
50
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__children_674w5,
51
+ .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__title_674w5,
52
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__title_674w5 {
53
53
  -webkit-line-clamp: 1;
54
54
  word-break: break-all;
55
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe {
55
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotDesktop_674w5.navigation-bar-private__contentOnBotDesktop_674w5 {
56
56
  padding-top: var(--gap-12);
57
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe {
57
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotMobile_674w5.navigation-bar-private__contentOnBotMobile_674w5 {
58
58
  padding-top: var(--gap-12);
59
- } .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe {
59
+ } .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5 {
60
60
  word-break: break-word;
61
- } .navigation-bar-private__subtitle_dpwfe {
61
+ } .navigation-bar-private__subtitle_674w5 {
62
62
  font-size: 14px;
63
63
  line-height: 20px;
64
64
  font-weight: 400;
@@ -69,11 +69,11 @@
69
69
 
70
70
  color: var(--color-light-text-secondary);
71
71
  word-break: break-all;
72
- } .navigation-bar-private__addonsWrapper_dpwfe {
72
+ } .navigation-bar-private__addonsWrapper_674w5 {
73
73
  display: flex;
74
- } .navigation-bar-private__rightAddons_dpwfe {
74
+ } .navigation-bar-private__rightAddons_674w5 {
75
75
  margin-left: auto;
76
- } .navigation-bar-private__addon_dpwfe {
76
+ } .navigation-bar-private__addon_674w5 {
77
77
  min-width: 48px;
78
78
  height: 48px;
79
79
  display: flex;
@@ -81,18 +81,18 @@
81
81
  align-items: center;
82
82
  flex-shrink: 0;
83
83
  pointer-events: all;
84
- } .navigation-bar-private__bottomAddons_dpwfe {
84
+ } .navigation-bar-private__bottomAddons_674w5 {
85
85
  pointer-events: all;
86
- } .navigation-bar-private__closer_dpwfe {
86
+ } .navigation-bar-private__closer_674w5 {
87
87
  margin-left: auto;
88
- } .navigation-bar-private__left_dpwfe {
88
+ } .navigation-bar-private__left_674w5 {
89
89
  text-align: left;
90
- } .navigation-bar-private__center_dpwfe {
90
+ } .navigation-bar-private__center_674w5 {
91
91
  text-align: center;
92
- } .navigation-bar-private__trim_dpwfe {
92
+ } .navigation-bar-private__trim_674w5 {
93
93
  overflow: hidden;
94
- } .navigation-bar-private__trim_dpwfe .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe,
95
- .navigation-bar-private__trim_dpwfe .navigation-bar-private__children_dpwfe {
94
+ } .navigation-bar-private__trim_674w5 .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5,
95
+ .navigation-bar-private__trim_674w5 .navigation-bar-private__children_674w5 {
96
96
  -webkit-line-clamp: 2;
97
97
  display: -webkit-box;
98
98
  -webkit-box-orient: vertical;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"navigation-bar-private__header_dpwfe","backgroundImage":"navigation-bar-private__backgroundImage_dpwfe","mainLine":"navigation-bar-private__mainLine_dpwfe","mainLineSticky":"navigation-bar-private__mainLineSticky_dpwfe","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_dpwfe","content":"navigation-bar-private__content_dpwfe","withBothAddons":"navigation-bar-private__withBothAddons_dpwfe","withCompactTitle":"navigation-bar-private__withCompactTitle_dpwfe","children":"navigation-bar-private__children_dpwfe","title":"navigation-bar-private__title_dpwfe","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_dpwfe","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_dpwfe","titleTextContent":"navigation-bar-private__titleTextContent_dpwfe","subtitle":"navigation-bar-private__subtitle_dpwfe","addonsWrapper":"navigation-bar-private__addonsWrapper_dpwfe","rightAddons":"navigation-bar-private__rightAddons_dpwfe","addon":"navigation-bar-private__addon_dpwfe","bottomAddons":"navigation-bar-private__bottomAddons_dpwfe","closer":"navigation-bar-private__closer_dpwfe","left":"navigation-bar-private__left_dpwfe","center":"navigation-bar-private__center_dpwfe","trim":"navigation-bar-private__trim_dpwfe"};
5
+ var styles = {"header":"navigation-bar-private__header_674w5","backgroundImage":"navigation-bar-private__backgroundImage_674w5","mainLine":"navigation-bar-private__mainLine_674w5","mainLineSticky":"navigation-bar-private__mainLineSticky_674w5","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_674w5","content":"navigation-bar-private__content_674w5","withBothAddons":"navigation-bar-private__withBothAddons_674w5","withCompactTitle":"navigation-bar-private__withCompactTitle_674w5","children":"navigation-bar-private__children_674w5","title":"navigation-bar-private__title_674w5","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_674w5","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_674w5","titleTextContent":"navigation-bar-private__titleTextContent_674w5","subtitle":"navigation-bar-private__subtitle_674w5","addonsWrapper":"navigation-bar-private__addonsWrapper_674w5","rightAddons":"navigation-bar-private__rightAddons_674w5","addon":"navigation-bar-private__addon_674w5","bottomAddons":"navigation-bar-private__bottomAddons_674w5","closer":"navigation-bar-private__closer_674w5","left":"navigation-bar-private__left_674w5","center":"navigation-bar-private__center_674w5","trim":"navigation-bar-private__trim_674w5"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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_w94gc {
16
+ .navigation-bar-private__component_10c8f {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_w94gc svg > path {
19
+ .navigation-bar-private__component_10c8f svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_w94gc:hover svg > path {
22
+ .navigation-bar-private__component_10c8f:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_w94gc:active svg > path {
25
+ .navigation-bar-private__component_10c8f:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_w94gc {
28
+ .navigation-bar-private__text_10c8f {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_w94gc {
31
+ .navigation-bar-private__mobileWrapper_10c8f {
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_w94gc svg > path {
35
+ .navigation-bar-private__mobileWrapper_10c8f svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"component":"navigation-bar-private__component_w94gc","text":"navigation-bar-private__text_w94gc","mobileWrapper":"navigation-bar-private__mobileWrapper_w94gc"};
3
+ const defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -7,39 +7,39 @@
7
7
  --gap-0: 0px;
8
8
  --gap-8: var(--gap-xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__component_zoido {
10
+ } .navigation-bar-private__component_11eeb {
11
11
  height: 100%;
12
12
  -webkit-backdrop-filter: blur(10px);
13
13
  backdrop-filter: blur(10px);
14
14
  border-radius: var(--border-radius-pill);
15
15
  min-width: 48px;
16
- } .navigation-bar-private__component_zoido svg > path {
16
+ } .navigation-bar-private__component_11eeb svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_zoido {
18
+ } .navigation-bar-private__mobileComponent_11eeb {
19
19
  height: 32px;
20
20
  min-width: 32px;
21
21
  margin: var(--gap-0) var(--gap-8);
22
22
  -webkit-backdrop-filter: none;
23
23
  backdrop-filter: none;
24
24
  background: none;
25
- } .navigation-bar-private__flex_zoido {
25
+ } .navigation-bar-private__flex_11eeb {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_zoido {
28
+ } .navigation-bar-private__iconWrapper_11eeb {
29
29
  display: inline-flex;
30
30
  align-items: center;
31
31
  justify-content: center;
32
32
  height: 48px;
33
33
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
34
34
  border-radius: var(--border-radius-circle);
35
- } .navigation-bar-private__iconWrapper_zoido + .navigation-bar-private__text_zoido {
35
+ } .navigation-bar-private__iconWrapper_11eeb + .navigation-bar-private__text_11eeb {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_zoido {
37
+ } .navigation-bar-private__mobileWrapper_11eeb {
38
38
  width: 32px;
39
39
  height: 32px;
40
40
  -webkit-backdrop-filter: blur(10px);
41
41
  backdrop-filter: blur(10px);
42
42
  margin: var(--gap-0);
43
- } .navigation-bar-private__mobileWrapper_zoido + .navigation-bar-private__text_zoido {
43
+ } .navigation-bar-private__mobileWrapper_11eeb + .navigation-bar-private__text_11eeb {
44
44
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
45
45
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar-private__component_zoido","mobileComponent":"navigation-bar-private__mobileComponent_zoido","flex":"navigation-bar-private__flex_zoido","iconWrapper":"navigation-bar-private__iconWrapper_zoido","text":"navigation-bar-private__text_zoido","mobileWrapper":"navigation-bar-private__mobileWrapper_zoido"};
3
+ const styles = {"component":"navigation-bar-private__component_11eeb","mobileComponent":"navigation-bar-private__mobileComponent_11eeb","flex":"navigation-bar-private__flex_11eeb","iconWrapper":"navigation-bar-private__iconWrapper_11eeb","text":"navigation-bar-private__text_11eeb","mobileWrapper":"navigation-bar-private__mobileWrapper_11eeb"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1nq9s {
18
+ .navigation-bar-private__component_1rtds {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1nq9s svg > path {
21
+ .navigation-bar-private__component_1rtds svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1nq9s:hover svg > path {
24
+ .navigation-bar-private__component_1rtds:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1nq9s:active svg > path {
27
+ .navigation-bar-private__component_1rtds:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1nq9s {
30
+ .navigation-bar-private__text_1rtds {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1nq9s {
33
+ .navigation-bar-private__mobileWrapper_1rtds {
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_1nq9s svg > path {
37
+ .navigation-bar-private__mobileWrapper_1rtds svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"component":"navigation-bar-private__component_1nq9s","text":"navigation-bar-private__text_1nq9s","mobileWrapper":"navigation-bar-private__mobileWrapper_1nq9s"};
3
+ const invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -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_1svzk.navigation-bar-private__button_1svzk {
12
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz {
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_1svzk.navigation-bar-private__button_1svzk.navigation-bar-private__mobile_1svzk {
16
+ .navigation-bar-private__button_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"button":"navigation-bar-private__button_1svzk","mobile":"navigation-bar-private__mobile_1svzk"};
3
+ const defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --border-radius-circle: 50%;
3
3
  } :root {
4
4
  --gap-0: 0px;
5
- } .navigation-bar-private__closer_miuc9 {
5
+ } .navigation-bar-private__closer_f02t0 {
6
6
  flex-shrink: 0;
7
7
  width: 48px;
8
8
  height: 48px;
@@ -10,12 +10,12 @@
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
13
- } .navigation-bar-private__button_miuc9 {
13
+ } .navigation-bar-private__button_f02t0 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_miuc9.navigation-bar-private__button_miuc9 {
16
+ } .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_miuc9 {
18
+ } .navigation-bar-private__sticky_f02t0 {
19
19
  position: sticky;
20
20
  top: var(--gap-0);
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"closer":"navigation-bar-private__closer_miuc9","button":"navigation-bar-private__button_miuc9","sticky":"navigation-bar-private__sticky_miuc9"};
3
+ const styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd {
13
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu {
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_gvgyd.navigation-bar-private__button_gvgyd.navigation-bar-private__mobile_gvgyd {
17
+ .navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"button":"navigation-bar-private__button_gvgyd","mobile":"navigation-bar-private__mobile_gvgyd"};
3
+ const invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/modern/index.css CHANGED
@@ -7,29 +7,29 @@
7
7
  --gap-0: 0px;
8
8
  --gap-4: var(--gap-2xs);
9
9
  --gap-12: var(--gap-s);
10
- } .navigation-bar-private__header_dpwfe {
10
+ } .navigation-bar-private__header_674w5 {
11
11
  width: 100%;
12
12
  box-sizing: border-box;
13
13
  transition:
14
14
  box-shadow 0.2s ease,
15
15
  background 0.2s ease;
16
- } .navigation-bar-private__header_dpwfe.navigation-bar-private__header_dpwfe.navigation-bar-private__backgroundImage_dpwfe {
16
+ } .navigation-bar-private__header_674w5.navigation-bar-private__header_674w5.navigation-bar-private__backgroundImage_674w5 {
17
17
  background-repeat: no-repeat;
18
18
  background-position: center;
19
19
  background-size: cover;
20
- } .navigation-bar-private__mainLine_dpwfe {
20
+ } .navigation-bar-private__mainLine_674w5 {
21
21
  display: flex;
22
22
  align-items: stretch;
23
23
  justify-content: space-between;
24
24
  z-index: 1;
25
25
  background-color: inherit;
26
- } .navigation-bar-private__mainLineSticky_dpwfe {
26
+ } .navigation-bar-private__mainLineSticky_674w5 {
27
27
  position: sticky;
28
28
  top: var(--gap-0);
29
- } .navigation-bar-private__mainLineWithImageBg_dpwfe {
29
+ } .navigation-bar-private__mainLineWithImageBg_674w5 {
30
30
  background-color: transparent;
31
31
  background-color: initial;
32
- } .navigation-bar-private__content_dpwfe {
32
+ } .navigation-bar-private__content_674w5 {
33
33
  color: var(--color-light-text-primary);
34
34
  display: flex;
35
35
  flex-flow: column nowrap;
@@ -38,27 +38,27 @@
38
38
  align-self: baseline;
39
39
  box-sizing: border-box;
40
40
  min-height: 48px;
41
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe,
42
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe {
41
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5,
42
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 {
43
43
  font-size: 16px;
44
44
  line-height: 20px;
45
45
  font-weight: 500;
46
46
  align-self: center;
47
47
  padding-top: var(--gap-4);
48
48
  padding-bottom: var(--gap-4);
49
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__children_dpwfe,
50
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__children_dpwfe,
51
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withBothAddons_dpwfe > .navigation-bar-private__title_dpwfe,
52
- .navigation-bar-private__content_dpwfe.navigation-bar-private__withCompactTitle_dpwfe > .navigation-bar-private__title_dpwfe {
49
+ } .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__children_674w5,
50
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__children_674w5,
51
+ .navigation-bar-private__content_674w5.navigation-bar-private__withBothAddons_674w5 > .navigation-bar-private__title_674w5,
52
+ .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 > .navigation-bar-private__title_674w5 {
53
53
  -webkit-line-clamp: 1;
54
54
  word-break: break-all;
55
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe.navigation-bar-private__contentOnBotDesktop_dpwfe {
55
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotDesktop_674w5.navigation-bar-private__contentOnBotDesktop_674w5 {
56
56
  padding-top: var(--gap-12);
57
- } .navigation-bar-private__content_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe.navigation-bar-private__contentOnBotMobile_dpwfe {
57
+ } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotMobile_674w5.navigation-bar-private__contentOnBotMobile_674w5 {
58
58
  padding-top: var(--gap-12);
59
- } .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe {
59
+ } .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5 {
60
60
  word-break: break-word;
61
- } .navigation-bar-private__subtitle_dpwfe {
61
+ } .navigation-bar-private__subtitle_674w5 {
62
62
  font-size: 14px;
63
63
  line-height: 20px;
64
64
  font-weight: 400;
@@ -69,11 +69,11 @@
69
69
 
70
70
  color: var(--color-light-text-secondary);
71
71
  word-break: break-all;
72
- } .navigation-bar-private__addonsWrapper_dpwfe {
72
+ } .navigation-bar-private__addonsWrapper_674w5 {
73
73
  display: flex;
74
- } .navigation-bar-private__rightAddons_dpwfe {
74
+ } .navigation-bar-private__rightAddons_674w5 {
75
75
  margin-left: auto;
76
- } .navigation-bar-private__addon_dpwfe {
76
+ } .navigation-bar-private__addon_674w5 {
77
77
  min-width: 48px;
78
78
  height: 48px;
79
79
  display: flex;
@@ -81,18 +81,18 @@
81
81
  align-items: center;
82
82
  flex-shrink: 0;
83
83
  pointer-events: all;
84
- } .navigation-bar-private__bottomAddons_dpwfe {
84
+ } .navigation-bar-private__bottomAddons_674w5 {
85
85
  pointer-events: all;
86
- } .navigation-bar-private__closer_dpwfe {
86
+ } .navigation-bar-private__closer_674w5 {
87
87
  margin-left: auto;
88
- } .navigation-bar-private__left_dpwfe {
88
+ } .navigation-bar-private__left_674w5 {
89
89
  text-align: left;
90
- } .navigation-bar-private__center_dpwfe {
90
+ } .navigation-bar-private__center_674w5 {
91
91
  text-align: center;
92
- } .navigation-bar-private__trim_dpwfe {
92
+ } .navigation-bar-private__trim_674w5 {
93
93
  overflow: hidden;
94
- } .navigation-bar-private__trim_dpwfe .navigation-bar-private__title_dpwfe .navigation-bar-private__titleTextContent_dpwfe,
95
- .navigation-bar-private__trim_dpwfe .navigation-bar-private__children_dpwfe {
94
+ } .navigation-bar-private__trim_674w5 .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5,
95
+ .navigation-bar-private__trim_674w5 .navigation-bar-private__children_674w5 {
96
96
  -webkit-line-clamp: 2;
97
97
  display: -webkit-box;
98
98
  -webkit-box-orient: vertical;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"navigation-bar-private__header_dpwfe","backgroundImage":"navigation-bar-private__backgroundImage_dpwfe","mainLine":"navigation-bar-private__mainLine_dpwfe","mainLineSticky":"navigation-bar-private__mainLineSticky_dpwfe","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_dpwfe","content":"navigation-bar-private__content_dpwfe","withBothAddons":"navigation-bar-private__withBothAddons_dpwfe","withCompactTitle":"navigation-bar-private__withCompactTitle_dpwfe","children":"navigation-bar-private__children_dpwfe","title":"navigation-bar-private__title_dpwfe","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_dpwfe","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_dpwfe","titleTextContent":"navigation-bar-private__titleTextContent_dpwfe","subtitle":"navigation-bar-private__subtitle_dpwfe","addonsWrapper":"navigation-bar-private__addonsWrapper_dpwfe","rightAddons":"navigation-bar-private__rightAddons_dpwfe","addon":"navigation-bar-private__addon_dpwfe","bottomAddons":"navigation-bar-private__bottomAddons_dpwfe","closer":"navigation-bar-private__closer_dpwfe","left":"navigation-bar-private__left_dpwfe","center":"navigation-bar-private__center_dpwfe","trim":"navigation-bar-private__trim_dpwfe"};
3
+ const styles = {"header":"navigation-bar-private__header_674w5","backgroundImage":"navigation-bar-private__backgroundImage_674w5","mainLine":"navigation-bar-private__mainLine_674w5","mainLineSticky":"navigation-bar-private__mainLineSticky_674w5","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_674w5","content":"navigation-bar-private__content_674w5","withBothAddons":"navigation-bar-private__withBothAddons_674w5","withCompactTitle":"navigation-bar-private__withCompactTitle_674w5","children":"navigation-bar-private__children_674w5","title":"navigation-bar-private__title_674w5","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_674w5","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_674w5","titleTextContent":"navigation-bar-private__titleTextContent_674w5","subtitle":"navigation-bar-private__subtitle_674w5","addonsWrapper":"navigation-bar-private__addonsWrapper_674w5","rightAddons":"navigation-bar-private__rightAddons_674w5","addon":"navigation-bar-private__addon_674w5","bottomAddons":"navigation-bar-private__bottomAddons_674w5","closer":"navigation-bar-private__closer_674w5","left":"navigation-bar-private__left_674w5","center":"navigation-bar-private__center_674w5","trim":"navigation-bar-private__trim_674w5"};
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-private",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "description": "Navigation bar private component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,8 +10,8 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-button": "^12.0.2",
14
- "@alfalab/core-components-icon-button": "^7.0.3",
13
+ "@alfalab/core-components-button": "^12.1.0",
14
+ "@alfalab/core-components-icon-button": "^7.0.4",
15
15
  "@alfalab/core-components-shared": "^1.1.1",
16
16
  "@alfalab/core-components-typography": "^5.0.3",
17
17
  "@alfalab/hooks": "^1.13.1",
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "14.1.3",
31
+ "themesVersion": "14.2.0",
32
32
  "varsVersion": "10.2.0"
33
33
  }