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

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 (49) 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/cssm/index.module.css +2 -2
  14. package/esm/components/back-arrow-addon/default.css +7 -7
  15. package/esm/components/back-arrow-addon/default.module.css.js +1 -1
  16. package/esm/components/back-arrow-addon/index.css +8 -8
  17. package/esm/components/back-arrow-addon/index.module.css.js +1 -1
  18. package/esm/components/back-arrow-addon/inverted.css +7 -7
  19. package/esm/components/back-arrow-addon/inverted.module.css.js +1 -1
  20. package/esm/components/closer/default.css +2 -2
  21. package/esm/components/closer/default.module.css.js +1 -1
  22. package/esm/components/closer/index.css +4 -4
  23. package/esm/components/closer/index.module.css.js +1 -1
  24. package/esm/components/closer/inverted.css +2 -2
  25. package/esm/components/closer/inverted.module.css.js +1 -1
  26. package/esm/index.css +26 -26
  27. package/esm/index.module.css.js +1 -1
  28. package/esm/index.module.css.js.map +1 -1
  29. package/index.css +26 -26
  30. package/index.module.css.js +1 -1
  31. package/index.module.css.js.map +1 -1
  32. package/modern/components/back-arrow-addon/default.css +7 -7
  33. package/modern/components/back-arrow-addon/default.module.css.js +1 -1
  34. package/modern/components/back-arrow-addon/index.css +8 -8
  35. package/modern/components/back-arrow-addon/index.module.css.js +1 -1
  36. package/modern/components/back-arrow-addon/inverted.css +7 -7
  37. package/modern/components/back-arrow-addon/inverted.module.css.js +1 -1
  38. package/modern/components/closer/default.css +2 -2
  39. package/modern/components/closer/default.module.css.js +1 -1
  40. package/modern/components/closer/index.css +4 -4
  41. package/modern/components/closer/index.module.css.js +1 -1
  42. package/modern/components/closer/inverted.css +2 -2
  43. package/modern/components/closer/inverted.module.css.js +1 -1
  44. package/modern/index.css +26 -26
  45. package/modern/index.module.css.js +1 -1
  46. package/modern/index.module.css.js.map +1 -1
  47. package/moderncssm/index.module.css +2 -2
  48. package/package.json +3 -3
  49. package/src/index.module.css +1 -1
package/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_10c8f {
16
+ .navigation-bar-private__component_1v6c4 {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_10c8f svg > path {
19
+ .navigation-bar-private__component_1v6c4 svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_10c8f:hover svg > path {
22
+ .navigation-bar-private__component_1v6c4:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_10c8f:active svg > path {
25
+ .navigation-bar-private__component_1v6c4:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_10c8f {
28
+ .navigation-bar-private__text_1v6c4 {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_10c8f {
31
+ .navigation-bar-private__mobileWrapper_1v6c4 {
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_10c8f svg > path {
35
+ .navigation-bar-private__mobileWrapper_1v6c4 svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
package/components/back-arrow-addon/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
5
+ var defaultColors = {"component":"navigation-bar-private__component_1v6c4","text":"navigation-bar-private__text_1v6c4","mobileWrapper":"navigation-bar-private__mobileWrapper_1v6c4"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/components/back-arrow-addon/index.css CHANGED
@@ -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_11eeb {
10
+ } .navigation-bar-private__component_aulv7 {
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_11eeb svg > path {
16
+ } .navigation-bar-private__component_aulv7 svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_11eeb {
18
+ } .navigation-bar-private__mobileComponent_aulv7 {
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_11eeb {
25
+ } .navigation-bar-private__flex_aulv7 {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_11eeb {
28
+ } .navigation-bar-private__iconWrapper_aulv7 {
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_11eeb + .navigation-bar-private__text_11eeb {
35
+ } .navigation-bar-private__iconWrapper_aulv7 + .navigation-bar-private__text_aulv7 {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_11eeb {
37
+ } .navigation-bar-private__mobileWrapper_aulv7 {
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_11eeb + .navigation-bar-private__text_11eeb {
43
+ } .navigation-bar-private__mobileWrapper_aulv7 + .navigation-bar-private__text_aulv7 {
44
44
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
45
45
  }
package/components/back-arrow-addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"navigation-bar-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"};
5
+ var styles = {"component":"navigation-bar-private__component_aulv7","mobileComponent":"navigation-bar-private__mobileComponent_aulv7","flex":"navigation-bar-private__flex_aulv7","iconWrapper":"navigation-bar-private__iconWrapper_aulv7","text":"navigation-bar-private__text_aulv7","mobileWrapper":"navigation-bar-private__mobileWrapper_aulv7"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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_1rtds {
18
+ .navigation-bar-private__component_nmdfh {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1rtds svg > path {
21
+ .navigation-bar-private__component_nmdfh svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1rtds:hover svg > path {
24
+ .navigation-bar-private__component_nmdfh:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1rtds:active svg > path {
27
+ .navigation-bar-private__component_nmdfh:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1rtds {
30
+ .navigation-bar-private__text_nmdfh {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1rtds {
33
+ .navigation-bar-private__mobileWrapper_nmdfh {
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_1rtds svg > path {
37
+ .navigation-bar-private__mobileWrapper_nmdfh svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
package/components/back-arrow-addon/inverted.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
5
+ var invertedColors = {"component":"navigation-bar-private__component_nmdfh","text":"navigation-bar-private__text_nmdfh","mobileWrapper":"navigation-bar-private__mobileWrapper_nmdfh"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/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_76myz.navigation-bar-private__button_76myz {
12
+ .navigation-bar-private__button_mgzil.navigation-bar-private__button_mgzil {
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_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
16
+ .navigation-bar-private__button_mgzil.navigation-bar-private__button_mgzil.navigation-bar-private__mobile_mgzil {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
package/components/closer/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
5
+ var defaultColors = {"button":"navigation-bar-private__button_mgzil","mobile":"navigation-bar-private__mobile_mgzil"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/components/closer/index.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --border-radius-circle: 50%;
3
3
  } :root {
4
4
  --gap-0: 0px;
5
- } .navigation-bar-private__closer_f02t0 {
5
+ } .navigation-bar-private__closer_1qey7 {
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_f02t0 {
13
+ } .navigation-bar-private__button_1qey7 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
16
+ } .navigation-bar-private__button_1qey7.navigation-bar-private__button_1qey7 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_f02t0 {
18
+ } .navigation-bar-private__sticky_1qey7 {
19
19
  position: sticky;
20
20
  top: var(--gap-0);
21
21
  }
package/components/closer/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
5
+ var styles = {"closer":"navigation-bar-private__closer_1qey7","button":"navigation-bar-private__button_1qey7","sticky":"navigation-bar-private__sticky_1qey7"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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_u78eu.navigation-bar-private__button_u78eu {
13
+ .navigation-bar-private__button_19hky.navigation-bar-private__button_19hky {
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_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
17
+ .navigation-bar-private__button_19hky.navigation-bar-private__button_19hky.navigation-bar-private__mobile_19hky {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
package/components/closer/inverted.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
5
+ var invertedColors = {"button":"navigation-bar-private__button_19hky","mobile":"navigation-bar-private__mobile_19hky"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/cssm/index.module.css CHANGED
@@ -48,8 +48,8 @@
48
48
  padding-bottom: var(--gap-4);
49
49
  } .content.withBothAddons > .children,
50
50
  .content.withCompactTitle > .children,
51
- .content.withBothAddons > .title,
52
- .content.withCompactTitle > .title {
51
+ .content.withBothAddons > .title .titleTextContent,
52
+ .content.withCompactTitle > .title .titleTextContent {
53
53
  -webkit-line-clamp: 1;
54
54
  word-break: break-all;
55
55
  } .content.contentOnBotDesktop.contentOnBotDesktop {
package/esm/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_10c8f {
16
+ .navigation-bar-private__component_1v6c4 {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_10c8f svg > path {
19
+ .navigation-bar-private__component_1v6c4 svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_10c8f:hover svg > path {
22
+ .navigation-bar-private__component_1v6c4:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_10c8f:active svg > path {
25
+ .navigation-bar-private__component_1v6c4:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_10c8f {
28
+ .navigation-bar-private__text_1v6c4 {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_10c8f {
31
+ .navigation-bar-private__mobileWrapper_1v6c4 {
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_10c8f svg > path {
35
+ .navigation-bar-private__mobileWrapper_1v6c4 svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
package/esm/components/back-arrow-addon/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
3
+ var defaultColors = {"component":"navigation-bar-private__component_1v6c4","text":"navigation-bar-private__text_1v6c4","mobileWrapper":"navigation-bar-private__mobileWrapper_1v6c4"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/back-arrow-addon/index.css CHANGED
@@ -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_11eeb {
10
+ } .navigation-bar-private__component_aulv7 {
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_11eeb svg > path {
16
+ } .navigation-bar-private__component_aulv7 svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_11eeb {
18
+ } .navigation-bar-private__mobileComponent_aulv7 {
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_11eeb {
25
+ } .navigation-bar-private__flex_aulv7 {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_11eeb {
28
+ } .navigation-bar-private__iconWrapper_aulv7 {
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_11eeb + .navigation-bar-private__text_11eeb {
35
+ } .navigation-bar-private__iconWrapper_aulv7 + .navigation-bar-private__text_aulv7 {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_11eeb {
37
+ } .navigation-bar-private__mobileWrapper_aulv7 {
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_11eeb + .navigation-bar-private__text_11eeb {
43
+ } .navigation-bar-private__mobileWrapper_aulv7 + .navigation-bar-private__text_aulv7 {
44
44
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
45
45
  }
package/esm/components/back-arrow-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
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"};
3
+ var styles = {"component":"navigation-bar-private__component_aulv7","mobileComponent":"navigation-bar-private__mobileComponent_aulv7","flex":"navigation-bar-private__flex_aulv7","iconWrapper":"navigation-bar-private__iconWrapper_aulv7","text":"navigation-bar-private__text_aulv7","mobileWrapper":"navigation-bar-private__mobileWrapper_aulv7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/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_1rtds {
18
+ .navigation-bar-private__component_nmdfh {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1rtds svg > path {
21
+ .navigation-bar-private__component_nmdfh svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1rtds:hover svg > path {
24
+ .navigation-bar-private__component_nmdfh:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1rtds:active svg > path {
27
+ .navigation-bar-private__component_nmdfh:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1rtds {
30
+ .navigation-bar-private__text_nmdfh {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1rtds {
33
+ .navigation-bar-private__mobileWrapper_nmdfh {
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_1rtds svg > path {
37
+ .navigation-bar-private__mobileWrapper_nmdfh svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
package/esm/components/back-arrow-addon/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
3
+ var invertedColors = {"component":"navigation-bar-private__component_nmdfh","text":"navigation-bar-private__text_nmdfh","mobileWrapper":"navigation-bar-private__mobileWrapper_nmdfh"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/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_76myz.navigation-bar-private__button_76myz {
12
+ .navigation-bar-private__button_mgzil.navigation-bar-private__button_mgzil {
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_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
16
+ .navigation-bar-private__button_mgzil.navigation-bar-private__button_mgzil.navigation-bar-private__mobile_mgzil {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
package/esm/components/closer/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
3
+ var defaultColors = {"button":"navigation-bar-private__button_mgzil","mobile":"navigation-bar-private__mobile_mgzil"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/closer/index.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --border-radius-circle: 50%;
3
3
  } :root {
4
4
  --gap-0: 0px;
5
- } .navigation-bar-private__closer_f02t0 {
5
+ } .navigation-bar-private__closer_1qey7 {
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_f02t0 {
13
+ } .navigation-bar-private__button_1qey7 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
16
+ } .navigation-bar-private__button_1qey7.navigation-bar-private__button_1qey7 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_f02t0 {
18
+ } .navigation-bar-private__sticky_1qey7 {
19
19
  position: sticky;
20
20
  top: var(--gap-0);
21
21
  }
package/esm/components/closer/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
3
+ var styles = {"closer":"navigation-bar-private__closer_1qey7","button":"navigation-bar-private__button_1qey7","sticky":"navigation-bar-private__sticky_1qey7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/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_u78eu.navigation-bar-private__button_u78eu {
13
+ .navigation-bar-private__button_19hky.navigation-bar-private__button_19hky {
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_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
17
+ .navigation-bar-private__button_19hky.navigation-bar-private__button_19hky.navigation-bar-private__mobile_19hky {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
package/esm/components/closer/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
3
+ var invertedColors = {"button":"navigation-bar-private__button_19hky","mobile":"navigation-bar-private__mobile_19hky"};
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_674w5 {
10
+ } .navigation-bar-private__header_1hm0a {
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_674w5.navigation-bar-private__header_674w5.navigation-bar-private__backgroundImage_674w5 {
16
+ } .navigation-bar-private__header_1hm0a.navigation-bar-private__header_1hm0a.navigation-bar-private__backgroundImage_1hm0a {
17
17
  background-repeat: no-repeat;
18
18
  background-position: center;
19
19
  background-size: cover;
20
- } .navigation-bar-private__mainLine_674w5 {
20
+ } .navigation-bar-private__mainLine_1hm0a {
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_674w5 {
26
+ } .navigation-bar-private__mainLineSticky_1hm0a {
27
27
  position: sticky;
28
28
  top: var(--gap-0);
29
- } .navigation-bar-private__mainLineWithImageBg_674w5 {
29
+ } .navigation-bar-private__mainLineWithImageBg_1hm0a {
30
30
  background-color: transparent;
31
31
  background-color: initial;
32
- } .navigation-bar-private__content_674w5 {
32
+ } .navigation-bar-private__content_1hm0a {
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_674w5.navigation-bar-private__withBothAddons_674w5,
42
- .navigation-bar-private__content_674w5.navigation-bar-private__withCompactTitle_674w5 {
41
+ } .navigation-bar-private__content_1hm0a.navigation-bar-private__withBothAddons_1hm0a,
42
+ .navigation-bar-private__content_1hm0a.navigation-bar-private__withCompactTitle_1hm0a {
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_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 {
49
+ } .navigation-bar-private__content_1hm0a.navigation-bar-private__withBothAddons_1hm0a > .navigation-bar-private__children_1hm0a,
50
+ .navigation-bar-private__content_1hm0a.navigation-bar-private__withCompactTitle_1hm0a > .navigation-bar-private__children_1hm0a,
51
+ .navigation-bar-private__content_1hm0a.navigation-bar-private__withBothAddons_1hm0a > .navigation-bar-private__title_1hm0a .navigation-bar-private__titleTextContent_1hm0a,
52
+ .navigation-bar-private__content_1hm0a.navigation-bar-private__withCompactTitle_1hm0a > .navigation-bar-private__title_1hm0a .navigation-bar-private__titleTextContent_1hm0a {
53
53
  -webkit-line-clamp: 1;
54
54
  word-break: break-all;
55
- } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotDesktop_674w5.navigation-bar-private__contentOnBotDesktop_674w5 {
55
+ } .navigation-bar-private__content_1hm0a.navigation-bar-private__contentOnBotDesktop_1hm0a.navigation-bar-private__contentOnBotDesktop_1hm0a {
56
56
  padding-top: var(--gap-12);
57
- } .navigation-bar-private__content_674w5.navigation-bar-private__contentOnBotMobile_674w5.navigation-bar-private__contentOnBotMobile_674w5 {
57
+ } .navigation-bar-private__content_1hm0a.navigation-bar-private__contentOnBotMobile_1hm0a.navigation-bar-private__contentOnBotMobile_1hm0a {
58
58
  padding-top: var(--gap-12);
59
- } .navigation-bar-private__title_674w5 .navigation-bar-private__titleTextContent_674w5 {
59
+ } .navigation-bar-private__title_1hm0a .navigation-bar-private__titleTextContent_1hm0a {
60
60
  word-break: break-word;
61
- } .navigation-bar-private__subtitle_674w5 {
61
+ } .navigation-bar-private__subtitle_1hm0a {
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_674w5 {
72
+ } .navigation-bar-private__addonsWrapper_1hm0a {
73
73
  display: flex;
74
- } .navigation-bar-private__rightAddons_674w5 {
74
+ } .navigation-bar-private__rightAddons_1hm0a {
75
75
  margin-left: auto;
76
- } .navigation-bar-private__addon_674w5 {
76
+ } .navigation-bar-private__addon_1hm0a {
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_674w5 {
84
+ } .navigation-bar-private__bottomAddons_1hm0a {
85
85
  pointer-events: all;
86
- } .navigation-bar-private__closer_674w5 {
86
+ } .navigation-bar-private__closer_1hm0a {
87
87
  margin-left: auto;
88
- } .navigation-bar-private__left_674w5 {
88
+ } .navigation-bar-private__left_1hm0a {
89
89
  text-align: left;
90
- } .navigation-bar-private__center_674w5 {
90
+ } .navigation-bar-private__center_1hm0a {
91
91
  text-align: center;
92
- } .navigation-bar-private__trim_674w5 {
92
+ } .navigation-bar-private__trim_1hm0a {
93
93
  overflow: hidden;
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 {
94
+ } .navigation-bar-private__trim_1hm0a .navigation-bar-private__title_1hm0a .navigation-bar-private__titleTextContent_1hm0a,
95
+ .navigation-bar-private__trim_1hm0a .navigation-bar-private__children_1hm0a {
96
96
  -webkit-line-clamp: 2;
97
97
  display: -webkit-box;
98
98
  -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_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"};
3
+ var styles = {"header":"navigation-bar-private__header_1hm0a","backgroundImage":"navigation-bar-private__backgroundImage_1hm0a","mainLine":"navigation-bar-private__mainLine_1hm0a","mainLineSticky":"navigation-bar-private__mainLineSticky_1hm0a","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1hm0a","content":"navigation-bar-private__content_1hm0a","withBothAddons":"navigation-bar-private__withBothAddons_1hm0a","withCompactTitle":"navigation-bar-private__withCompactTitle_1hm0a","children":"navigation-bar-private__children_1hm0a","title":"navigation-bar-private__title_1hm0a","titleTextContent":"navigation-bar-private__titleTextContent_1hm0a","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1hm0a","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1hm0a","subtitle":"navigation-bar-private__subtitle_1hm0a","addonsWrapper":"navigation-bar-private__addonsWrapper_1hm0a","rightAddons":"navigation-bar-private__rightAddons_1hm0a","addon":"navigation-bar-private__addon_1hm0a","bottomAddons":"navigation-bar-private__bottomAddons_1hm0a","closer":"navigation-bar-private__closer_1hm0a","left":"navigation-bar-private__left_1hm0a","center":"navigation-bar-private__center_1hm0a","trim":"navigation-bar-private__trim_1hm0a"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n width: 100%;\n box-sizing: border-box;\n transition:\n box-shadow 0.2s ease,\n background 0.2s ease;\n\n &.header.backgroundImage {\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n }\n}\n\n.mainLine {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n z-index: 1;\n background-color: inherit;\n}\n\n.mainLineSticky {\n position: sticky;\n top: var(--gap-0);\n}\n\n.mainLineWithImageBg {\n background-color: initial;\n}\n\n.content {\n color: var(--color-light-text-primary);\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n flex-grow: 1;\n align-self: baseline;\n box-sizing: border-box;\n min-height: 48px;\n\n &.withBothAddons,\n &.withCompactTitle {\n @mixin action_component;\n align-self: center;\n padding-top: var(--gap-4);\n padding-bottom: var(--gap-4);\n\n & > .children,\n & > .title {\n -webkit-line-clamp: 1;\n word-break: break-all;\n }\n }\n\n &.contentOnBotDesktop.contentOnBotDesktop {\n padding-top: var(--gap-12);\n }\n\n &.contentOnBotMobile.contentOnBotMobile {\n padding-top: var(--gap-12);\n }\n}\n\n.title {\n & .titleTextContent {\n word-break: break-word;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n @mixin row_limit 1;\n\n color: var(--color-light-text-secondary);\n word-break: break-all;\n}\n\n.addonsWrapper {\n display: flex;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n\n.addon {\n min-width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n pointer-events: all;\n}\n\n.bottomAddons {\n pointer-events: all;\n}\n\n.closer {\n margin-left: auto;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.trim {\n overflow: hidden;\n\n & .title .titleTextContent,\n & .children {\n @mixin row_limit 2;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,qBAAqB,CAAC,mDAAmD,CAAC,SAAS,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,UAAU,CAAC,wCAAwC,CAAC,OAAO,CAAC,qCAAqC,CAAC,qBAAqB,CAAC,mDAAmD,CAAC,oBAAoB,CAAC,kDAAkD,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,UAAU,CAAC,wCAAwC,CAAC,eAAe,CAAC,6CAA6C,CAAC,aAAa,CAAC,2CAA2C,CAAC,OAAO,CAAC,qCAAqC,CAAC,cAAc,CAAC,4CAA4C,CAAC,QAAQ,CAAC,sCAAsC,CAAC,MAAM,CAAC,oCAAoC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,MAAM,CAAC,oCAAoC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n width: 100%;\n box-sizing: border-box;\n transition:\n box-shadow 0.2s ease,\n background 0.2s ease;\n\n &.header.backgroundImage {\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n }\n}\n\n.mainLine {\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n z-index: 1;\n background-color: inherit;\n}\n\n.mainLineSticky {\n position: sticky;\n top: var(--gap-0);\n}\n\n.mainLineWithImageBg {\n background-color: initial;\n}\n\n.content {\n color: var(--color-light-text-primary);\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n flex-grow: 1;\n align-self: baseline;\n box-sizing: border-box;\n min-height: 48px;\n\n &.withBothAddons,\n &.withCompactTitle {\n @mixin action_component;\n align-self: center;\n padding-top: var(--gap-4);\n padding-bottom: var(--gap-4);\n\n & > .children,\n & > .title .titleTextContent {\n -webkit-line-clamp: 1;\n word-break: break-all;\n }\n }\n\n &.contentOnBotDesktop.contentOnBotDesktop {\n padding-top: var(--gap-12);\n }\n\n &.contentOnBotMobile.contentOnBotMobile {\n padding-top: var(--gap-12);\n }\n}\n\n.title {\n & .titleTextContent {\n word-break: break-word;\n }\n}\n\n.subtitle {\n @mixin paragraph_primary_small;\n @mixin row_limit 1;\n\n color: var(--color-light-text-secondary);\n word-break: break-all;\n}\n\n.addonsWrapper {\n display: flex;\n}\n\n.rightAddons {\n margin-left: auto;\n}\n\n.addon {\n min-width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n pointer-events: all;\n}\n\n.bottomAddons {\n pointer-events: all;\n}\n\n.closer {\n margin-left: auto;\n}\n\n.left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.trim {\n overflow: hidden;\n\n & .title .titleTextContent,\n & .children {\n @mixin row_limit 2;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,qBAAqB,CAAC,mDAAmD,CAAC,SAAS,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,UAAU,CAAC,wCAAwC,CAAC,OAAO,CAAC,qCAAqC,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,qBAAqB,CAAC,mDAAmD,CAAC,oBAAoB,CAAC,kDAAkD,CAAC,UAAU,CAAC,wCAAwC,CAAC,eAAe,CAAC,6CAA6C,CAAC,aAAa,CAAC,2CAA2C,CAAC,OAAO,CAAC,qCAAqC,CAAC,cAAc,CAAC,4CAA4C,CAAC,QAAQ,CAAC,sCAAsC,CAAC,MAAM,CAAC,oCAAoC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,MAAM,CAAC,oCAAoC,CAAC;;;;"}