@alfalab/core-components-typography 6.0.0 → 6.0.1-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 (37) hide show
  1. package/colors.css +20 -20
  2. package/colors.module.css.js +1 -1
  3. package/cssm/text/index.module.css +40 -13
  4. package/cssm/title/index.module.css +29 -40
  5. package/cssm/title-mobile/index.module.css +28 -45
  6. package/esm/colors.css +20 -20
  7. package/esm/colors.module.css.js +1 -1
  8. package/esm/text/index.css +80 -53
  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 +54 -65
  13. package/esm/title/index.module.css.js +1 -1
  14. package/esm/title-mobile/index.css +53 -70
  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 +80 -53
  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 +54 -65
  23. package/modern/title/index.module.css.js +1 -1
  24. package/modern/title-mobile/index.css +53 -70
  25. package/modern/title-mobile/index.module.css.js +1 -1
  26. package/moderncssm/text/index.module.css +37 -11
  27. package/moderncssm/title/index.module.css +26 -35
  28. package/moderncssm/title-mobile/index.module.css +25 -40
  29. package/package.json +6 -6
  30. package/text/index.css +80 -53
  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 +54 -65
  35. package/title/index.module.css.js +1 -1
  36. package/title-mobile/index.css +53 -70
  37. package/title-mobile/index.module.css.js +1 -1
package/esm/text/index.css CHANGED
@@ -4,179 +4,206 @@
4
4
  --gap-12: var(--gap-s);
5
5
  }
6
6
  :root {
7
- --font-family-system:
8
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
7
+ --font-family-alfasans:
8
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
9
+ Helvetica, sans-serif;
9
10
  }
10
- .typography__transparent_xy4lp {
11
+ .typography__transparent_bytdk {
11
12
  opacity: 0;
12
13
  }
13
14
  :root {
14
15
  --text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
15
16
  }
16
- .typography__paragraph_xy4lp {
17
+ .typography__paragraph_bytdk {
17
18
  margin: var(--gap-0);
18
19
  padding: var(--gap-0);
19
20
  }
20
- .typography__paragraphWithMargins_xy4lp {
21
+ .typography__paragraphWithMargins_bytdk {
21
22
  padding: var(--gap-0);
22
23
  margin: var(--text-paragraph-margin-bottom);
23
24
  }
24
- .typography__component_xy4lp {
25
+ .typography__component_bytdk {
25
26
  font-size: 16px;
26
27
  line-height: 20px;
27
28
  font-weight: 400;
28
- font-family: var(--font-family-system);
29
+ letter-spacing: -0.24px;
30
+ font-family: var(--font-family-alfasans);
29
31
  }
30
- .typography__component_xy4lp.typography__bold_xy4lp {
32
+ .typography__component_bytdk.typography__bold_bytdk {
31
33
  font-weight: 700;
34
+ letter-spacing: 0.43px;
32
35
  }
33
- .typography__component_xy4lp.typography__medium_xy4lp {
36
+ .typography__component_bytdk.typography__medium_bytdk {
34
37
  font-weight: 500;
38
+ letter-spacing: -0.05px;
35
39
  }
36
- .typography__caps_xy4lp {
40
+ .typography__caps_bytdk {
37
41
  font-size: 12px;
38
42
  line-height: 16px;
39
43
  font-weight: 400;
40
44
  letter-spacing: 1.25px;
41
45
  text-transform: uppercase;
42
- font-family: var(--font-family-system);
46
+ font-family: var(--font-family-alfasans);
43
47
  }
44
- .typography__caps_xy4lp.typography__bold_xy4lp {
48
+ .typography__caps_bytdk.typography__bold_bytdk {
45
49
  font-weight: 700;
46
50
  }
47
- .typography__caps_xy4lp.typography__medium_xy4lp {
51
+ .typography__caps_bytdk.typography__medium_bytdk {
48
52
  font-weight: 500;
49
53
  }
50
- .typography__tagline_xy4lp {
54
+ .typography__tagline_bytdk {
51
55
  font-size: 12px;
52
56
  line-height: 16px;
53
57
  font-weight: 400;
54
58
  letter-spacing: 1.25px;
55
59
  text-transform: uppercase;
56
- font-family: var(--font-family-system);
60
+ font-family: var(--font-family-alfasans);
57
61
  }
58
- .typography__tagline_xy4lp.typography__bold_xy4lp {
62
+ .typography__tagline_bytdk.typography__bold_bytdk {
59
63
  font-weight: 700;
60
64
  }
61
- .typography__tagline_xy4lp.typography__medium_xy4lp {
65
+ .typography__tagline_bytdk.typography__medium_bytdk {
62
66
  font-weight: 500;
63
67
  }
64
- .typography__primary-large_xy4lp {
68
+ .typography__primary-large_bytdk {
65
69
  font-size: 18px;
66
70
  line-height: 24px;
67
71
  font-weight: 400;
68
- font-family: var(--font-family-system);
72
+ letter-spacing: -0.36px;
73
+ font-family: var(--font-family-alfasans);
69
74
  }
70
- .typography__primary-large_xy4lp.typography__bold_xy4lp {
75
+ .typography__primary-large_bytdk.typography__bold_bytdk {
71
76
  font-weight: 700;
77
+ letter-spacing: 0.38px;
72
78
  }
73
- .typography__primary-large_xy4lp.typography__medium_xy4lp {
79
+ .typography__primary-large_bytdk.typography__medium_bytdk {
74
80
  font-weight: 500;
81
+ letter-spacing: -0.17px;
75
82
  }
76
- .typography__primary-medium_xy4lp {
83
+ .typography__primary-medium_bytdk {
77
84
  font-size: 16px;
78
85
  line-height: 24px;
79
86
  font-weight: 400;
80
- font-family: var(--font-family-system);
87
+ letter-spacing: -0.24px;
88
+ font-family: var(--font-family-alfasans);
81
89
  }
82
- .typography__primary-medium_xy4lp.typography__bold_xy4lp {
90
+ .typography__primary-medium_bytdk.typography__bold_bytdk {
83
91
  font-weight: 700;
92
+ letter-spacing: 0.43px;
84
93
  }
85
- .typography__primary-medium_xy4lp.typography__medium_xy4lp {
94
+ .typography__primary-medium_bytdk.typography__medium_bytdk {
86
95
  font-weight: 500;
96
+ letter-spacing: -0.05px;
87
97
  }
88
- .typography__primary-small_xy4lp {
98
+ .typography__primary-small_bytdk {
89
99
  font-size: 14px;
90
100
  line-height: 20px;
91
101
  font-weight: 400;
92
- font-family: var(--font-family-system);
102
+ letter-spacing: -0.08px;
103
+ font-family: var(--font-family-alfasans);
93
104
  }
94
- .typography__primary-small_xy4lp.typography__bold_xy4lp {
105
+ .typography__primary-small_bytdk.typography__bold_bytdk {
95
106
  font-weight: 700;
107
+ letter-spacing: 0.47px;
96
108
  }
97
- .typography__primary-small_xy4lp.typography__medium_xy4lp {
109
+ .typography__primary-small_bytdk.typography__medium_bytdk {
98
110
  font-weight: 500;
111
+ letter-spacing: 0.07px;
99
112
  }
100
- .typography__component-primary_xy4lp {
113
+ .typography__component-primary_bytdk {
101
114
  font-size: 16px;
102
115
  line-height: 20px;
103
116
  font-weight: 400;
104
- font-family: var(--font-family-system);
117
+ letter-spacing: -0.24px;
118
+ font-family: var(--font-family-alfasans);
105
119
  }
106
- .typography__component-primary_xy4lp.typography__bold_xy4lp {
120
+ .typography__component-primary_bytdk.typography__bold_bytdk {
107
121
  font-weight: 700;
122
+ letter-spacing: 0.43px;
108
123
  }
109
- .typography__component-primary_xy4lp.typography__medium_xy4lp {
124
+ .typography__component-primary_bytdk.typography__medium_bytdk {
110
125
  font-weight: 500;
126
+ letter-spacing: -0.05px;
111
127
  }
112
- .typography__secondary-large_xy4lp {
128
+ .typography__secondary-large_bytdk {
113
129
  font-size: 13px;
114
130
  line-height: 16px;
115
131
  font-weight: 400;
116
- font-family: var(--font-family-system);
132
+ font-family: var(--font-family-alfasans);
117
133
  }
118
- .typography__secondary-large_xy4lp.typography__bold_xy4lp {
134
+ .typography__secondary-large_bytdk.typography__bold_bytdk {
119
135
  font-weight: 700;
136
+ letter-spacing: 0.54px;
120
137
  }
121
- .typography__secondary-large_xy4lp.typography__medium_xy4lp {
138
+ .typography__secondary-large_bytdk.typography__medium_bytdk {
122
139
  font-weight: 500;
140
+ letter-spacing: 0.13px;
123
141
  }
124
- .typography__secondary-medium_xy4lp {
142
+ .typography__secondary-medium_bytdk {
125
143
  font-size: 12px;
126
144
  line-height: 16px;
127
145
  font-weight: 400;
128
- font-family: var(--font-family-system);
146
+ letter-spacing: 0.06px;
147
+ font-family: var(--font-family-alfasans);
129
148
  }
130
- .typography__secondary-medium_xy4lp.typography__bold_xy4lp {
149
+ .typography__secondary-medium_bytdk.typography__bold_bytdk {
131
150
  font-weight: 700;
151
+ letter-spacing: 0.57px;
132
152
  }
133
- .typography__secondary-medium_xy4lp.typography__medium_xy4lp {
153
+ .typography__secondary-medium_bytdk.typography__medium_bytdk {
134
154
  font-weight: 500;
155
+ letter-spacing: 0.19px;
135
156
  }
136
- .typography__secondary-small_xy4lp {
157
+ .typography__secondary-small_bytdk {
137
158
  font-size: 11px;
138
159
  line-height: 16px;
139
160
  font-weight: 400;
140
- font-family: var(--font-family-system);
161
+ letter-spacing: 0.15px;
162
+ font-family: var(--font-family-alfasans);
141
163
  }
142
- .typography__secondary-small_xy4lp.typography__bold_xy4lp {
164
+ .typography__secondary-small_bytdk.typography__bold_bytdk {
143
165
  font-weight: 700;
166
+ letter-spacing: 0.54px;
144
167
  }
145
- .typography__secondary-small_xy4lp.typography__medium_xy4lp {
168
+ .typography__secondary-small_bytdk.typography__medium_bytdk {
146
169
  font-weight: 500;
170
+ letter-spacing: 0.24px;
147
171
  }
148
- .typography__component-secondary_xy4lp {
172
+ .typography__component-secondary_bytdk {
149
173
  font-size: 14px;
150
174
  line-height: 18px;
151
175
  font-weight: 400;
152
- font-family: var(--font-family-system);
176
+ letter-spacing: -0.08px;
177
+ font-family: var(--font-family-alfasans);
153
178
  }
154
- .typography__component-secondary_xy4lp.typography__bold_xy4lp {
179
+ .typography__component-secondary_bytdk.typography__bold_bytdk {
155
180
  font-weight: 700;
181
+ letter-spacing: 0.47px;
156
182
  }
157
- .typography__component-secondary_xy4lp.typography__medium_xy4lp {
183
+ .typography__component-secondary_bytdk.typography__medium_bytdk {
158
184
  font-weight: 500;
185
+ letter-spacing: 0.07px;
159
186
  }
160
- .typography__rowLimit1_xy4lp {
187
+ .typography__rowLimit1_bytdk {
161
188
  -webkit-line-clamp: 1;
162
189
  display: -webkit-box;
163
190
  -webkit-box-orient: vertical;
164
191
  overflow: hidden;
165
192
  word-break: break-all;
166
193
  }
167
- .typography__rowLimit2_xy4lp {
194
+ .typography__rowLimit2_bytdk {
168
195
  -webkit-line-clamp: 2;
169
196
  display: -webkit-box;
170
197
  -webkit-box-orient: vertical;
171
198
  overflow: hidden;
172
199
  }
173
- .typography__rowLimit3_xy4lp {
200
+ .typography__rowLimit3_bytdk {
174
201
  -webkit-line-clamp: 3;
175
202
  display: -webkit-box;
176
203
  -webkit-box-orient: vertical;
177
204
  overflow: hidden;
178
205
  }
179
- .typography__monospace_xy4lp {
206
+ .typography__monospace_bytdk {
180
207
  font-feature-settings: "tnum";
181
208
  font-variant-numeric: tabular-nums;
182
209
  }
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_xy4lp","paragraph":"typography__paragraph_xy4lp","paragraphWithMargins":"typography__paragraphWithMargins_xy4lp","component":"typography__component_xy4lp","bold":"typography__bold_xy4lp","medium":"typography__medium_xy4lp","caps":"typography__caps_xy4lp","tagline":"typography__tagline_xy4lp","primary-large":"typography__primary-large_xy4lp","primary-medium":"typography__primary-medium_xy4lp","primary-small":"typography__primary-small_xy4lp","component-primary":"typography__component-primary_xy4lp","secondary-large":"typography__secondary-large_xy4lp","secondary-medium":"typography__secondary-medium_xy4lp","secondary-small":"typography__secondary-small_xy4lp","component-secondary":"typography__component-secondary_xy4lp","rowLimit1":"typography__rowLimit1_xy4lp","rowLimit2":"typography__rowLimit2_xy4lp","rowLimit3":"typography__rowLimit3_xy4lp","monospace":"typography__monospace_xy4lp"};
3
+ var styles = {"transparent":"typography__transparent_bytdk","paragraph":"typography__paragraph_bytdk","paragraphWithMargins":"typography__paragraphWithMargins_bytdk","component":"typography__component_bytdk","bold":"typography__bold_bytdk","medium":"typography__medium_bytdk","caps":"typography__caps_bytdk","tagline":"typography__tagline_bytdk","primary-large":"typography__primary-large_bytdk","primary-medium":"typography__primary-medium_bytdk","primary-small":"typography__primary-small_bytdk","component-primary":"typography__component-primary_bytdk","secondary-large":"typography__secondary-large_bytdk","secondary-medium":"typography__secondary-medium_bytdk","secondary-small":"typography__secondary-small_bytdk","component-secondary":"typography__component-secondary_bytdk","rowLimit1":"typography__rowLimit1_bytdk","rowLimit2":"typography__rowLimit2_bytdk","rowLimit3":"typography__rowLimit3_bytdk","monospace":"typography__monospace_bytdk"};
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_1jc89 {
4
+ .typography__transparent_1wozp {
5
5
  opacity: 0;
6
6
  }
7
- .typography__component_1jc89 {
7
+ .typography__component_1wozp {
8
8
  margin: var(--gap-0);
9
9
  padding: var(--gap-0);
10
10
  }
11
- .typography__rowLimit1_1jc89 {
11
+ .typography__rowLimit1_1wozp {
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_1jc89 {
18
+ .typography__rowLimit2_1wozp {
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_1jc89 {
24
+ .typography__rowLimit3_1wozp {
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_1jc89","component":"typography__component_1jc89","rowLimit1":"typography__rowLimit1_1jc89","rowLimit2":"typography__rowLimit2_1jc89","rowLimit3":"typography__rowLimit3_1jc89"};
3
+ var commonStyles = {"transparent":"typography__transparent_1wozp","component":"typography__component_1wozp","rowLimit1":"typography__rowLimit1_1wozp","rowLimit2":"typography__rowLimit2_1wozp","rowLimit3":"typography__rowLimit3_1wozp"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=common.module.css.js.map
package/esm/title/index.css CHANGED
@@ -10,143 +10,132 @@
10
10
  --gap-48: var(--gap-4xl);
11
11
  }
12
12
  :root {
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;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
18
16
  }
19
- .typography__xlarge_vyt7b {
17
+ .typography__xlarge_1kq28 {
20
18
  font-size: 48px;
21
19
  line-height: 52px;
22
20
  font-weight: 700;
23
- font-family: var(--font-family-system);
21
+ letter-spacing: 0.1px;
22
+ font-family: var(--font-family-alfasans);
24
23
  }
25
- .typography__xlarge_vyt7b.typography__font_vyt7b {
24
+ .typography__xlarge_1kq28.typography__font_1kq28 {
26
25
  line-height: 64px;
27
- font-weight: 500;
28
- font-feature-settings: 'ss01';
29
- font-family: var(--font-family-styrene);
30
26
  }
31
- .typography__regular-xlarge_vyt7b {
27
+ .typography__regular-xlarge_1kq28 {
32
28
  font-size: 48px;
33
29
  line-height: 52px;
34
30
  font-weight: 400;
35
- font-family: var(--font-family-system);
31
+ letter-spacing: -2.1px;
32
+ font-family: var(--font-family-alfasans);
36
33
  }
37
- .typography__regular-xlarge_vyt7b.typography__font_vyt7b {
34
+ .typography__regular-xlarge_1kq28.typography__font_1kq28 {
38
35
  line-height: 64px;
39
- font-feature-settings: 'ss01';
40
- font-family: var(--font-family-styrene);
41
36
  }
42
- .typography__large_vyt7b {
37
+ .typography__large_1kq28 {
43
38
  font-size: 40px;
44
39
  line-height: 48px;
45
40
  font-weight: 700;
46
- font-family: var(--font-family-system);
41
+ letter-spacing: 0.1px;
42
+ font-family: var(--font-family-alfasans);
47
43
  }
48
- .typography__large_vyt7b.typography__font_vyt7b {
49
- font-weight: 500;
50
- font-feature-settings: 'ss01';
51
- font-family: var(--font-family-styrene);
44
+ .typography__large_1kq28.typography__font_1kq28 {
52
45
  }
53
- .typography__regular-large_vyt7b {
46
+ .typography__regular-large_1kq28 {
54
47
  font-size: 40px;
55
48
  line-height: 48px;
56
49
  font-weight: 400;
57
- font-family: var(--font-family-system);
50
+ letter-spacing: -1.7px;
51
+ font-family: var(--font-family-alfasans);
58
52
  }
59
- .typography__regular-large_vyt7b.typography__font_vyt7b {
60
- font-feature-settings: 'ss01';
61
- font-family: var(--font-family-styrene);
53
+ .typography__regular-large_1kq28.typography__font_1kq28 {
62
54
  }
63
- .typography__medium_vyt7b {
55
+ .typography__medium_1kq28 {
64
56
  font-size: 30px;
65
57
  line-height: 36px;
66
58
  font-weight: 700;
67
- font-family: var(--font-family-system);
59
+ letter-spacing: 0.1px;
60
+ font-family: var(--font-family-alfasans);
68
61
  }
69
- .typography__medium_vyt7b.typography__font_vyt7b {
62
+ .typography__medium_1kq28.typography__font_1kq28 {
70
63
  font-size: 32px;
71
64
  line-height: 40px;
72
- font-weight: 500;
73
- font-feature-settings: 'ss01';
74
- font-family: var(--font-family-styrene);
65
+ letter-spacing: 0.3px;
75
66
  }
76
- .typography__regular-medium_vyt7b {
67
+ .typography__regular-medium_1kq28 {
77
68
  font-size: 30px;
78
69
  line-height: 36px;
79
70
  font-weight: 400;
80
- font-family: var(--font-family-system);
71
+ letter-spacing: -1.25px;
72
+ font-family: var(--font-family-alfasans);
81
73
  }
82
- .typography__regular-medium_vyt7b.typography__font_vyt7b {
74
+ .typography__regular-medium_1kq28.typography__font_1kq28 {
83
75
  font-size: 32px;
84
76
  line-height: 40px;
85
- font-feature-settings: 'ss01';
86
- font-family: var(--font-family-styrene);
77
+ letter-spacing: -1.36px;
87
78
  }
88
- .typography__small_vyt7b {
79
+ .typography__small_1kq28 {
89
80
  font-size: 22px;
90
81
  line-height: 26px;
91
82
  font-weight: 700;
92
- font-family: var(--font-family-system);
83
+ letter-spacing: 0.2px;
84
+ font-family: var(--font-family-alfasans);
93
85
  }
94
- .typography__small_vyt7b.typography__font_vyt7b {
86
+ .typography__small_1kq28.typography__font_1kq28 {
95
87
  font-size: 24px;
96
88
  line-height: 32px;
97
- font-weight: 500;
98
- font-feature-settings: 'ss01';
99
- font-family: var(--font-family-styrene);
89
+ letter-spacing: 0.39px;
100
90
  }
101
- .typography__regular-small_vyt7b {
91
+ .typography__regular-small_1kq28 {
102
92
  font-size: 22px;
103
93
  line-height: 26px;
104
94
  font-weight: 400;
105
- font-family: var(--font-family-system);
95
+ letter-spacing: -0.8px;
96
+ font-family: var(--font-family-alfasans);
106
97
  }
107
- .typography__regular-small_vyt7b.typography__font_vyt7b {
98
+ .typography__regular-small_1kq28.typography__font_1kq28 {
108
99
  font-size: 24px;
109
100
  line-height: 32px;
110
- font-feature-settings: 'ss01';
111
- font-family: var(--font-family-styrene);
101
+ letter-spacing: -0.9px;
112
102
  }
113
- .typography__xsmall_vyt7b {
103
+ .typography__xsmall_1kq28 {
114
104
  font-size: 18px;
115
105
  line-height: 22px;
116
106
  font-weight: 700;
117
- font-family: var(--font-family-system);
107
+ letter-spacing: 0.38px;
108
+ font-family: var(--font-family-alfasans);
118
109
  }
119
- .typography__xsmall_vyt7b.typography__font_vyt7b {
110
+ .typography__xsmall_1kq28.typography__font_1kq28 {
120
111
  font-size: 20px;
121
112
  line-height: 24px;
122
- font-weight: 500;
123
- font-feature-settings: 'ss01';
124
- font-family: var(--font-family-styrene);
113
+ letter-spacing: 0.33px;
125
114
  }
126
- .typography__regular-xsmall_vyt7b {
115
+ .typography__regular-xsmall_1kq28 {
127
116
  font-size: 18px;
128
117
  line-height: 22px;
129
118
  font-weight: 400;
130
- font-family: var(--font-family-system);
119
+ letter-spacing: -0.36px;
120
+ font-family: var(--font-family-alfasans);
131
121
  }
132
- .typography__regular-xsmall_vyt7b.typography__font_vyt7b {
122
+ .typography__regular-xsmall_1kq28.typography__font_1kq28 {
133
123
  font-size: 20px;
134
124
  line-height: 24px;
135
- font-feature-settings: 'ss01';
136
- font-family: var(--font-family-styrene);
125
+ letter-spacing: -0.68px;
137
126
  }
138
- .typography__component_vyt7b.typography__margins-xlarge_vyt7b {
127
+ .typography__component_1kq28.typography__margins-xlarge_1kq28 {
139
128
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
140
129
  }
141
- .typography__component_vyt7b.typography__margins-large_vyt7b {
130
+ .typography__component_1kq28.typography__margins-large_1kq28 {
142
131
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
143
132
  }
144
- .typography__component_vyt7b.typography__margins-medium_vyt7b {
133
+ .typography__component_1kq28.typography__margins-medium_1kq28 {
145
134
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
146
135
  }
147
- .typography__component_vyt7b.typography__margins-small_vyt7b {
136
+ .typography__component_1kq28.typography__margins-small_1kq28 {
148
137
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
149
138
  }
150
- .typography__component_vyt7b.typography__margins-xsmall_vyt7b {
139
+ .typography__component_1kq28.typography__margins-xsmall_1kq28 {
151
140
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
152
141
  }
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_vyt7b","font":"typography__font_vyt7b","regular-xlarge":"typography__regular-xlarge_vyt7b","large":"typography__large_vyt7b","regular-large":"typography__regular-large_vyt7b","medium":"typography__medium_vyt7b","regular-medium":"typography__regular-medium_vyt7b","small":"typography__small_vyt7b","regular-small":"typography__regular-small_vyt7b","xsmall":"typography__xsmall_vyt7b","regular-xsmall":"typography__regular-xsmall_vyt7b","component":"typography__component_vyt7b","margins-xlarge":"typography__margins-xlarge_vyt7b","margins-large":"typography__margins-large_vyt7b","margins-medium":"typography__margins-medium_vyt7b","margins-small":"typography__margins-small_vyt7b","margins-xsmall":"typography__margins-xsmall_vyt7b"};
3
+ var styles = {"xlarge":"typography__xlarge_1kq28","font":"typography__font_1kq28","regular-xlarge":"typography__regular-xlarge_1kq28","large":"typography__large_1kq28","regular-large":"typography__regular-large_1kq28","medium":"typography__medium_1kq28","regular-medium":"typography__regular-medium_1kq28","small":"typography__small_1kq28","regular-small":"typography__regular-small_1kq28","xsmall":"typography__xsmall_1kq28","regular-xsmall":"typography__regular-xsmall_1kq28","component":"typography__component_1kq28","margins-xlarge":"typography__margins-xlarge_1kq28","margins-large":"typography__margins-large_1kq28","margins-medium":"typography__margins-medium_1kq28","margins-small":"typography__margins-small_1kq28","margins-xsmall":"typography__margins-xsmall_1kq28"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map