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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +7 -4
  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 +33 -30
  27. package/esm/index.module.css.js +1 -1
  28. package/index.css +33 -30
  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 +33 -30
  43. package/modern/index.module.css.js +1 -1
  44. package/moderncssm/index.module.css +4 -2
  45. package/package.json +7 -7
package/modern/index.css CHANGED
@@ -10,37 +10,38 @@
10
10
  --gap-12: var(--gap-s);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
- .navigation-bar-private__header_1x7h0 {
17
+ .navigation-bar-private__header_v4dx1 {
17
18
  width: 100%;
18
19
  box-sizing: border-box;
19
20
  transition:
20
21
  box-shadow 0.2s ease,
21
22
  background 0.2s ease;
22
23
  }
23
- .navigation-bar-private__header_1x7h0.navigation-bar-private__header_1x7h0.navigation-bar-private__backgroundImage_1x7h0 {
24
+ .navigation-bar-private__header_v4dx1.navigation-bar-private__header_v4dx1.navigation-bar-private__backgroundImage_v4dx1 {
24
25
  background-repeat: no-repeat;
25
26
  background-position: center;
26
27
  background-size: cover;
27
28
  }
28
- .navigation-bar-private__mainLine_1x7h0 {
29
+ .navigation-bar-private__mainLine_v4dx1 {
29
30
  display: flex;
30
31
  align-items: stretch;
31
32
  justify-content: space-between;
32
33
  z-index: 1;
33
34
  background-color: inherit;
34
35
  }
35
- .navigation-bar-private__mainLineSticky_1x7h0 {
36
+ .navigation-bar-private__mainLineSticky_v4dx1 {
36
37
  position: sticky;
37
38
  top: var(--gap-0);
38
39
  }
39
- .navigation-bar-private__mainLineWithImageBg_1x7h0 {
40
+ .navigation-bar-private__mainLineWithImageBg_v4dx1 {
40
41
  background-color: transparent;
41
42
  background-color: initial;
42
43
  }
43
- .navigation-bar-private__content_1x7h0 {
44
+ .navigation-bar-private__content_v4dx1 {
44
45
  color: var(--color-light-text-primary);
45
46
  display: flex;
46
47
  flex-flow: column nowrap;
@@ -50,37 +51,39 @@
50
51
  box-sizing: border-box;
51
52
  min-height: 48px;
52
53
  }
53
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withBothAddons_1x7h0,
54
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withCompactTitle_1x7h0 {
54
+ .navigation-bar-private__content_v4dx1.navigation-bar-private__withBothAddons_v4dx1,
55
+ .navigation-bar-private__content_v4dx1.navigation-bar-private__withCompactTitle_v4dx1 {
55
56
  font-size: 16px;
56
57
  line-height: 20px;
57
58
  font-weight: 500;
58
- font-family: var(--font-family-system);
59
+ letter-spacing: -0.05px;
60
+ font-family: var(--font-family-alfasans);
59
61
  align-self: center;
60
62
  padding-top: var(--gap-4);
61
63
  padding-bottom: var(--gap-4);
62
64
  }
63
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withBothAddons_1x7h0 > .navigation-bar-private__children_1x7h0,
64
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withCompactTitle_1x7h0 > .navigation-bar-private__children_1x7h0,
65
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withBothAddons_1x7h0 > .navigation-bar-private__title_1x7h0 .navigation-bar-private__titleTextContent_1x7h0,
66
- .navigation-bar-private__content_1x7h0.navigation-bar-private__withCompactTitle_1x7h0 > .navigation-bar-private__title_1x7h0 .navigation-bar-private__titleTextContent_1x7h0 {
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 {
67
69
  -webkit-line-clamp: 1;
68
70
  word-break: break-all;
69
71
  }
70
- .navigation-bar-private__content_1x7h0.navigation-bar-private__contentOnBotDesktop_1x7h0.navigation-bar-private__contentOnBotDesktop_1x7h0 {
72
+ .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1.navigation-bar-private__contentOnBotDesktop_v4dx1 {
71
73
  padding-top: var(--gap-12);
72
74
  }
73
- .navigation-bar-private__content_1x7h0.navigation-bar-private__contentOnBotMobile_1x7h0.navigation-bar-private__contentOnBotMobile_1x7h0 {
75
+ .navigation-bar-private__content_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1.navigation-bar-private__contentOnBotMobile_v4dx1 {
74
76
  padding-top: var(--gap-12);
75
77
  }
76
- .navigation-bar-private__title_1x7h0 .navigation-bar-private__titleTextContent_1x7h0 {
78
+ .navigation-bar-private__title_v4dx1 .navigation-bar-private__titleTextContent_v4dx1 {
77
79
  word-break: break-word;
78
80
  }
79
- .navigation-bar-private__subtitle_1x7h0 {
81
+ .navigation-bar-private__subtitle_v4dx1 {
80
82
  font-size: 14px;
81
83
  line-height: 20px;
82
84
  font-weight: 400;
83
- font-family: var(--font-family-system);
85
+ letter-spacing: -0.08px;
86
+ font-family: var(--font-family-alfasans);
84
87
  -webkit-line-clamp: 1;
85
88
  display: -webkit-box;
86
89
  -webkit-box-orient: vertical;
@@ -89,13 +92,13 @@
89
92
  color: var(--color-light-text-secondary);
90
93
  word-break: break-all;
91
94
  }
92
- .navigation-bar-private__addonsWrapper_1x7h0 {
95
+ .navigation-bar-private__addonsWrapper_v4dx1 {
93
96
  display: flex;
94
97
  }
95
- .navigation-bar-private__rightAddons_1x7h0 {
98
+ .navigation-bar-private__rightAddons_v4dx1 {
96
99
  margin-left: auto;
97
100
  }
98
- .navigation-bar-private__addon_1x7h0 {
101
+ .navigation-bar-private__addon_v4dx1 {
99
102
  min-width: 48px;
100
103
  height: 48px;
101
104
  display: flex;
@@ -104,23 +107,23 @@
104
107
  flex-shrink: 0;
105
108
  pointer-events: all;
106
109
  }
107
- .navigation-bar-private__bottomAddons_1x7h0 {
110
+ .navigation-bar-private__bottomAddons_v4dx1 {
108
111
  pointer-events: all;
109
112
  }
110
- .navigation-bar-private__closer_1x7h0 {
113
+ .navigation-bar-private__closer_v4dx1 {
111
114
  margin-left: auto;
112
115
  }
113
- .navigation-bar-private__left_1x7h0 {
116
+ .navigation-bar-private__left_v4dx1 {
114
117
  text-align: left;
115
118
  }
116
- .navigation-bar-private__center_1x7h0 {
119
+ .navigation-bar-private__center_v4dx1 {
117
120
  text-align: center;
118
121
  }
119
- .navigation-bar-private__trim_1x7h0 {
122
+ .navigation-bar-private__trim_v4dx1 {
120
123
  overflow: hidden;
121
124
  }
122
- .navigation-bar-private__trim_1x7h0 .navigation-bar-private__title_1x7h0 .navigation-bar-private__titleTextContent_1x7h0,
123
- .navigation-bar-private__trim_1x7h0 .navigation-bar-private__children_1x7h0 {
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 {
124
127
  -webkit-line-clamp: 2;
125
128
  display: -webkit-box;
126
129
  -webkit-box-orient: vertical;
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"navigation-bar-private__header_1x7h0","backgroundImage":"navigation-bar-private__backgroundImage_1x7h0","mainLine":"navigation-bar-private__mainLine_1x7h0","mainLineSticky":"navigation-bar-private__mainLineSticky_1x7h0","mainLineWithImageBg":"navigation-bar-private__mainLineWithImageBg_1x7h0","content":"navigation-bar-private__content_1x7h0","withBothAddons":"navigation-bar-private__withBothAddons_1x7h0","withCompactTitle":"navigation-bar-private__withCompactTitle_1x7h0","children":"navigation-bar-private__children_1x7h0","title":"navigation-bar-private__title_1x7h0","titleTextContent":"navigation-bar-private__titleTextContent_1x7h0","contentOnBotDesktop":"navigation-bar-private__contentOnBotDesktop_1x7h0","contentOnBotMobile":"navigation-bar-private__contentOnBotMobile_1x7h0","subtitle":"navigation-bar-private__subtitle_1x7h0","addonsWrapper":"navigation-bar-private__addonsWrapper_1x7h0","rightAddons":"navigation-bar-private__rightAddons_1x7h0","addon":"navigation-bar-private__addon_1x7h0","bottomAddons":"navigation-bar-private__bottomAddons_1x7h0","closer":"navigation-bar-private__closer_1x7h0","left":"navigation-bar-private__left_1x7h0","center":"navigation-bar-private__center_1x7h0","trim":"navigation-bar-private__trim_1x7h0"};
3
+ const 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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/index.module.css CHANGED
@@ -48,7 +48,8 @@
48
48
  font-size: 16px;
49
49
  line-height: 20px;
50
50
  font-weight: 500;
51
- font-family: var(--font-family-system);
51
+ letter-spacing: -0.05px;
52
+ font-family: var(--font-family-alfasans);
52
53
  align-self: center;
53
54
  padding-top: var(--gap-4);
54
55
  padding-bottom: var(--gap-4);
@@ -78,7 +79,8 @@
78
79
  font-size: 14px;
79
80
  line-height: 20px;
80
81
  font-weight: 400;
81
- font-family: var(--font-family-system);
82
+ letter-spacing: -0.08px;
83
+ font-family: var(--font-family-alfasans);
82
84
  -webkit-line-clamp: 1;
83
85
  display: -webkit-box;
84
86
  -webkit-box-orient: vertical;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-navigation-bar-private",
3
- "version": "2.0.8",
3
+ "version": "2.0.9-alfasans",
4
4
  "description": "Navigation bar private component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,10 +13,10 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.1.3",
17
- "@alfalab/core-components-icon-button": "^8.0.6",
18
- "@alfalab/core-components-shared": "^2.2.0",
19
- "@alfalab/core-components-typography": "^6.0.5",
16
+ "@alfalab/core-components-button": "13.1.3-alfasans",
17
+ "@alfalab/core-components-icon-button": "8.0.6-alfasans",
18
+ "@alfalab/core-components-shared": "2.2.0-alfasans",
19
+ "@alfalab/core-components-typography": "6.0.6-alfasans",
20
20
  "@alfalab/hooks": "^1.13.1",
21
21
  "@alfalab/icons-glyph": "^2.260.0",
22
22
  "classnames": "^2.5.1",
@@ -31,6 +31,6 @@
31
31
  "access": "public",
32
32
  "directory": "dist"
33
33
  },
34
- "themesVersion": "15.1.0",
35
- "varsVersion": "11.0.2"
34
+ "themesVersion": "15.1.0-alfasans",
35
+ "varsVersion": "11.1.0-alfasans"
36
36
  }