@alfalab/core-components-typography 6.0.3-alfasans → 6.0.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 (37) hide show
  1. package/colors.css +20 -20
  2. package/colors.module.css.js +1 -1
  3. package/cssm/text/index.module.css +13 -40
  4. package/cssm/title/index.module.css +40 -29
  5. package/cssm/title-mobile/index.module.css +45 -28
  6. package/esm/colors.css +20 -20
  7. package/esm/colors.module.css.js +1 -1
  8. package/esm/text/index.css +53 -80
  9. package/esm/text/index.module.css.js +1 -1
  10. package/esm/title/common.css +5 -5
  11. package/esm/title/common.module.css.js +1 -1
  12. package/esm/title/index.css +65 -54
  13. package/esm/title/index.module.css.js +1 -1
  14. package/esm/title-mobile/index.css +70 -53
  15. package/esm/title-mobile/index.module.css.js +1 -1
  16. package/modern/colors.css +20 -20
  17. package/modern/colors.module.css.js +1 -1
  18. package/modern/text/index.css +53 -80
  19. package/modern/text/index.module.css.js +1 -1
  20. package/modern/title/common.css +5 -5
  21. package/modern/title/common.module.css.js +1 -1
  22. package/modern/title/index.css +65 -54
  23. package/modern/title/index.module.css.js +1 -1
  24. package/modern/title-mobile/index.css +70 -53
  25. package/modern/title-mobile/index.module.css.js +1 -1
  26. package/moderncssm/text/index.module.css +11 -37
  27. package/moderncssm/title/index.module.css +35 -26
  28. package/moderncssm/title-mobile/index.module.css +40 -25
  29. package/package.json +6 -6
  30. package/text/index.css +53 -80
  31. package/text/index.module.css.js +1 -1
  32. package/title/common.css +5 -5
  33. package/title/common.module.css.js +1 -1
  34. package/title/index.css +65 -54
  35. package/title/index.module.css.js +1 -1
  36. package/title-mobile/index.css +70 -53
  37. package/title-mobile/index.module.css.js +1 -1
package/esm/text/index.css CHANGED
@@ -4,206 +4,179 @@
4
4
  --gap-12: var(--gap-s);
5
5
  }
6
6
  :root {
7
- --font-family-alfasans:
8
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
9
- Helvetica, sans-serif;
7
+ --font-family-system:
8
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
10
9
  }
11
- .typography__transparent_1mt2x {
10
+ .typography__transparent_javr3 {
12
11
  opacity: 0;
13
12
  }
14
13
  :root {
15
14
  --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
16
15
  }
17
- .typography__paragraph_1mt2x {
16
+ .typography__paragraph_javr3 {
18
17
  margin: var(--gap-0);
19
18
  padding: var(--gap-0);
20
19
  }
21
- .typography__paragraphWithMargins_1mt2x {
20
+ .typography__paragraphWithMargins_javr3 {
22
21
  padding: var(--gap-0);
23
22
  margin: var(--text-paragraph-margin-bottom);
24
23
  }
25
- .typography__component_1mt2x {
24
+ .typography__component_javr3 {
26
25
  font-size: 16px;
27
26
  line-height: 20px;
28
27
  font-weight: 400;
29
- letter-spacing: -0.24px;
30
- font-family: var(--font-family-alfasans);
28
+ font-family: var(--font-family-system);
31
29
  }
32
- .typography__component_1mt2x.typography__bold_1mt2x {
30
+ .typography__component_javr3.typography__bold_javr3 {
33
31
  font-weight: 700;
34
- letter-spacing: 0.43px;
35
32
  }
36
- .typography__component_1mt2x.typography__medium_1mt2x {
33
+ .typography__component_javr3.typography__medium_javr3 {
37
34
  font-weight: 500;
38
- letter-spacing: -0.05px;
39
35
  }
40
- .typography__caps_1mt2x {
36
+ .typography__caps_javr3 {
41
37
  font-size: 12px;
42
38
  line-height: 16px;
43
39
  font-weight: 400;
44
40
  letter-spacing: 1.25px;
45
41
  text-transform: uppercase;
46
- font-family: var(--font-family-alfasans);
42
+ font-family: var(--font-family-system);
47
43
  }
48
- .typography__caps_1mt2x.typography__bold_1mt2x {
44
+ .typography__caps_javr3.typography__bold_javr3 {
49
45
  font-weight: 700;
50
46
  }
51
- .typography__caps_1mt2x.typography__medium_1mt2x {
47
+ .typography__caps_javr3.typography__medium_javr3 {
52
48
  font-weight: 500;
53
49
  }
54
- .typography__tagline_1mt2x {
50
+ .typography__tagline_javr3 {
55
51
  font-size: 12px;
56
52
  line-height: 16px;
57
53
  font-weight: 400;
58
54
  letter-spacing: 1.25px;
59
55
  text-transform: uppercase;
60
- font-family: var(--font-family-alfasans);
56
+ font-family: var(--font-family-system);
61
57
  }
62
- .typography__tagline_1mt2x.typography__bold_1mt2x {
58
+ .typography__tagline_javr3.typography__bold_javr3 {
63
59
  font-weight: 700;
64
60
  }
65
- .typography__tagline_1mt2x.typography__medium_1mt2x {
61
+ .typography__tagline_javr3.typography__medium_javr3 {
66
62
  font-weight: 500;
67
63
  }
68
- .typography__primary-large_1mt2x {
64
+ .typography__primary-large_javr3 {
69
65
  font-size: 18px;
70
66
  line-height: 24px;
71
67
  font-weight: 400;
72
- letter-spacing: -0.36px;
73
- font-family: var(--font-family-alfasans);
68
+ font-family: var(--font-family-system);
74
69
  }
75
- .typography__primary-large_1mt2x.typography__bold_1mt2x {
70
+ .typography__primary-large_javr3.typography__bold_javr3 {
76
71
  font-weight: 700;
77
- letter-spacing: 0.38px;
78
72
  }
79
- .typography__primary-large_1mt2x.typography__medium_1mt2x {
73
+ .typography__primary-large_javr3.typography__medium_javr3 {
80
74
  font-weight: 500;
81
- letter-spacing: -0.17px;
82
75
  }
83
- .typography__primary-medium_1mt2x {
76
+ .typography__primary-medium_javr3 {
84
77
  font-size: 16px;
85
78
  line-height: 24px;
86
79
  font-weight: 400;
87
- letter-spacing: -0.24px;
88
- font-family: var(--font-family-alfasans);
80
+ font-family: var(--font-family-system);
89
81
  }
90
- .typography__primary-medium_1mt2x.typography__bold_1mt2x {
82
+ .typography__primary-medium_javr3.typography__bold_javr3 {
91
83
  font-weight: 700;
92
- letter-spacing: 0.43px;
93
84
  }
94
- .typography__primary-medium_1mt2x.typography__medium_1mt2x {
85
+ .typography__primary-medium_javr3.typography__medium_javr3 {
95
86
  font-weight: 500;
96
- letter-spacing: -0.05px;
97
87
  }
98
- .typography__primary-small_1mt2x {
88
+ .typography__primary-small_javr3 {
99
89
  font-size: 14px;
100
90
  line-height: 20px;
101
91
  font-weight: 400;
102
- letter-spacing: -0.08px;
103
- font-family: var(--font-family-alfasans);
92
+ font-family: var(--font-family-system);
104
93
  }
105
- .typography__primary-small_1mt2x.typography__bold_1mt2x {
94
+ .typography__primary-small_javr3.typography__bold_javr3 {
106
95
  font-weight: 700;
107
- letter-spacing: 0.47px;
108
96
  }
109
- .typography__primary-small_1mt2x.typography__medium_1mt2x {
97
+ .typography__primary-small_javr3.typography__medium_javr3 {
110
98
  font-weight: 500;
111
- letter-spacing: 0.07px;
112
99
  }
113
- .typography__component-primary_1mt2x {
100
+ .typography__component-primary_javr3 {
114
101
  font-size: 16px;
115
102
  line-height: 20px;
116
103
  font-weight: 400;
117
- letter-spacing: -0.24px;
118
- font-family: var(--font-family-alfasans);
104
+ font-family: var(--font-family-system);
119
105
  }
120
- .typography__component-primary_1mt2x.typography__bold_1mt2x {
106
+ .typography__component-primary_javr3.typography__bold_javr3 {
121
107
  font-weight: 700;
122
- letter-spacing: 0.43px;
123
108
  }
124
- .typography__component-primary_1mt2x.typography__medium_1mt2x {
109
+ .typography__component-primary_javr3.typography__medium_javr3 {
125
110
  font-weight: 500;
126
- letter-spacing: -0.05px;
127
111
  }
128
- .typography__secondary-large_1mt2x {
112
+ .typography__secondary-large_javr3 {
129
113
  font-size: 13px;
130
114
  line-height: 16px;
131
115
  font-weight: 400;
132
- font-family: var(--font-family-alfasans);
116
+ font-family: var(--font-family-system);
133
117
  }
134
- .typography__secondary-large_1mt2x.typography__bold_1mt2x {
118
+ .typography__secondary-large_javr3.typography__bold_javr3 {
135
119
  font-weight: 700;
136
- letter-spacing: 0.54px;
137
120
  }
138
- .typography__secondary-large_1mt2x.typography__medium_1mt2x {
121
+ .typography__secondary-large_javr3.typography__medium_javr3 {
139
122
  font-weight: 500;
140
- letter-spacing: 0.13px;
141
123
  }
142
- .typography__secondary-medium_1mt2x {
124
+ .typography__secondary-medium_javr3 {
143
125
  font-size: 12px;
144
126
  line-height: 16px;
145
127
  font-weight: 400;
146
- letter-spacing: 0.06px;
147
- font-family: var(--font-family-alfasans);
128
+ font-family: var(--font-family-system);
148
129
  }
149
- .typography__secondary-medium_1mt2x.typography__bold_1mt2x {
130
+ .typography__secondary-medium_javr3.typography__bold_javr3 {
150
131
  font-weight: 700;
151
- letter-spacing: 0.57px;
152
132
  }
153
- .typography__secondary-medium_1mt2x.typography__medium_1mt2x {
133
+ .typography__secondary-medium_javr3.typography__medium_javr3 {
154
134
  font-weight: 500;
155
- letter-spacing: 0.19px;
156
135
  }
157
- .typography__secondary-small_1mt2x {
136
+ .typography__secondary-small_javr3 {
158
137
  font-size: 11px;
159
138
  line-height: 16px;
160
139
  font-weight: 400;
161
- letter-spacing: 0.15px;
162
- font-family: var(--font-family-alfasans);
140
+ font-family: var(--font-family-system);
163
141
  }
164
- .typography__secondary-small_1mt2x.typography__bold_1mt2x {
142
+ .typography__secondary-small_javr3.typography__bold_javr3 {
165
143
  font-weight: 700;
166
- letter-spacing: 0.54px;
167
144
  }
168
- .typography__secondary-small_1mt2x.typography__medium_1mt2x {
145
+ .typography__secondary-small_javr3.typography__medium_javr3 {
169
146
  font-weight: 500;
170
- letter-spacing: 0.24px;
171
147
  }
172
- .typography__component-secondary_1mt2x {
148
+ .typography__component-secondary_javr3 {
173
149
  font-size: 14px;
174
150
  line-height: 18px;
175
151
  font-weight: 400;
176
- letter-spacing: -0.08px;
177
- font-family: var(--font-family-alfasans);
152
+ font-family: var(--font-family-system);
178
153
  }
179
- .typography__component-secondary_1mt2x.typography__bold_1mt2x {
154
+ .typography__component-secondary_javr3.typography__bold_javr3 {
180
155
  font-weight: 700;
181
- letter-spacing: 0.47px;
182
156
  }
183
- .typography__component-secondary_1mt2x.typography__medium_1mt2x {
157
+ .typography__component-secondary_javr3.typography__medium_javr3 {
184
158
  font-weight: 500;
185
- letter-spacing: 0.07px;
186
159
  }
187
- .typography__rowLimit1_1mt2x {
160
+ .typography__rowLimit1_javr3 {
188
161
  -webkit-line-clamp: 1;
189
162
  display: -webkit-box;
190
163
  -webkit-box-orient: vertical;
191
164
  overflow: hidden;
192
165
  word-break: break-all;
193
166
  }
194
- .typography__rowLimit2_1mt2x {
167
+ .typography__rowLimit2_javr3 {
195
168
  -webkit-line-clamp: 2;
196
169
  display: -webkit-box;
197
170
  -webkit-box-orient: vertical;
198
171
  overflow: hidden;
199
172
  }
200
- .typography__rowLimit3_1mt2x {
173
+ .typography__rowLimit3_javr3 {
201
174
  -webkit-line-clamp: 3;
202
175
  display: -webkit-box;
203
176
  -webkit-box-orient: vertical;
204
177
  overflow: hidden;
205
178
  }
206
- .typography__monospace_1mt2x {
179
+ .typography__monospace_javr3 {
207
180
  font-feature-settings: "tnum";
208
181
  font-variant-numeric: tabular-nums;
209
182
  }
package/esm/text/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"transparent":"typography__transparent_1mt2x","paragraph":"typography__paragraph_1mt2x","paragraphWithMargins":"typography__paragraphWithMargins_1mt2x","component":"typography__component_1mt2x","bold":"typography__bold_1mt2x","medium":"typography__medium_1mt2x","caps":"typography__caps_1mt2x","tagline":"typography__tagline_1mt2x","primary-large":"typography__primary-large_1mt2x","primary-medium":"typography__primary-medium_1mt2x","primary-small":"typography__primary-small_1mt2x","component-primary":"typography__component-primary_1mt2x","secondary-large":"typography__secondary-large_1mt2x","secondary-medium":"typography__secondary-medium_1mt2x","secondary-small":"typography__secondary-small_1mt2x","component-secondary":"typography__component-secondary_1mt2x","rowLimit1":"typography__rowLimit1_1mt2x","rowLimit2":"typography__rowLimit2_1mt2x","rowLimit3":"typography__rowLimit3_1mt2x","monospace":"typography__monospace_1mt2x"};
3
+ var styles = {"transparent":"typography__transparent_javr3","paragraph":"typography__paragraph_javr3","paragraphWithMargins":"typography__paragraphWithMargins_javr3","component":"typography__component_javr3","bold":"typography__bold_javr3","medium":"typography__medium_javr3","caps":"typography__caps_javr3","tagline":"typography__tagline_javr3","primary-large":"typography__primary-large_javr3","primary-medium":"typography__primary-medium_javr3","primary-small":"typography__primary-small_javr3","component-primary":"typography__component-primary_javr3","secondary-large":"typography__secondary-large_javr3","secondary-medium":"typography__secondary-medium_javr3","secondary-small":"typography__secondary-small_javr3","component-secondary":"typography__component-secondary_javr3","rowLimit1":"typography__rowLimit1_javr3","rowLimit2":"typography__rowLimit2_javr3","rowLimit3":"typography__rowLimit3_javr3","monospace":"typography__monospace_javr3"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/title/common.css CHANGED
@@ -1,27 +1,27 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .typography__transparent_1hjyn {
4
+ .typography__transparent_1xzh4 {
5
5
  opacity: 0;
6
6
  }
7
- .typography__component_1hjyn {
7
+ .typography__component_1xzh4 {
8
8
  margin: var(--gap-0);
9
9
  padding: var(--gap-0);
10
10
  }
11
- .typography__rowLimit1_1hjyn {
11
+ .typography__rowLimit1_1xzh4 {
12
12
  -webkit-line-clamp: 1;
13
13
  display: -webkit-box;
14
14
  -webkit-box-orient: vertical;
15
15
  overflow: hidden;
16
16
  word-break: break-all;
17
17
  }
18
- .typography__rowLimit2_1hjyn {
18
+ .typography__rowLimit2_1xzh4 {
19
19
  -webkit-line-clamp: 2;
20
20
  display: -webkit-box;
21
21
  -webkit-box-orient: vertical;
22
22
  overflow: hidden;
23
23
  }
24
- .typography__rowLimit3_1hjyn {
24
+ .typography__rowLimit3_1xzh4 {
25
25
  -webkit-line-clamp: 3;
26
26
  display: -webkit-box;
27
27
  -webkit-box-orient: vertical;
package/esm/title/common.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './common.css';
2
2
 
3
- var commonStyles = {"transparent":"typography__transparent_1hjyn","component":"typography__component_1hjyn","rowLimit1":"typography__rowLimit1_1hjyn","rowLimit2":"typography__rowLimit2_1hjyn","rowLimit3":"typography__rowLimit3_1hjyn"};
3
+ var commonStyles = {"transparent":"typography__transparent_1xzh4","component":"typography__component_1xzh4","rowLimit1":"typography__rowLimit1_1xzh4","rowLimit2":"typography__rowLimit2_1xzh4","rowLimit3":"typography__rowLimit3_1xzh4"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=common.module.css.js.map
package/esm/title/index.css CHANGED
@@ -10,132 +10,143 @@
10
10
  --gap-48: var(--gap-4xl);
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;
15
+ --font-family-styrene:
16
+ 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
17
+ sans-serif;
16
18
  }
17
- .typography__xlarge_eq9mm {
19
+ .typography__xlarge_1am21 {
18
20
  font-size: 48px;
19
21
  line-height: 52px;
20
22
  font-weight: 700;
21
- letter-spacing: 0.1px;
22
- font-family: var(--font-family-alfasans);
23
+ font-family: var(--font-family-system);
23
24
  }
24
- .typography__xlarge_eq9mm.typography__font_eq9mm {
25
+ .typography__xlarge_1am21.typography__font_1am21 {
25
26
  line-height: 64px;
27
+ font-weight: 500;
28
+ font-feature-settings: 'ss01';
29
+ font-family: var(--font-family-styrene);
26
30
  }
27
- .typography__regular-xlarge_eq9mm {
31
+ .typography__regular-xlarge_1am21 {
28
32
  font-size: 48px;
29
33
  line-height: 52px;
30
34
  font-weight: 400;
31
- letter-spacing: -2.1px;
32
- font-family: var(--font-family-alfasans);
35
+ font-family: var(--font-family-system);
33
36
  }
34
- .typography__regular-xlarge_eq9mm.typography__font_eq9mm {
37
+ .typography__regular-xlarge_1am21.typography__font_1am21 {
35
38
  line-height: 64px;
39
+ font-feature-settings: 'ss01';
40
+ font-family: var(--font-family-styrene);
36
41
  }
37
- .typography__large_eq9mm {
42
+ .typography__large_1am21 {
38
43
  font-size: 40px;
39
44
  line-height: 48px;
40
45
  font-weight: 700;
41
- letter-spacing: 0.1px;
42
- font-family: var(--font-family-alfasans);
46
+ font-family: var(--font-family-system);
43
47
  }
44
- .typography__large_eq9mm.typography__font_eq9mm {
48
+ .typography__large_1am21.typography__font_1am21 {
49
+ font-weight: 500;
50
+ font-feature-settings: 'ss01';
51
+ font-family: var(--font-family-styrene);
45
52
  }
46
- .typography__regular-large_eq9mm {
53
+ .typography__regular-large_1am21 {
47
54
  font-size: 40px;
48
55
  line-height: 48px;
49
56
  font-weight: 400;
50
- letter-spacing: -1.7px;
51
- font-family: var(--font-family-alfasans);
57
+ font-family: var(--font-family-system);
52
58
  }
53
- .typography__regular-large_eq9mm.typography__font_eq9mm {
59
+ .typography__regular-large_1am21.typography__font_1am21 {
60
+ font-feature-settings: 'ss01';
61
+ font-family: var(--font-family-styrene);
54
62
  }
55
- .typography__medium_eq9mm {
63
+ .typography__medium_1am21 {
56
64
  font-size: 30px;
57
65
  line-height: 36px;
58
66
  font-weight: 700;
59
- letter-spacing: 0.1px;
60
- font-family: var(--font-family-alfasans);
67
+ font-family: var(--font-family-system);
61
68
  }
62
- .typography__medium_eq9mm.typography__font_eq9mm {
69
+ .typography__medium_1am21.typography__font_1am21 {
63
70
  font-size: 32px;
64
71
  line-height: 40px;
65
- letter-spacing: 0.3px;
72
+ font-weight: 500;
73
+ font-feature-settings: 'ss01';
74
+ font-family: var(--font-family-styrene);
66
75
  }
67
- .typography__regular-medium_eq9mm {
76
+ .typography__regular-medium_1am21 {
68
77
  font-size: 30px;
69
78
  line-height: 36px;
70
79
  font-weight: 400;
71
- letter-spacing: -1.25px;
72
- font-family: var(--font-family-alfasans);
80
+ font-family: var(--font-family-system);
73
81
  }
74
- .typography__regular-medium_eq9mm.typography__font_eq9mm {
82
+ .typography__regular-medium_1am21.typography__font_1am21 {
75
83
  font-size: 32px;
76
84
  line-height: 40px;
77
- letter-spacing: -1.36px;
85
+ font-feature-settings: 'ss01';
86
+ font-family: var(--font-family-styrene);
78
87
  }
79
- .typography__small_eq9mm {
88
+ .typography__small_1am21 {
80
89
  font-size: 22px;
81
90
  line-height: 26px;
82
91
  font-weight: 700;
83
- letter-spacing: 0.2px;
84
- font-family: var(--font-family-alfasans);
92
+ font-family: var(--font-family-system);
85
93
  }
86
- .typography__small_eq9mm.typography__font_eq9mm {
94
+ .typography__small_1am21.typography__font_1am21 {
87
95
  font-size: 24px;
88
96
  line-height: 32px;
89
- letter-spacing: 0.39px;
97
+ font-weight: 500;
98
+ font-feature-settings: 'ss01';
99
+ font-family: var(--font-family-styrene);
90
100
  }
91
- .typography__regular-small_eq9mm {
101
+ .typography__regular-small_1am21 {
92
102
  font-size: 22px;
93
103
  line-height: 26px;
94
104
  font-weight: 400;
95
- letter-spacing: -0.8px;
96
- font-family: var(--font-family-alfasans);
105
+ font-family: var(--font-family-system);
97
106
  }
98
- .typography__regular-small_eq9mm.typography__font_eq9mm {
107
+ .typography__regular-small_1am21.typography__font_1am21 {
99
108
  font-size: 24px;
100
109
  line-height: 32px;
101
- letter-spacing: -0.9px;
110
+ font-feature-settings: 'ss01';
111
+ font-family: var(--font-family-styrene);
102
112
  }
103
- .typography__xsmall_eq9mm {
113
+ .typography__xsmall_1am21 {
104
114
  font-size: 18px;
105
115
  line-height: 22px;
106
116
  font-weight: 700;
107
- letter-spacing: 0.38px;
108
- font-family: var(--font-family-alfasans);
117
+ font-family: var(--font-family-system);
109
118
  }
110
- .typography__xsmall_eq9mm.typography__font_eq9mm {
119
+ .typography__xsmall_1am21.typography__font_1am21 {
111
120
  font-size: 20px;
112
121
  line-height: 24px;
113
- letter-spacing: 0.33px;
122
+ font-weight: 500;
123
+ font-feature-settings: 'ss01';
124
+ font-family: var(--font-family-styrene);
114
125
  }
115
- .typography__regular-xsmall_eq9mm {
126
+ .typography__regular-xsmall_1am21 {
116
127
  font-size: 18px;
117
128
  line-height: 22px;
118
129
  font-weight: 400;
119
- letter-spacing: -0.36px;
120
- font-family: var(--font-family-alfasans);
130
+ font-family: var(--font-family-system);
121
131
  }
122
- .typography__regular-xsmall_eq9mm.typography__font_eq9mm {
132
+ .typography__regular-xsmall_1am21.typography__font_1am21 {
123
133
  font-size: 20px;
124
134
  line-height: 24px;
125
- letter-spacing: -0.68px;
135
+ font-feature-settings: 'ss01';
136
+ font-family: var(--font-family-styrene);
126
137
  }
127
- .typography__component_eq9mm.typography__margins-xlarge_eq9mm {
138
+ .typography__component_1am21.typography__margins-xlarge_1am21 {
128
139
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
129
140
  }
130
- .typography__component_eq9mm.typography__margins-large_eq9mm {
141
+ .typography__component_1am21.typography__margins-large_1am21 {
131
142
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
132
143
  }
133
- .typography__component_eq9mm.typography__margins-medium_eq9mm {
144
+ .typography__component_1am21.typography__margins-medium_1am21 {
134
145
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
135
146
  }
136
- .typography__component_eq9mm.typography__margins-small_eq9mm {
147
+ .typography__component_1am21.typography__margins-small_1am21 {
137
148
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
138
149
  }
139
- .typography__component_eq9mm.typography__margins-xsmall_eq9mm {
150
+ .typography__component_1am21.typography__margins-xsmall_1am21 {
140
151
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
141
152
  }
package/esm/title/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"xlarge":"typography__xlarge_eq9mm","font":"typography__font_eq9mm","regular-xlarge":"typography__regular-xlarge_eq9mm","large":"typography__large_eq9mm","regular-large":"typography__regular-large_eq9mm","medium":"typography__medium_eq9mm","regular-medium":"typography__regular-medium_eq9mm","small":"typography__small_eq9mm","regular-small":"typography__regular-small_eq9mm","xsmall":"typography__xsmall_eq9mm","regular-xsmall":"typography__regular-xsmall_eq9mm","component":"typography__component_eq9mm","margins-xlarge":"typography__margins-xlarge_eq9mm","margins-large":"typography__margins-large_eq9mm","margins-medium":"typography__margins-medium_eq9mm","margins-small":"typography__margins-small_eq9mm","margins-xsmall":"typography__margins-xsmall_eq9mm"};
3
+ var styles = {"xlarge":"typography__xlarge_1am21","font":"typography__font_1am21","regular-xlarge":"typography__regular-xlarge_1am21","large":"typography__large_1am21","regular-large":"typography__regular-large_1am21","medium":"typography__medium_1am21","regular-medium":"typography__regular-medium_1am21","small":"typography__small_1am21","regular-small":"typography__regular-small_1am21","xsmall":"typography__xsmall_1am21","regular-xsmall":"typography__regular-xsmall_1am21","component":"typography__component_1am21","margins-xlarge":"typography__margins-xlarge_1am21","margins-large":"typography__margins-large_1am21","margins-medium":"typography__margins-medium_1am21","margins-small":"typography__margins-small_1am21","margins-xsmall":"typography__margins-xsmall_1am21"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map