@alfalab/core-components-navigation-bar-private 2.0.9-alfasans → 2.0.9

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 (45) 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 +4 -7
  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 +30 -33
  27. package/esm/index.module.css.js +1 -1
  28. package/index.css +30 -33
  29. package/index.module.css.js +1 -1
  30. package/modern/components/back-arrow-addon/default.css +7 -7
  31. package/modern/components/back-arrow-addon/default.module.css.js +1 -1
  32. package/modern/components/back-arrow-addon/index.css +8 -8
  33. package/modern/components/back-arrow-addon/index.module.css.js +1 -1
  34. package/modern/components/back-arrow-addon/inverted.css +7 -7
  35. package/modern/components/back-arrow-addon/inverted.module.css.js +1 -1
  36. package/modern/components/closer/default.css +2 -2
  37. package/modern/components/closer/default.module.css.js +1 -1
  38. package/modern/components/closer/index.css +4 -4
  39. package/modern/components/closer/index.module.css.js +1 -1
  40. package/modern/components/closer/inverted.css +2 -2
  41. package/modern/components/closer/inverted.module.css.js +1 -1
  42. package/modern/index.css +30 -33
  43. package/modern/index.module.css.js +1 -1
  44. package/moderncssm/index.module.css +2 -4
  45. package/package.json +7 -7
package/esm/index.css CHANGED
@@ -10,38 +10,37 @@
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
12
  :root {
13
- --font-family-alfasans:
14
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
- Helvetica, sans-serif;
13
+ --font-family-system:
14
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
15
  }
17
- .navigation-bar-private__header_v4dx1 {
16
+ .navigation-bar-private__header_1bl5n {
18
17
  width: 100%;
19
18
  box-sizing: border-box;
20
19
  transition:
21
20
  box-shadow 0.2s ease,
22
21
  background 0.2s ease;
23
22
  }
24
- .navigation-bar-private__header_v4dx1.navigation-bar-private__header_v4dx1.navigation-bar-private__backgroundImage_v4dx1 {
23
+ .navigation-bar-private__header_1bl5n.navigation-bar-private__header_1bl5n.navigation-bar-private__backgroundImage_1bl5n {
25
24
  background-repeat: no-repeat;
26
25
  background-position: center;
27
26
  background-size: cover;
28
27
  }
29
- .navigation-bar-private__mainLine_v4dx1 {
28
+ .navigation-bar-private__mainLine_1bl5n {
30
29
  display: flex;
31
30
  align-items: stretch;
32
31
  justify-content: space-between;
33
32
  z-index: 1;
34
33
  background-color: inherit;
35
34
  }
36
- .navigation-bar-private__mainLineSticky_v4dx1 {
35
+ .navigation-bar-private__mainLineSticky_1bl5n {
37
36
  position: sticky;
38
37
  top: var(--gap-0);
39
38
  }
40
- .navigation-bar-private__mainLineWithImageBg_v4dx1 {
39
+ .navigation-bar-private__mainLineWithImageBg_1bl5n {
41
40
  background-color: transparent;
42
41
  background-color: initial;
43
42
  }
44
- .navigation-bar-private__content_v4dx1 {
43
+ .navigation-bar-private__content_1bl5n {
45
44
  color: var(--color-light-text-primary);
46
45
  display: flex;
47
46
  flex-flow: column nowrap;
@@ -51,39 +50,37 @@
51
50
  box-sizing: border-box;
52
51
  min-height: 48px;
53
52
  }
54
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1,
55
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 {
53
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n,
54
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n {
56
55
  font-size: 16px;
57
56
  line-height: 20px;
58
57
  font-weight: 500;
59
- letter-spacing: -0.05px;
60
- font-family: var(--font-family-alfasans);
58
+ font-family: var(--font-family-system);
61
59
  align-self: center;
62
60
  padding-top: var(--gap-4);
63
61
  padding-bottom: var(--gap-4);
64
62
  }
65
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1 > .navigation-bar-private__children_v4dx1,
66
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 > .navigation-bar-private__children_v4dx1,
67
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1 > .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1,
68
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 > .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1 {
63
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n > .navigation-bar-private__children_1bl5n,
64
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n > .navigation-bar-private__children_1bl5n,
65
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n > .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n,
66
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n > .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n {
69
67
  -webkit-line-clamp: 1;
70
68
  word-break: break-all;
71
69
  }
72
- .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1 {
70
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__contentOnBotDesktop_1bl5n.navigation-bar-private__contentOnBotDesktop_1bl5n {
73
71
  padding-top: var(--gap-12);
74
72
  }
75
- .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1 {
73
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__contentOnBotMobile_1bl5n.navigation-bar-private__contentOnBotMobile_1bl5n {
76
74
  padding-top: var(--gap-12);
77
75
  }
78
- .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1 {
76
+ .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n {
79
77
  word-break: break-word;
80
78
  }
81
- .navigation-bar-private__subtitle_v4dx1 {
79
+ .navigation-bar-private__subtitle_1bl5n {
82
80
  font-size: 14px;
83
81
  line-height: 20px;
84
82
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
83
+ font-family: var(--font-family-system);
87
84
  -webkit-line-clamp: 1;
88
85
  display: -webkit-box;
89
86
  -webkit-box-orient: vertical;
@@ -92,13 +89,13 @@
92
89
  color: var(--color-light-text-secondary);
93
90
  word-break: break-all;
94
91
  }
95
- .navigation-bar-private__addonsWrapper_v4dx1 {
92
+ .navigation-bar-private__addonsWrapper_1bl5n {
96
93
  display: flex;
97
94
  }
98
- .navigation-bar-private__rightAddons_v4dx1 {
95
+ .navigation-bar-private__rightAddons_1bl5n {
99
96
  margin-left: auto;
100
97
  }
101
- .navigation-bar-private__addon_v4dx1 {
98
+ .navigation-bar-private__addon_1bl5n {
102
99
  min-width: 48px;
103
100
  height: 48px;
104
101
  display: flex;
@@ -107,23 +104,23 @@
107
104
  flex-shrink: 0;
108
105
  pointer-events: all;
109
106
  }
110
- .navigation-bar-private__bottomAddons_v4dx1 {
107
+ .navigation-bar-private__bottomAddons_1bl5n {
111
108
  pointer-events: all;
112
109
  }
113
- .navigation-bar-private__closer_v4dx1 {
110
+ .navigation-bar-private__closer_1bl5n {
114
111
  margin-left: auto;
115
112
  }
116
- .navigation-bar-private__left_v4dx1 {
113
+ .navigation-bar-private__left_1bl5n {
117
114
  text-align: left;
118
115
  }
119
- .navigation-bar-private__center_v4dx1 {
116
+ .navigation-bar-private__center_1bl5n {
120
117
  text-align: center;
121
118
  }
122
- .navigation-bar-private__trim_v4dx1 {
119
+ .navigation-bar-private__trim_1bl5n {
123
120
  overflow: hidden;
124
121
  }
125
- .navigation-bar-private__trim_v4dx1 .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1,
126
- .navigation-bar-private__trim_v4dx1 .navigation-bar-private__children_v4dx1 {
122
+ .navigation-bar-private__trim_1bl5n .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n,
123
+ .navigation-bar-private__trim_1bl5n .navigation-bar-private__children_1bl5n {
127
124
  -webkit-line-clamp: 2;
128
125
  display: -webkit-box;
129
126
  -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_v4dx1","backgroundImage":"navigation-bar-private__backgroundImage_v4dx1","mainLine":"navigation-bar-private__mainLine_v4dx1","mainLineSticky":"navigation-bar-private__mainLineSticky_v4dx1","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_v4dx1","content":"navigation-bar-private__content_v4dx1","withBothAddons":"navigation-bar-private__withBothAddons_v4dx1","withCompactTitle":"navigation-bar-private__withCompactTitle_v4dx1","children":"navigation-bar-private__children_v4dx1","title":"navigation-bar-private__title_v4dx1","titleTextContent":"navigation-bar-private__titleTextContent_v4dx1","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_v4dx1","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_v4dx1","subtitle":"navigation-bar-private__subtitle_v4dx1","addonsWrapper":"navigation-bar-private__addonsWrapper_v4dx1","rightAddons":"navigation-bar-private__rightAddons_v4dx1","addon":"navigation-bar-private__addon_v4dx1","bottomAddons":"navigation-bar-private__bottomAddons_v4dx1","closer":"navigation-bar-private__closer_v4dx1","left":"navigation-bar-private__left_v4dx1","center":"navigation-bar-private__center_v4dx1","trim":"navigation-bar-private__trim_v4dx1"};
3
+ var styles = {"header":"navigation-bar-private__header_1bl5n","backgroundImage":"navigation-bar-private__backgroundImage_1bl5n","mainLine":"navigation-bar-private__mainLine_1bl5n","mainLineSticky":"navigation-bar-private__mainLineSticky_1bl5n","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1bl5n","content":"navigation-bar-private__content_1bl5n","withBothAddons":"navigation-bar-private__withBothAddons_1bl5n","withCompactTitle":"navigation-bar-private__withCompactTitle_1bl5n","children":"navigation-bar-private__children_1bl5n","title":"navigation-bar-private__title_1bl5n","titleTextContent":"navigation-bar-private__titleTextContent_1bl5n","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1bl5n","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1bl5n","subtitle":"navigation-bar-private__subtitle_1bl5n","addonsWrapper":"navigation-bar-private__addonsWrapper_1bl5n","rightAddons":"navigation-bar-private__rightAddons_1bl5n","addon":"navigation-bar-private__addon_1bl5n","bottomAddons":"navigation-bar-private__bottomAddons_1bl5n","closer":"navigation-bar-private__closer_1bl5n","left":"navigation-bar-private__left_1bl5n","center":"navigation-bar-private__center_1bl5n","trim":"navigation-bar-private__trim_1bl5n"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -10,38 +10,37 @@
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
12
  :root {
13
- --font-family-alfasans:
14
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
- Helvetica, sans-serif;
13
+ --font-family-system:
14
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
16
15
  }
17
- .navigation-bar-private__header_v4dx1 {
16
+ .navigation-bar-private__header_1bl5n {
18
17
  width: 100%;
19
18
  box-sizing: border-box;
20
19
  transition:
21
20
  box-shadow 0.2s ease,
22
21
  background 0.2s ease;
23
22
  }
24
- .navigation-bar-private__header_v4dx1.navigation-bar-private__header_v4dx1.navigation-bar-private__backgroundImage_v4dx1 {
23
+ .navigation-bar-private__header_1bl5n.navigation-bar-private__header_1bl5n.navigation-bar-private__backgroundImage_1bl5n {
25
24
  background-repeat: no-repeat;
26
25
  background-position: center;
27
26
  background-size: cover;
28
27
  }
29
- .navigation-bar-private__mainLine_v4dx1 {
28
+ .navigation-bar-private__mainLine_1bl5n {
30
29
  display: flex;
31
30
  align-items: stretch;
32
31
  justify-content: space-between;
33
32
  z-index: 1;
34
33
  background-color: inherit;
35
34
  }
36
- .navigation-bar-private__mainLineSticky_v4dx1 {
35
+ .navigation-bar-private__mainLineSticky_1bl5n {
37
36
  position: sticky;
38
37
  top: var(--gap-0);
39
38
  }
40
- .navigation-bar-private__mainLineWithImageBg_v4dx1 {
39
+ .navigation-bar-private__mainLineWithImageBg_1bl5n {
41
40
  background-color: transparent;
42
41
  background-color: initial;
43
42
  }
44
- .navigation-bar-private__content_v4dx1 {
43
+ .navigation-bar-private__content_1bl5n {
45
44
  color: var(--color-light-text-primary);
46
45
  display: flex;
47
46
  flex-flow: column nowrap;
@@ -51,39 +50,37 @@
51
50
  box-sizing: border-box;
52
51
  min-height: 48px;
53
52
  }
54
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1,
55
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 {
53
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n,
54
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n {
56
55
  font-size: 16px;
57
56
  line-height: 20px;
58
57
  font-weight: 500;
59
- letter-spacing: -0.05px;
60
- font-family: var(--font-family-alfasans);
58
+ font-family: var(--font-family-system);
61
59
  align-self: center;
62
60
  padding-top: var(--gap-4);
63
61
  padding-bottom: var(--gap-4);
64
62
  }
65
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1 > .navigation-bar-private__children_v4dx1,
66
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 > .navigation-bar-private__children_v4dx1,
67
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1 > .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1,
68
- .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 > .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1 {
63
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n > .navigation-bar-private__children_1bl5n,
64
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n > .navigation-bar-private__children_1bl5n,
65
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withBothAddons_1bl5n > .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n,
66
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__withCompactTitle_1bl5n > .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n {
69
67
  -webkit-line-clamp: 1;
70
68
  word-break: break-all;
71
69
  }
72
- .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1 {
70
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__contentOnBotDesktop_1bl5n.navigation-bar-private__contentOnBotDesktop_1bl5n {
73
71
  padding-top: var(--gap-12);
74
72
  }
75
- .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1 {
73
+ .navigation-bar-private__content_1bl5n.navigation-bar-private__contentOnBotMobile_1bl5n.navigation-bar-private__contentOnBotMobile_1bl5n {
76
74
  padding-top: var(--gap-12);
77
75
  }
78
- .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1 {
76
+ .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n {
79
77
  word-break: break-word;
80
78
  }
81
- .navigation-bar-private__subtitle_v4dx1 {
79
+ .navigation-bar-private__subtitle_1bl5n {
82
80
  font-size: 14px;
83
81
  line-height: 20px;
84
82
  font-weight: 400;
85
- letter-spacing: -0.08px;
86
- font-family: var(--font-family-alfasans);
83
+ font-family: var(--font-family-system);
87
84
  -webkit-line-clamp: 1;
88
85
  display: -webkit-box;
89
86
  -webkit-box-orient: vertical;
@@ -92,13 +89,13 @@
92
89
  color: var(--color-light-text-secondary);
93
90
  word-break: break-all;
94
91
  }
95
- .navigation-bar-private__addonsWrapper_v4dx1 {
92
+ .navigation-bar-private__addonsWrapper_1bl5n {
96
93
  display: flex;
97
94
  }
98
- .navigation-bar-private__rightAddons_v4dx1 {
95
+ .navigation-bar-private__rightAddons_1bl5n {
99
96
  margin-left: auto;
100
97
  }
101
- .navigation-bar-private__addon_v4dx1 {
98
+ .navigation-bar-private__addon_1bl5n {
102
99
  min-width: 48px;
103
100
  height: 48px;
104
101
  display: flex;
@@ -107,23 +104,23 @@
107
104
  flex-shrink: 0;
108
105
  pointer-events: all;
109
106
  }
110
- .navigation-bar-private__bottomAddons_v4dx1 {
107
+ .navigation-bar-private__bottomAddons_1bl5n {
111
108
  pointer-events: all;
112
109
  }
113
- .navigation-bar-private__closer_v4dx1 {
110
+ .navigation-bar-private__closer_1bl5n {
114
111
  margin-left: auto;
115
112
  }
116
- .navigation-bar-private__left_v4dx1 {
113
+ .navigation-bar-private__left_1bl5n {
117
114
  text-align: left;
118
115
  }
119
- .navigation-bar-private__center_v4dx1 {
116
+ .navigation-bar-private__center_1bl5n {
120
117
  text-align: center;
121
118
  }
122
- .navigation-bar-private__trim_v4dx1 {
119
+ .navigation-bar-private__trim_1bl5n {
123
120
  overflow: hidden;
124
121
  }
125
- .navigation-bar-private__trim_v4dx1 .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1,
126
- .navigation-bar-private__trim_v4dx1 .navigation-bar-private__children_v4dx1 {
122
+ .navigation-bar-private__trim_1bl5n .navigation-bar-private__title_1bl5n .navigation-bar-private__titleTextContent_1bl5n,
123
+ .navigation-bar-private__trim_1bl5n .navigation-bar-private__children_1bl5n {
127
124
  -webkit-line-clamp: 2;
128
125
  display: -webkit-box;
129
126
  -webkit-box-orient: vertical;
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"navigation-bar-private__header_v4dx1","backgroundImage":"navigation-bar-private__backgroundImage_v4dx1","mainLine":"navigation-bar-private__mainLine_v4dx1","mainLineSticky":"navigation-bar-private__mainLineSticky_v4dx1","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_v4dx1","content":"navigation-bar-private__content_v4dx1","withBothAddons":"navigation-bar-private__withBothAddons_v4dx1","withCompactTitle":"navigation-bar-private__withCompactTitle_v4dx1","children":"navigation-bar-private__children_v4dx1","title":"navigation-bar-private__title_v4dx1","titleTextContent":"navigation-bar-private__titleTextContent_v4dx1","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_v4dx1","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_v4dx1","subtitle":"navigation-bar-private__subtitle_v4dx1","addonsWrapper":"navigation-bar-private__addonsWrapper_v4dx1","rightAddons":"navigation-bar-private__rightAddons_v4dx1","addon":"navigation-bar-private__addon_v4dx1","bottomAddons":"navigation-bar-private__bottomAddons_v4dx1","closer":"navigation-bar-private__closer_v4dx1","left":"navigation-bar-private__left_v4dx1","center":"navigation-bar-private__center_v4dx1","trim":"navigation-bar-private__trim_v4dx1"};
5
+ var styles = {"header":"navigation-bar-private__header_1bl5n","backgroundImage":"navigation-bar-private__backgroundImage_1bl5n","mainLine":"navigation-bar-private__mainLine_1bl5n","mainLineSticky":"navigation-bar-private__mainLineSticky_1bl5n","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1bl5n","content":"navigation-bar-private__content_1bl5n","withBothAddons":"navigation-bar-private__withBothAddons_1bl5n","withCompactTitle":"navigation-bar-private__withCompactTitle_1bl5n","children":"navigation-bar-private__children_1bl5n","title":"navigation-bar-private__title_1bl5n","titleTextContent":"navigation-bar-private__titleTextContent_1bl5n","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1bl5n","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1bl5n","subtitle":"navigation-bar-private__subtitle_1bl5n","addonsWrapper":"navigation-bar-private__addonsWrapper_1bl5n","rightAddons":"navigation-bar-private__rightAddons_1bl5n","addon":"navigation-bar-private__addon_1bl5n","bottomAddons":"navigation-bar-private__bottomAddons_1bl5n","closer":"navigation-bar-private__closer_1bl5n","left":"navigation-bar-private__left_1bl5n","center":"navigation-bar-private__center_1bl5n","trim":"navigation-bar-private__trim_1bl5n"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/back-arrow-addon/default.css CHANGED
@@ -13,25 +13,25 @@
13
13
  --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
14
14
  --button-text-base-color: var(--color-light-text-primary);
15
15
  }
16
- .navigation-bar-private__component_1psfb {
16
+ .navigation-bar-private__component_1ep3l {
17
17
  background: var(--color-light-monochrome-white-4);
18
18
  }
19
- .navigation-bar-private__component_1psfb svg > path {
19
+ .navigation-bar-private__component_1ep3l svg > path {
20
20
  fill: var(--color-light-neutral-translucent-1300);
21
21
  }
22
- .navigation-bar-private__component_1psfb:hover svg > path {
22
+ .navigation-bar-private__component_1ep3l:hover svg > path {
23
23
  fill: var(--color-light-neutral-translucent-1300-hover);
24
24
  }
25
- .navigation-bar-private__component_1psfb:active svg > path {
25
+ .navigation-bar-private__component_1ep3l:active svg > path {
26
26
  fill: var(--color-light-neutral-translucent-1300-press);
27
27
  }
28
- .navigation-bar-private__text_1psfb {
28
+ .navigation-bar-private__text_1ep3l {
29
29
  color: var(--button-text-base-color);
30
30
  }
31
- .navigation-bar-private__mobileWrapper_1psfb {
31
+ .navigation-bar-private__mobileWrapper_1ep3l {
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_1psfb svg > path {
35
+ .navigation-bar-private__mobileWrapper_1ep3l svg > path {
36
36
  fill: var(--navigation-bar-back-arrow-mobile-fill);
37
37
  }
package/modern/components/back-arrow-addon/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"component":"navigation-bar-private__component_1psfb","text":"navigation-bar-private__text_1psfb","mobileWrapper":"navigation-bar-private__mobileWrapper_1psfb"};
3
+ const defaultColors = {"component":"navigation-bar-private__component_1ep3l","text":"navigation-bar-private__text_1ep3l","mobileWrapper":"navigation-bar-private__mobileWrapper_1ep3l"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/components/back-arrow-addon/index.css CHANGED
@@ -9,17 +9,17 @@
9
9
  --gap-8: var(--gap-xs);
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
- .navigation-bar-private__component_bvw13 {
12
+ .navigation-bar-private__component_1w055 {
13
13
  height: 100%;
14
14
  -webkit-backdrop-filter: blur(10px);
15
15
  backdrop-filter: blur(10px);
16
16
  border-radius: var(--border-radius-pill);
17
17
  min-width: 48px;
18
18
  }
19
- .navigation-bar-private__component_bvw13 svg > path {
19
+ .navigation-bar-private__component_1w055 svg > path {
20
20
  transition: fill 0.2s ease;
21
21
  }
22
- .navigation-bar-private__mobileComponent_bvw13 {
22
+ .navigation-bar-private__mobileComponent_1w055 {
23
23
  height: 32px;
24
24
  min-width: 32px;
25
25
  margin: var(--gap-0) var(--gap-8);
@@ -27,11 +27,11 @@
27
27
  backdrop-filter: none;
28
28
  background: none;
29
29
  }
30
- .navigation-bar-private__flex_bvw13 {
30
+ .navigation-bar-private__flex_1w055 {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  }
34
- .navigation-bar-private__iconWrapper_bvw13 {
34
+ .navigation-bar-private__iconWrapper_1w055 {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
37
  justify-content: center;
@@ -39,16 +39,16 @@
39
39
  margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
40
40
  border-radius: var(--border-radius-circle);
41
41
  }
42
- .navigation-bar-private__iconWrapper_bvw13 + .navigation-bar-private__text_bvw13 {
42
+ .navigation-bar-private__iconWrapper_1w055 + .navigation-bar-private__text_1w055 {
43
43
  margin-right: var(--gap-12);
44
44
  }
45
- .navigation-bar-private__mobileWrapper_bvw13 {
45
+ .navigation-bar-private__mobileWrapper_1w055 {
46
46
  width: 32px;
47
47
  height: 32px;
48
48
  -webkit-backdrop-filter: blur(10px);
49
49
  backdrop-filter: blur(10px);
50
50
  margin: var(--gap-0);
51
51
  }
52
- .navigation-bar-private__mobileWrapper_bvw13 + .navigation-bar-private__text_bvw13 {
52
+ .navigation-bar-private__mobileWrapper_1w055 + .navigation-bar-private__text_1w055 {
53
53
  margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
54
54
  }
package/modern/components/back-arrow-addon/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"navigation-bar-private__component_bvw13","mobileComponent":"navigation-bar-private__mobileComponent_bvw13","flex":"navigation-bar-private__flex_bvw13","iconWrapper":"navigation-bar-private__iconWrapper_bvw13","text":"navigation-bar-private__text_bvw13","mobileWrapper":"navigation-bar-private__mobileWrapper_bvw13"};
3
+ const styles = {"component":"navigation-bar-private__component_1w055","mobileComponent":"navigation-bar-private__mobileComponent_1w055","flex":"navigation-bar-private__flex_1w055","iconWrapper":"navigation-bar-private__iconWrapper_1w055","text":"navigation-bar-private__text_1w055","mobileWrapper":"navigation-bar-private__mobileWrapper_1w055"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/back-arrow-addon/inverted.css CHANGED
@@ -15,25 +15,25 @@
15
15
  );
16
16
  --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
17
17
  }
18
- .navigation-bar-private__component_16sef {
18
+ .navigation-bar-private__component_1ixwm {
19
19
  background: var(--color-light-monochrome-white-4-inverted);
20
20
  }
21
- .navigation-bar-private__component_16sef svg > path {
21
+ .navigation-bar-private__component_1ixwm svg > path {
22
22
  fill: var(--color-light-neutral-translucent-1300-inverted);
23
23
  }
24
- .navigation-bar-private__component_16sef:hover svg > path {
24
+ .navigation-bar-private__component_1ixwm:hover svg > path {
25
25
  fill: var(--color-light-neutral-translucent-1300-inverted-hover);
26
26
  }
27
- .navigation-bar-private__component_16sef:active svg > path {
27
+ .navigation-bar-private__component_1ixwm:active svg > path {
28
28
  fill: var(--color-light-neutral-translucent-1300-inverted-press);
29
29
  }
30
- .navigation-bar-private__text_16sef {
30
+ .navigation-bar-private__text_1ixwm {
31
31
  color: var(--button-inverted-text-base-color);
32
32
  }
33
- .navigation-bar-private__mobileWrapper_16sef {
33
+ .navigation-bar-private__mobileWrapper_1ixwm {
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_16sef svg > path {
37
+ .navigation-bar-private__mobileWrapper_1ixwm svg > path {
38
38
  fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
39
39
  }
package/modern/components/back-arrow-addon/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"component":"navigation-bar-private__component_16sef","text":"navigation-bar-private__text_16sef","mobileWrapper":"navigation-bar-private__mobileWrapper_16sef"};
3
+ const invertedColors = {"component":"navigation-bar-private__component_1ixwm","text":"navigation-bar-private__text_1ixwm","mobileWrapper":"navigation-bar-private__mobileWrapper_1ixwm"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/modern/components/closer/default.css CHANGED
@@ -9,11 +9,11 @@
9
9
  :root {
10
10
  --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
11
11
  }
12
- .navigation-bar-private__button_135tj.navigation-bar-private__button_135tj {
12
+ .navigation-bar-private__button_1nek4.navigation-bar-private__button_1nek4 {
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_135tj.navigation-bar-private__button_135tj.navigation-bar-private__mobile_135tj {
16
+ .navigation-bar-private__button_1nek4.navigation-bar-private__button_1nek4.navigation-bar-private__mobile_1nek4 {
17
17
  background: var(--color-light-neutral-translucent-100);
18
18
  color: var(--navigation-bar-closer-mobile-color);
19
19
  }
package/modern/components/closer/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"button":"navigation-bar-private__button_135tj","mobile":"navigation-bar-private__mobile_135tj"};
3
+ const defaultColors = {"button":"navigation-bar-private__button_1nek4","mobile":"navigation-bar-private__mobile_1nek4"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/components/closer/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  :root {
5
5
  --gap-0: 0px;
6
6
  }
7
- .navigation-bar-private__closer_1xdi3 {
7
+ .navigation-bar-private__closer_8lbu1 {
8
8
  flex-shrink: 0;
9
9
  width: 48px;
10
10
  height: 48px;
@@ -13,14 +13,14 @@
13
13
  align-items: center;
14
14
  justify-content: center;
15
15
  }
16
- .navigation-bar-private__button_1xdi3 {
16
+ .navigation-bar-private__button_8lbu1 {
17
17
  -webkit-backdrop-filter: blur(10px);
18
18
  backdrop-filter: blur(10px);
19
19
  }
20
- .navigation-bar-private__button_1xdi3.navigation-bar-private__button_1xdi3.navigation-bar-private__button_1xdi3 {
20
+ .navigation-bar-private__button_8lbu1.navigation-bar-private__button_8lbu1.navigation-bar-private__button_8lbu1 {
21
21
  border-radius: var(--border-radius-circle);
22
22
  }
23
- .navigation-bar-private__sticky_1xdi3 {
23
+ .navigation-bar-private__sticky_8lbu1 {
24
24
  position: sticky;
25
25
  top: var(--gap-0);
26
26
  }
package/modern/components/closer/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"closer":"navigation-bar-private__closer_1xdi3","button":"navigation-bar-private__button_1xdi3","sticky":"navigation-bar-private__sticky_1xdi3"};
3
+ const styles = {"closer":"navigation-bar-private__closer_8lbu1","button":"navigation-bar-private__button_8lbu1","sticky":"navigation-bar-private__sticky_8lbu1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/closer/inverted.css CHANGED
@@ -10,11 +10,11 @@
10
10
  --color-light-neutral-translucent-700-inverted
11
11
  );
12
12
  }
13
- .navigation-bar-private__button_186xw.navigation-bar-private__button_186xw {
13
+ .navigation-bar-private__button_1n6t8.navigation-bar-private__button_1n6t8 {
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_186xw.navigation-bar-private__button_186xw.navigation-bar-private__mobile_186xw {
17
+ .navigation-bar-private__button_1n6t8.navigation-bar-private__button_1n6t8.navigation-bar-private__mobile_1n6t8 {
18
18
  background: var(--color-light-neutral-translucent-100-inverted);
19
19
  color: var(--navigation-bar-closer-mobile-color-inverted);
20
20
  }
package/modern/components/closer/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"button":"navigation-bar-private__button_186xw","mobile":"navigation-bar-private__mobile_186xw"};
3
+ const invertedColors = {"button":"navigation-bar-private__button_1n6t8","mobile":"navigation-bar-private__mobile_1n6t8"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map