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

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 (55) 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/default.module.css.js.map +1 -1
  10. package/components/closer/index.css +4 -4
  11. package/components/closer/index.module.css.js +1 -1
  12. package/components/closer/inverted.css +2 -2
  13. package/components/closer/inverted.module.css.js +1 -1
  14. package/components/closer/inverted.module.css.js.map +1 -1
  15. package/cssm/components/closer/default.module.css +2 -2
  16. package/cssm/components/closer/inverted.module.css +2 -2
  17. package/esm/components/back-arrow-addon/default.css +7 -7
  18. package/esm/components/back-arrow-addon/default.module.css.js +1 -1
  19. package/esm/components/back-arrow-addon/index.css +8 -8
  20. package/esm/components/back-arrow-addon/index.module.css.js +1 -1
  21. package/esm/components/back-arrow-addon/inverted.css +7 -7
  22. package/esm/components/back-arrow-addon/inverted.module.css.js +1 -1
  23. package/esm/components/closer/default.css +2 -2
  24. package/esm/components/closer/default.module.css.js +1 -1
  25. package/esm/components/closer/default.module.css.js.map +1 -1
  26. package/esm/components/closer/index.css +4 -4
  27. package/esm/components/closer/index.module.css.js +1 -1
  28. package/esm/components/closer/inverted.css +2 -2
  29. package/esm/components/closer/inverted.module.css.js +1 -1
  30. package/esm/components/closer/inverted.module.css.js.map +1 -1
  31. package/esm/index.css +26 -26
  32. package/esm/index.module.css.js +1 -1
  33. package/index.css +26 -26
  34. package/index.module.css.js +1 -1
  35. package/modern/components/back-arrow-addon/default.css +7 -7
  36. package/modern/components/back-arrow-addon/default.module.css.js +1 -1
  37. package/modern/components/back-arrow-addon/index.css +8 -8
  38. package/modern/components/back-arrow-addon/index.module.css.js +1 -1
  39. package/modern/components/back-arrow-addon/inverted.css +7 -7
  40. package/modern/components/back-arrow-addon/inverted.module.css.js +1 -1
  41. package/modern/components/closer/default.css +2 -2
  42. package/modern/components/closer/default.module.css.js +1 -1
  43. package/modern/components/closer/default.module.css.js.map +1 -1
  44. package/modern/components/closer/index.css +4 -4
  45. package/modern/components/closer/index.module.css.js +1 -1
  46. package/modern/components/closer/inverted.css +2 -2
  47. package/modern/components/closer/inverted.module.css.js +1 -1
  48. package/modern/components/closer/inverted.module.css.js.map +1 -1
  49. package/modern/index.css +26 -26
  50. package/modern/index.module.css.js +1 -1
  51. package/moderncssm/components/closer/default.module.css +2 -2
  52. package/moderncssm/components/closer/inverted.module.css +2 -2
  53. package/package.json +1 -1
  54. package/src/components/closer/default.module.css +1 -1
  55. package/src/components/closer/inverted.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_oisin {
16
+ .navigation-bar-private__component_w94gc {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_oisin svg > path {
19
+ .navigation-bar-private__component_w94gc svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_oisin:hover svg > path {
22
+ .navigation-bar-private__component_w94gc:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_oisin:active svg > path {
25
+ .navigation-bar-private__component_w94gc:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_oisin {
28
+ .navigation-bar-private__text_w94gc {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_oisin {
31
+ .navigation-bar-private__mobileWrapper_w94gc {
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_oisin svg > path {
35
+ .navigation-bar-private__mobileWrapper_w94gc 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_oisin","text":"navigation-bar-private__text_oisin","mobileWrapper":"navigation-bar-private__mobileWrapper_oisin"};
5
+ var defaultColors = {"component":"navigation-bar-private__component_w94gc","text":"navigation-bar-private__text_w94gc","mobileWrapper":"navigation-bar-private__mobileWrapper_w94gc"};
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_1usxs {
10
+ } .navigation-bar-private__component_zoido {
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_1usxs svg > path {
16
+ } .navigation-bar-private__component_zoido svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_1usxs {
18
+ } .navigation-bar-private__mobileComponent_zoido {
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_1usxs {
25
+ } .navigation-bar-private__flex_zoido {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_1usxs {
28
+ } .navigation-bar-private__iconWrapper_zoido {
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_1usxs + .navigation-bar-private__text_1usxs {
35
+ } .navigation-bar-private__iconWrapper_zoido + .navigation-bar-private__text_zoido {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_1usxs {
37
+ } .navigation-bar-private__mobileWrapper_zoido {
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_1usxs + .navigation-bar-private__text_1usxs {
43
+ } .navigation-bar-private__mobileWrapper_zoido + .navigation-bar-private__text_zoido {
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_1usxs","mobileComponent":"navigation-bar-private__mobileComponent_1usxs","flex":"navigation-bar-private__flex_1usxs","iconWrapper":"navigation-bar-private__iconWrapper_1usxs","text":"navigation-bar-private__text_1usxs","mobileWrapper":"navigation-bar-private__mobileWrapper_1usxs"};
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"};
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_1fzxv {
18
+ .navigation-bar-private__component_1nq9s {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1fzxv svg > path {
21
+ .navigation-bar-private__component_1nq9s svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1fzxv:hover svg > path {
24
+ .navigation-bar-private__component_1nq9s:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1fzxv:active svg > path {
27
+ .navigation-bar-private__component_1nq9s:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1fzxv {
30
+ .navigation-bar-private__text_1nq9s {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1fzxv {
33
+ .navigation-bar-private__mobileWrapper_1nq9s {
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_1fzxv svg > path {
37
+ .navigation-bar-private__mobileWrapper_1nq9s 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_1fzxv","text":"navigation-bar-private__text_1fzxv","mobileWrapper":"navigation-bar-private__mobileWrapper_1fzxv"};
5
+ var invertedColors = {"component":"navigation-bar-private__component_1nq9s","text":"navigation-bar-private__text_1nq9s","mobileWrapper":"navigation-bar-private__mobileWrapper_1nq9s"};
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_qhv9d {
12
+ .navigation-bar-private__button_1svzk.navigation-bar-private__button_1svzk {
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_qhv9d.navigation-bar-private__mobile_qhv9d {
16
+ .navigation-bar-private__button_1svzk.navigation-bar-private__button_1svzk.navigation-bar-private__mobile_1svzk {
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_qhv9d","mobile":"navigation-bar-private__mobile_qhv9d"};
5
+ var defaultColors = {"button":"navigation-bar-private__button_1svzk","mobile":"navigation-bar-private__mobile_1svzk"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/components/closer/default.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/closer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button {\n background: var(--color-light-monochrome-white-4);\n color: var(--color-light-neutral-translucent-1300);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100);\n color: var(--navigation-bar-closer-mobile-color);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/closer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button.button {\n background: var(--color-light-monochrome-white-4);\n color: var(--color-light-neutral-translucent-1300);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100);\n color: var(--navigation-bar-closer-mobile-color);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
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_nqoyn {
5
+ } .navigation-bar-private__closer_miuc9 {
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_nqoyn {
13
+ } .navigation-bar-private__button_miuc9 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_nqoyn.navigation-bar-private__button_nqoyn {
16
+ } .navigation-bar-private__button_miuc9.navigation-bar-private__button_miuc9 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_nqoyn {
18
+ } .navigation-bar-private__sticky_miuc9 {
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_nqoyn","button":"navigation-bar-private__button_nqoyn","sticky":"navigation-bar-private__sticky_nqoyn"};
5
+ var styles = {"closer":"navigation-bar-private__closer_miuc9","button":"navigation-bar-private__button_miuc9","sticky":"navigation-bar-private__sticky_miuc9"};
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_1digp {
13
+ .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd {
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_1digp.navigation-bar-private__mobile_1digp {
17
+ .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd.navigation-bar-private__mobile_gvgyd {
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_1digp","mobile":"navigation-bar-private__mobile_1digp"};
5
+ var invertedColors = {"button":"navigation-bar-private__button_gvgyd","mobile":"navigation-bar-private__mobile_gvgyd"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/components/closer/inverted.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/closer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button {\n background: var(--color-light-monochrome-white-4-inverted);\n color: var(--color-light-neutral-translucent-1300-inverted);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100-inverted);\n color: var(--navigation-bar-closer-mobile-color-inverted);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/closer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button.button {\n background: var(--color-light-monochrome-white-4-inverted);\n color: var(--color-light-neutral-translucent-1300-inverted);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100-inverted);\n color: var(--navigation-bar-closer-mobile-color-inverted);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
package/cssm/components/closer/default.module.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
- .button {
12
+ .button.button {
13
13
  background: var(--color-light-monochrome-white-4);
14
14
  color: var(--color-light-neutral-translucent-1300);
15
15
  }
16
- .button.mobile {
16
+ .button.button.mobile {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
package/cssm/components/closer/inverted.module.css CHANGED
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .button {
13
+ .button.button {
14
14
  background: var(--color-light-monochrome-white-4-inverted);
15
15
  color: var(--color-light-neutral-translucent-1300-inverted);
16
16
  }
17
- .button.mobile {
17
+ .button.button.mobile {
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/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_oisin {
16
+ .navigation-bar-private__component_w94gc {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_oisin svg > path {
19
+ .navigation-bar-private__component_w94gc svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_oisin:hover svg > path {
22
+ .navigation-bar-private__component_w94gc:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_oisin:active svg > path {
25
+ .navigation-bar-private__component_w94gc:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_oisin {
28
+ .navigation-bar-private__text_w94gc {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_oisin {
31
+ .navigation-bar-private__mobileWrapper_w94gc {
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_oisin svg > path {
35
+ .navigation-bar-private__mobileWrapper_w94gc 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_oisin","text":"navigation-bar-private__text_oisin","mobileWrapper":"navigation-bar-private__mobileWrapper_oisin"};
3
+ var defaultColors = {"component":"navigation-bar-private__component_w94gc","text":"navigation-bar-private__text_w94gc","mobileWrapper":"navigation-bar-private__mobileWrapper_w94gc"};
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_1usxs {
10
+ } .navigation-bar-private__component_zoido {
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_1usxs svg > path {
16
+ } .navigation-bar-private__component_zoido svg > path {
17
17
  transition: fill 0.2s ease;
18
- } .navigation-bar-private__mobileComponent_1usxs {
18
+ } .navigation-bar-private__mobileComponent_zoido {
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_1usxs {
25
+ } .navigation-bar-private__flex_zoido {
26
26
  display: flex;
27
27
  align-items: center;
28
- } .navigation-bar-private__iconWrapper_1usxs {
28
+ } .navigation-bar-private__iconWrapper_zoido {
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_1usxs + .navigation-bar-private__text_1usxs {
35
+ } .navigation-bar-private__iconWrapper_zoido + .navigation-bar-private__text_zoido {
36
36
  margin-right: var(--gap-12);
37
- } .navigation-bar-private__mobileWrapper_1usxs {
37
+ } .navigation-bar-private__mobileWrapper_zoido {
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_1usxs + .navigation-bar-private__text_1usxs {
43
+ } .navigation-bar-private__mobileWrapper_zoido + .navigation-bar-private__text_zoido {
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_1usxs","mobileComponent":"navigation-bar-private__mobileComponent_1usxs","flex":"navigation-bar-private__flex_1usxs","iconWrapper":"navigation-bar-private__iconWrapper_1usxs","text":"navigation-bar-private__text_1usxs","mobileWrapper":"navigation-bar-private__mobileWrapper_1usxs"};
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"};
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_1fzxv {
18
+ .navigation-bar-private__component_1nq9s {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_1fzxv svg > path {
21
+ .navigation-bar-private__component_1nq9s svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_1fzxv:hover svg > path {
24
+ .navigation-bar-private__component_1nq9s:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_1fzxv:active svg > path {
27
+ .navigation-bar-private__component_1nq9s:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_1fzxv {
30
+ .navigation-bar-private__text_1nq9s {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_1fzxv {
33
+ .navigation-bar-private__mobileWrapper_1nq9s {
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_1fzxv svg > path {
37
+ .navigation-bar-private__mobileWrapper_1nq9s 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_1fzxv","text":"navigation-bar-private__text_1fzxv","mobileWrapper":"navigation-bar-private__mobileWrapper_1fzxv"};
3
+ var invertedColors = {"component":"navigation-bar-private__component_1nq9s","text":"navigation-bar-private__text_1nq9s","mobileWrapper":"navigation-bar-private__mobileWrapper_1nq9s"};
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_qhv9d {
12
+ .navigation-bar-private__button_1svzk.navigation-bar-private__button_1svzk {
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_qhv9d.navigation-bar-private__mobile_qhv9d {
16
+ .navigation-bar-private__button_1svzk.navigation-bar-private__button_1svzk.navigation-bar-private__mobile_1svzk {
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_qhv9d","mobile":"navigation-bar-private__mobile_qhv9d"};
3
+ var defaultColors = {"button":"navigation-bar-private__button_1svzk","mobile":"navigation-bar-private__mobile_1svzk"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/closer/default.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/closer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button {\n background: var(--color-light-monochrome-white-4);\n color: var(--color-light-neutral-translucent-1300);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100);\n color: var(--navigation-bar-closer-mobile-color);\n }\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/closer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button.button {\n background: var(--color-light-monochrome-white-4);\n color: var(--color-light-neutral-translucent-1300);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100);\n color: var(--navigation-bar-closer-mobile-color);\n }\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
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_nqoyn {
5
+ } .navigation-bar-private__closer_miuc9 {
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_nqoyn {
13
+ } .navigation-bar-private__button_miuc9 {
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
- } .navigation-bar-private__button_nqoyn.navigation-bar-private__button_nqoyn {
16
+ } .navigation-bar-private__button_miuc9.navigation-bar-private__button_miuc9 {
17
17
  border-radius: var(--border-radius-circle);
18
- } .navigation-bar-private__sticky_nqoyn {
18
+ } .navigation-bar-private__sticky_miuc9 {
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_nqoyn","button":"navigation-bar-private__button_nqoyn","sticky":"navigation-bar-private__sticky_nqoyn"};
3
+ var styles = {"closer":"navigation-bar-private__closer_miuc9","button":"navigation-bar-private__button_miuc9","sticky":"navigation-bar-private__sticky_miuc9"};
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_1digp {
13
+ .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd {
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_1digp.navigation-bar-private__mobile_1digp {
17
+ .navigation-bar-private__button_gvgyd.navigation-bar-private__button_gvgyd.navigation-bar-private__mobile_gvgyd {
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_1digp","mobile":"navigation-bar-private__mobile_1digp"};
3
+ var invertedColors = {"button":"navigation-bar-private__button_gvgyd","mobile":"navigation-bar-private__mobile_gvgyd"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/components/closer/inverted.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/closer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button {\n background: var(--color-light-monochrome-white-4-inverted);\n color: var(--color-light-neutral-translucent-1300-inverted);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100-inverted);\n color: var(--navigation-bar-closer-mobile-color-inverted);\n }\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/closer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n@import '../../vars.css';\n\n.button.button {\n background: var(--color-light-monochrome-white-4-inverted);\n color: var(--color-light-neutral-translucent-1300-inverted);\n\n &.mobile {\n background: var(--color-light-neutral-translucent-100-inverted);\n color: var(--navigation-bar-closer-mobile-color-inverted);\n }\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,QAAQ,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sCAAsC,CAAC;;;;"}