@alfalab/core-components-tabs 10.0.13 → 10.0.14-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 (47) hide show
  1. package/components/primary-tablist/index.css +180 -167
  2. package/components/primary-tablist/index.module.css.js +1 -1
  3. package/components/primary-tablist/mobile.css +317 -291
  4. package/components/primary-tablist/mobile.module.css.js +1 -1
  5. package/components/scroll-controls/index.css +11 -11
  6. package/components/scroll-controls/index.module.css.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/scrollable-container/index.module.css.js +1 -1
  9. package/components/secondary-tablist/index.css +18 -18
  10. package/components/secondary-tablist/index.module.css.js +1 -1
  11. package/components/secondary-tablist/mobile.css +22 -22
  12. package/components/secondary-tablist/mobile.module.css.js +1 -1
  13. package/components/tab/index.css +2 -2
  14. package/components/tab/index.module.css.js +1 -1
  15. package/cssm/components/primary-tablist/index.module.css +48 -35
  16. package/cssm/components/primary-tablist/mobile.module.css +48 -35
  17. package/esm/components/primary-tablist/index.css +180 -167
  18. package/esm/components/primary-tablist/index.module.css.js +1 -1
  19. package/esm/components/primary-tablist/mobile.css +317 -291
  20. package/esm/components/primary-tablist/mobile.module.css.js +1 -1
  21. package/esm/components/scroll-controls/index.css +11 -11
  22. package/esm/components/scroll-controls/index.module.css.js +1 -1
  23. package/esm/components/scrollable-container/index.css +5 -5
  24. package/esm/components/scrollable-container/index.module.css.js +1 -1
  25. package/esm/components/secondary-tablist/index.css +18 -18
  26. package/esm/components/secondary-tablist/index.module.css.js +1 -1
  27. package/esm/components/secondary-tablist/mobile.css +22 -22
  28. package/esm/components/secondary-tablist/mobile.module.css.js +1 -1
  29. package/esm/components/tab/index.css +2 -2
  30. package/esm/components/tab/index.module.css.js +1 -1
  31. package/modern/components/primary-tablist/index.css +180 -167
  32. package/modern/components/primary-tablist/index.module.css.js +1 -1
  33. package/modern/components/primary-tablist/mobile.css +317 -291
  34. package/modern/components/primary-tablist/mobile.module.css.js +1 -1
  35. package/modern/components/scroll-controls/index.css +11 -11
  36. package/modern/components/scroll-controls/index.module.css.js +1 -1
  37. package/modern/components/scrollable-container/index.css +5 -5
  38. package/modern/components/scrollable-container/index.module.css.js +1 -1
  39. package/modern/components/secondary-tablist/index.css +18 -18
  40. package/modern/components/secondary-tablist/index.module.css.js +1 -1
  41. package/modern/components/secondary-tablist/mobile.css +22 -22
  42. package/modern/components/secondary-tablist/mobile.module.css.js +1 -1
  43. package/modern/components/tab/index.css +2 -2
  44. package/modern/components/tab/index.module.css.js +1 -1
  45. package/moderncssm/components/primary-tablist/index.module.css +45 -30
  46. package/moderncssm/components/primary-tablist/mobile.module.css +45 -30
  47. package/package.json +12 -12
package/cssm/components/primary-tablist/mobile.module.css CHANGED
@@ -6,11 +6,9 @@
6
6
  --gap-24: var(--gap-xl);
7
7
  }
8
8
  :root {
9
- --font-family-system:
10
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
11
- --font-family-styrene:
12
- 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
13
- sans-serif;
9
+ --font-family-alfasans:
10
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
11
+ Helvetica, sans-serif;
14
12
  }
15
13
  :root {
16
14
  --primary-tablist-mobile-gaps: var(--gap-24);
@@ -29,55 +27,64 @@
29
27
  font-size: 18px;
30
28
  line-height: 24px;
31
29
  font-weight: 400;
32
- font-family: var(--font-family-system);
30
+ letter-spacing: -0.36px;
31
+ font-family: var(--font-family-alfasans);
33
32
  }
34
33
  .mobile.paragraph-primary-medium .title {
35
34
  font-size: 16px;
36
35
  line-height: 24px;
37
36
  font-weight: 400;
38
- font-family: var(--font-family-system);
37
+ letter-spacing: -0.24px;
38
+ font-family: var(--font-family-alfasans);
39
39
  }
40
40
  .mobile.paragraph-primary-small .title {
41
41
  font-size: 14px;
42
42
  line-height: 20px;
43
43
  font-weight: 400;
44
- font-family: var(--font-family-system);
44
+ letter-spacing: -0.08px;
45
+ font-family: var(--font-family-alfasans);
45
46
  }
46
47
  .mobile.action-primary-large .title {
47
48
  font-size: 18px;
48
49
  line-height: 24px;
49
50
  font-weight: 500;
50
- font-family: var(--font-family-system);
51
+ letter-spacing: -0.17px;
52
+ font-family: var(--font-family-alfasans);
51
53
  }
52
54
  .mobile.action-primary-medium .title {
53
55
  font-size: 16px;
54
56
  line-height: 24px;
55
57
  font-weight: 500;
56
- font-family: var(--font-family-system);
58
+ letter-spacing: -0.05px;
59
+ font-family: var(--font-family-alfasans);
57
60
  }
58
61
  .mobile.action-primary-small .title {
59
62
  font-size: 14px;
60
63
  line-height: 20px;
61
64
  font-weight: 500;
62
- font-family: var(--font-family-system);
65
+ letter-spacing: 0.07px;
66
+ font-family: var(--font-family-alfasans);
63
67
  }
64
68
  .mobile.accent-primary-large .title {
65
69
  font-size: 18px;
66
70
  line-height: 24px;
67
71
  font-weight: 700;
68
- font-family: var(--font-family-system);
72
+ letter-spacing: 0.38px;
73
+ font-family: var(--font-family-alfasans);
69
74
  }
70
75
  .mobile.accent-primary-medium .title {
71
76
  font-size: 16px;
72
77
  line-height: 24px;
73
78
  font-weight: 700;
74
- font-family: var(--font-family-system);
79
+ letter-spacing: 0.43px;
80
+ font-family: var(--font-family-alfasans);
75
81
  }
76
82
  .mobile.accent-primary-small .title {
77
83
  font-size: 14px;
78
84
  line-height: 20px;
79
85
  font-weight: 700;
80
- font-family: var(--font-family-system);
86
+ letter-spacing: 0.47px;
87
+ font-family: var(--font-family-alfasans);
81
88
  }
82
89
  .mobile.paragraph-primary-large .title, .mobile.paragraph-primary-medium .title, .mobile.accent-primary-large .title, .mobile.accent-primary-medium .title, .mobile.action-primary-large .title, .mobile.action-primary-medium .title {
83
90
  padding-bottom: calc(24px / 2);
@@ -134,67 +141,72 @@
134
141
  .mobile.headline-system-xlarge .title {
135
142
  font-size: 34px;
136
143
  line-height: 40px;
137
- font-weight: 600;
138
- font-family: var(--font-family-system);
144
+ font-weight: 500;
145
+ letter-spacing: -0.32px;
146
+ font-family: var(--font-family-alfasans);
139
147
  }
140
148
  .mobile.headline-system-large .title {
141
149
  font-size: 30px;
142
150
  line-height: 36px;
143
- font-weight: 600;
144
- font-family: var(--font-family-system);
151
+ font-weight: 500;
152
+ letter-spacing: -0.25px;
153
+ font-family: var(--font-family-alfasans);
145
154
  }
146
155
  .mobile.headline-system-medium .title {
147
156
  font-size: 26px;
148
157
  line-height: 32px;
149
- font-weight: 600;
150
- font-family: var(--font-family-system);
158
+ font-weight: 500;
159
+ letter-spacing: -0.25px;
160
+ font-family: var(--font-family-alfasans);
151
161
  }
152
162
  .mobile.headline-system-small .title {
153
163
  font-size: 20px;
154
164
  line-height: 28px;
155
- font-weight: 600;
156
- font-family: var(--font-family-system);
165
+ font-weight: 500;
166
+ letter-spacing: -0.15px;
167
+ font-family: var(--font-family-alfasans);
157
168
  }
158
169
  .mobile.headline-system-xsmall .title {
159
170
  font-size: 16px;
160
171
  line-height: 20px;
161
- font-weight: 600;
162
- font-family: var(--font-family-system);
172
+ font-weight: 500;
173
+ letter-spacing: 0.17px;
174
+ font-family: var(--font-family-alfasans);
163
175
  }
164
176
  .mobile.headline-xlarge .title {
165
177
  font-size: 34px;
166
178
  line-height: 40px;
167
179
  font-weight: 500;
168
- font-feature-settings: 'ss01';
169
- font-family: var(--font-family-styrene);
180
+ letter-spacing: -0.32px;
181
+ font-family: var(--font-family-alfasans);
170
182
  }
171
183
  .mobile.headline-large .title {
172
184
  font-size: 30px;
173
185
  line-height: 36px;
174
186
  font-weight: 500;
175
- font-feature-settings: 'ss01';
176
- font-family: var(--font-family-styrene);
187
+ letter-spacing: -0.25px;
188
+ font-family: var(--font-family-alfasans);
177
189
  }
178
190
  .mobile.headline-medium .title {
179
191
  font-size: 26px;
180
192
  line-height: 32px;
181
193
  font-weight: 500;
182
- font-feature-settings: 'ss01';
183
- font-family: var(--font-family-styrene);
194
+ letter-spacing: -0.25px;
195
+ font-family: var(--font-family-alfasans);
184
196
  }
185
197
  .mobile.headline-small .title {
186
198
  font-size: 20px;
187
199
  line-height: 28px;
188
200
  font-weight: 500;
189
- font-feature-settings: 'ss01';
190
- font-family: var(--font-family-styrene);
201
+ letter-spacing: -0.15px;
202
+ font-family: var(--font-family-alfasans);
191
203
  }
192
204
  .mobile.headline-xsmall .title {
193
205
  font-size: 16px;
194
206
  line-height: 20px;
195
207
  font-weight: 500;
196
- font-feature-settings: 'ss01';
197
- font-family: var(--font-family-styrene);
208
+ letter-spacing: 0.17px;
209
+ font-family: var(--font-family-alfasans);
198
210
  }
199
211
  .mobile.headline-system-xlarge .title, .mobile.headline-xlarge .title {
200
212
  padding-bottom: calc(40px / 2);
@@ -305,5 +317,6 @@
305
317
  font-size: 16px;
306
318
  line-height: 24px;
307
319
  font-weight: 400;
308
- font-family: var(--font-family-system);
320
+ letter-spacing: -0.24px;
321
+ font-family: var(--font-family-alfasans);
309
322
  }