@alfalab/core-components-typography 6.0.1 → 6.0.2-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/title-mobile/index.css CHANGED
@@ -8,129 +8,112 @@
8
8
  --gap-40: var(--gap-3xl);
9
9
  }
10
10
  :root {
11
- --font-family-system:
12
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
- --font-family-styrene:
14
- 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
15
- sans-serif;
11
+ --font-family-alfasans:
12
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
13
+ Helvetica, sans-serif;
16
14
  }
17
- .typography__xlarge_135ea {
15
+ .typography__xlarge_ym7ew {
18
16
  font-size: 34px;
19
17
  line-height: 40px;
20
- font-weight: 600;
21
- font-family: var(--font-family-system);
18
+ font-weight: 500;
19
+ letter-spacing: -0.32px;
20
+ font-family: var(--font-family-alfasans);
22
21
  }
23
- .typography__xlarge_135ea.typography__font_135ea {
24
- font-weight: 500;
25
- font-feature-settings: 'ss01';
26
- font-family: var(--font-family-styrene);
22
+ .typography__xlarge_ym7ew.typography__font_ym7ew {
27
23
  }
28
- .typography__regular-xlarge_135ea {
24
+ .typography__regular-xlarge_ym7ew {
29
25
  font-size: 34px;
30
26
  line-height: 40px;
31
27
  font-weight: 400;
32
- font-family: var(--font-family-system);
28
+ letter-spacing: -1.36px;
29
+ font-family: var(--font-family-alfasans);
33
30
  }
34
- .typography__regular-xlarge_135ea.typography__system_135ea {
35
- font-feature-settings: 'ss01';
36
- font-family: var(--font-family-styrene);
31
+ .typography__regular-xlarge_ym7ew.typography__system_ym7ew {
37
32
  }
38
- .typography__large_135ea {
33
+ .typography__large_ym7ew {
39
34
  font-size: 30px;
40
35
  line-height: 36px;
41
- font-weight: 600;
42
- font-family: var(--font-family-system);
36
+ font-weight: 500;
37
+ letter-spacing: -0.25px;
38
+ font-family: var(--font-family-alfasans);
43
39
  }
44
- .typography__large_135ea.typography__font_135ea {
45
- font-weight: 500;
46
- font-feature-settings: 'ss01';
47
- font-family: var(--font-family-styrene);
40
+ .typography__large_ym7ew.typography__font_ym7ew {
48
41
  }
49
- .typography__regular-large_135ea {
42
+ .typography__regular-large_ym7ew {
50
43
  font-size: 30px;
51
44
  line-height: 36px;
52
45
  font-weight: 400;
53
- font-family: var(--font-family-system);
46
+ letter-spacing: -1.25px;
47
+ font-family: var(--font-family-alfasans);
54
48
  }
55
- .typography__regular-large_135ea.typography__system_135ea {
56
- font-feature-settings: 'ss01';
57
- font-family: var(--font-family-styrene);
49
+ .typography__regular-large_ym7ew.typography__system_ym7ew {
58
50
  }
59
- .typography__medium_135ea {
51
+ .typography__medium_ym7ew {
60
52
  font-size: 26px;
61
53
  line-height: 32px;
62
- font-weight: 600;
63
- font-family: var(--font-family-system);
54
+ font-weight: 500;
55
+ letter-spacing: -0.25px;
56
+ font-family: var(--font-family-alfasans);
64
57
  }
65
- .typography__medium_135ea.typography__font_135ea {
66
- font-weight: 500;
67
- font-feature-settings: 'ss01';
68
- font-family: var(--font-family-styrene);
58
+ .typography__medium_ym7ew.typography__font_ym7ew {
69
59
  }
70
- .typography__regular-medium_135ea {
60
+ .typography__regular-medium_ym7ew {
71
61
  font-size: 26px;
72
62
  line-height: 32px;
73
63
  font-weight: 400;
74
- font-family: var(--font-family-system);
64
+ letter-spacing: -1px;
65
+ font-family: var(--font-family-alfasans);
75
66
  }
76
- .typography__regular-medium_135ea.typography__system_135ea {
77
- font-feature-settings: 'ss01';
78
- font-family: var(--font-family-styrene);
67
+ .typography__regular-medium_ym7ew.typography__system_ym7ew {
79
68
  }
80
- .typography__small_135ea {
69
+ .typography__small_ym7ew {
81
70
  font-size: 20px;
82
71
  line-height: 28px;
83
- font-weight: 600;
84
- font-family: var(--font-family-system);
72
+ font-weight: 500;
73
+ letter-spacing: -0.15px;
74
+ font-family: var(--font-family-alfasans);
85
75
  }
86
- .typography__small_135ea.typography__font_135ea {
87
- font-weight: 500;
88
- font-feature-settings: 'ss01';
89
- font-family: var(--font-family-styrene);
76
+ .typography__small_ym7ew.typography__font_ym7ew {
90
77
  }
91
- .typography__regular-small_135ea {
78
+ .typography__regular-small_ym7ew {
92
79
  font-size: 20px;
93
80
  line-height: 28px;
94
81
  font-weight: 400;
95
- font-family: var(--font-family-system);
82
+ letter-spacing: -0.68px;
83
+ font-family: var(--font-family-alfasans);
96
84
  }
97
- .typography__regular-small_135ea.typography__system_135ea {
98
- font-feature-settings: 'ss01';
99
- font-family: var(--font-family-styrene);
85
+ .typography__regular-small_ym7ew.typography__system_ym7ew {
100
86
  }
101
- .typography__xsmall_135ea {
87
+ .typography__xsmall_ym7ew {
102
88
  font-size: 16px;
103
89
  line-height: 20px;
104
- font-weight: 600;
105
- font-family: var(--font-family-system);
90
+ font-weight: 500;
91
+ letter-spacing: 0.17px;
92
+ font-family: var(--font-family-alfasans);
106
93
  }
107
- .typography__xsmall_135ea.typography__font_135ea {
108
- font-weight: 500;
109
- font-feature-settings: 'ss01';
110
- font-family: var(--font-family-styrene);
94
+ .typography__xsmall_ym7ew.typography__font_ym7ew {
111
95
  }
112
- .typography__regular-xsmall_135ea {
96
+ .typography__regular-xsmall_ym7ew {
113
97
  font-size: 16px;
114
98
  line-height: 20px;
115
99
  font-weight: 400;
116
- font-family: var(--font-family-system);
100
+ letter-spacing: -0.24px;
101
+ font-family: var(--font-family-alfasans);
117
102
  }
118
- .typography__regular-xsmall_135ea.typography__system_135ea {
119
- font-feature-settings: 'ss01';
120
- font-family: var(--font-family-styrene);
103
+ .typography__regular-xsmall_ym7ew.typography__system_ym7ew {
121
104
  }
122
- .typography__component_135ea.typography__margins-xlarge_135ea {
105
+ .typography__component_ym7ew.typography__margins-xlarge_ym7ew {
123
106
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
124
107
  }
125
- .typography__component_135ea.typography__margins-large_135ea {
108
+ .typography__component_ym7ew.typography__margins-large_ym7ew {
126
109
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
127
110
  }
128
- .typography__component_135ea.typography__margins-medium_135ea {
111
+ .typography__component_ym7ew.typography__margins-medium_ym7ew {
129
112
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
130
113
  }
131
- .typography__component_135ea.typography__margins-small_135ea {
114
+ .typography__component_ym7ew.typography__margins-small_ym7ew {
132
115
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
133
116
  }
134
- .typography__component_135ea .typography__margins-xsmall_135ea {
117
+ .typography__component_ym7ew .typography__margins-xsmall_ym7ew {
135
118
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
136
119
  }
package/esm/title-mobile/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"xlarge":"typography__xlarge_135ea","font":"typography__font_135ea","regular-xlarge":"typography__regular-xlarge_135ea","system":"typography__system_135ea","large":"typography__large_135ea","regular-large":"typography__regular-large_135ea","medium":"typography__medium_135ea","regular-medium":"typography__regular-medium_135ea","small":"typography__small_135ea","regular-small":"typography__regular-small_135ea","xsmall":"typography__xsmall_135ea","regular-xsmall":"typography__regular-xsmall_135ea","component":"typography__component_135ea","margins-xlarge":"typography__margins-xlarge_135ea","margins-large":"typography__margins-large_135ea","margins-medium":"typography__margins-medium_135ea","margins-small":"typography__margins-small_135ea","margins-xsmall":"typography__margins-xsmall_135ea"};
3
+ var styles = {"xlarge":"typography__xlarge_ym7ew","font":"typography__font_ym7ew","regular-xlarge":"typography__regular-xlarge_ym7ew","system":"typography__system_ym7ew","large":"typography__large_ym7ew","regular-large":"typography__regular-large_ym7ew","medium":"typography__medium_ym7ew","regular-medium":"typography__regular-medium_ym7ew","small":"typography__small_ym7ew","regular-small":"typography__regular-small_ym7ew","xsmall":"typography__xsmall_ym7ew","regular-xsmall":"typography__regular-xsmall_ym7ew","component":"typography__component_ym7ew","margins-xlarge":"typography__margins-xlarge_ym7ew","margins-large":"typography__margins-large_ym7ew","margins-medium":"typography__margins-medium_ym7ew","margins-small":"typography__margins-small_ym7ew","margins-xsmall":"typography__margins-xsmall_ym7ew"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/colors.css CHANGED
@@ -20,63 +20,63 @@
20
20
  --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
21
21
  --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
22
22
  }
23
- .typography__tertiary_1x1uj {
23
+ .typography__tertiary_1bzi5 {
24
24
  color: var(--color-light-text-tertiary);
25
25
  }
26
- .typography__disabled_1x1uj {
26
+ .typography__disabled_1bzi5 {
27
27
  color: var(--color-light-text-quaternary);
28
28
  }
29
- .typography__accent_1x1uj {
29
+ .typography__accent_1bzi5 {
30
30
  color: var(--color-light-accent-primary);
31
31
  }
32
- .typography__primary_1x1uj {
32
+ .typography__primary_1bzi5 {
33
33
  color: var(--color-light-text-primary);
34
34
  }
35
- .typography__attention_1x1uj {
35
+ .typography__attention_1bzi5 {
36
36
  color: var(--color-light-text-attention);
37
37
  }
38
- .typography__positive_1x1uj {
38
+ .typography__positive_1bzi5 {
39
39
  color: var(--color-light-text-positive);
40
40
  }
41
- .typography__secondary_1x1uj {
41
+ .typography__secondary_1bzi5 {
42
42
  color: var(--color-light-text-secondary);
43
43
  }
44
- .typography__tertiary-inverted_1x1uj {
44
+ .typography__tertiary-inverted_1bzi5 {
45
45
  color: var(--color-light-text-tertiary-inverted);
46
46
  }
47
- .typography__primary-inverted_1x1uj {
47
+ .typography__primary-inverted_1bzi5 {
48
48
  color: var(--color-light-text-primary-inverted);
49
49
  }
50
- .typography__secondary-inverted_1x1uj {
50
+ .typography__secondary-inverted_1bzi5 {
51
51
  color: var(--color-light-text-secondary-inverted);
52
52
  }
53
- .typography__link_1x1uj {
53
+ .typography__link_1bzi5 {
54
54
  color: var(--color-light-text-info);
55
55
  }
56
- .typography__negative_1x1uj {
56
+ .typography__negative_1bzi5 {
57
57
  color: var(--color-light-text-negative);
58
58
  }
59
- .typography__static-primary-light_1x1uj {
59
+ .typography__static-primary-light_1bzi5 {
60
60
  color: var(--color-static-text-primary-light);
61
61
  }
62
- .typography__static-secondary-light_1x1uj {
62
+ .typography__static-secondary-light_1bzi5 {
63
63
  color: var(--color-static-text-secondary-light);
64
64
  }
65
- .typography__static-tertiary-light_1x1uj {
65
+ .typography__static-tertiary-light_1bzi5 {
66
66
  color: var(--color-static-text-tertiary-light);
67
67
  }
68
- .typography__static-primary-dark_1x1uj {
68
+ .typography__static-primary-dark_1bzi5 {
69
69
  color: var(--color-static-text-primary-dark);
70
70
  }
71
- .typography__static-secondary-dark_1x1uj {
71
+ .typography__static-secondary-dark_1bzi5 {
72
72
  color: var(--color-static-text-secondary-dark);
73
73
  }
74
- .typography__static-tertiary-dark_1x1uj {
74
+ .typography__static-tertiary-dark_1bzi5 {
75
75
  color: var(--color-static-text-tertiary-dark);
76
76
  }
77
- .typography__static-accent_1x1uj {
77
+ .typography__static-accent_1bzi5 {
78
78
  color: var(--color-static-accent-primary);
79
79
  }
80
- .typography__static-positive_1x1uj {
80
+ .typography__static-positive_1bzi5 {
81
81
  color: var(--color-static-text-positive);
82
82
  }
package/modern/colors.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './colors.css';
2
2
 
3
- const colors = {"tertiary":"typography__tertiary_1x1uj","disabled":"typography__disabled_1x1uj","accent":"typography__accent_1x1uj","primary":"typography__primary_1x1uj","attention":"typography__attention_1x1uj","positive":"typography__positive_1x1uj","secondary":"typography__secondary_1x1uj","tertiary-inverted":"typography__tertiary-inverted_1x1uj","primary-inverted":"typography__primary-inverted_1x1uj","secondary-inverted":"typography__secondary-inverted_1x1uj","link":"typography__link_1x1uj","negative":"typography__negative_1x1uj","static-primary-light":"typography__static-primary-light_1x1uj","static-secondary-light":"typography__static-secondary-light_1x1uj","static-tertiary-light":"typography__static-tertiary-light_1x1uj","static-primary-dark":"typography__static-primary-dark_1x1uj","static-secondary-dark":"typography__static-secondary-dark_1x1uj","static-tertiary-dark":"typography__static-tertiary-dark_1x1uj","static-accent":"typography__static-accent_1x1uj","static-positive":"typography__static-positive_1x1uj"};
3
+ const colors = {"tertiary":"typography__tertiary_1bzi5","disabled":"typography__disabled_1bzi5","accent":"typography__accent_1bzi5","primary":"typography__primary_1bzi5","attention":"typography__attention_1bzi5","positive":"typography__positive_1bzi5","secondary":"typography__secondary_1bzi5","tertiary-inverted":"typography__tertiary-inverted_1bzi5","primary-inverted":"typography__primary-inverted_1bzi5","secondary-inverted":"typography__secondary-inverted_1bzi5","link":"typography__link_1bzi5","negative":"typography__negative_1bzi5","static-primary-light":"typography__static-primary-light_1bzi5","static-secondary-light":"typography__static-secondary-light_1bzi5","static-tertiary-light":"typography__static-tertiary-light_1bzi5","static-primary-dark":"typography__static-primary-dark_1bzi5","static-secondary-dark":"typography__static-secondary-dark_1bzi5","static-tertiary-dark":"typography__static-tertiary-dark_1bzi5","static-accent":"typography__static-accent_1bzi5","static-positive":"typography__static-positive_1bzi5"};
4
4
 
5
5
  export { colors as default };
6
6
  //# sourceMappingURL=colors.module.css.js.map
package/modern/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_1nhi0 {
11
+ .typography__transparent_x9piw {
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_1nhi0 {
17
+ .typography__paragraph_x9piw {
17
18
  margin: var(--gap-0);
18
19
  padding: var(--gap-0);
19
20
  }
20
- .typography__paragraphWithMargins_1nhi0 {
21
+ .typography__paragraphWithMargins_x9piw {
21
22
  padding: var(--gap-0);
22
23
  margin: var(--text-paragraph-margin-bottom);
23
24
  }
24
- .typography__component_1nhi0 {
25
+ .typography__component_x9piw {
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_1nhi0.typography__bold_1nhi0 {
32
+ .typography__component_x9piw.typography__bold_x9piw {
31
33
  font-weight: 700;
34
+ letter-spacing: 0.43px;
32
35
  }
33
- .typography__component_1nhi0.typography__medium_1nhi0 {
36
+ .typography__component_x9piw.typography__medium_x9piw {
34
37
  font-weight: 500;
38
+ letter-spacing: -0.05px;
35
39
  }
36
- .typography__caps_1nhi0 {
40
+ .typography__caps_x9piw {
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_1nhi0.typography__bold_1nhi0 {
48
+ .typography__caps_x9piw.typography__bold_x9piw {
45
49
  font-weight: 700;
46
50
  }
47
- .typography__caps_1nhi0.typography__medium_1nhi0 {
51
+ .typography__caps_x9piw.typography__medium_x9piw {
48
52
  font-weight: 500;
49
53
  }
50
- .typography__tagline_1nhi0 {
54
+ .typography__tagline_x9piw {
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_1nhi0.typography__bold_1nhi0 {
62
+ .typography__tagline_x9piw.typography__bold_x9piw {
59
63
  font-weight: 700;
60
64
  }
61
- .typography__tagline_1nhi0.typography__medium_1nhi0 {
65
+ .typography__tagline_x9piw.typography__medium_x9piw {
62
66
  font-weight: 500;
63
67
  }
64
- .typography__primary-large_1nhi0 {
68
+ .typography__primary-large_x9piw {
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_1nhi0.typography__bold_1nhi0 {
75
+ .typography__primary-large_x9piw.typography__bold_x9piw {
71
76
  font-weight: 700;
77
+ letter-spacing: 0.38px;
72
78
  }
73
- .typography__primary-large_1nhi0.typography__medium_1nhi0 {
79
+ .typography__primary-large_x9piw.typography__medium_x9piw {
74
80
  font-weight: 500;
81
+ letter-spacing: -0.17px;
75
82
  }
76
- .typography__primary-medium_1nhi0 {
83
+ .typography__primary-medium_x9piw {
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_1nhi0.typography__bold_1nhi0 {
90
+ .typography__primary-medium_x9piw.typography__bold_x9piw {
83
91
  font-weight: 700;
92
+ letter-spacing: 0.43px;
84
93
  }
85
- .typography__primary-medium_1nhi0.typography__medium_1nhi0 {
94
+ .typography__primary-medium_x9piw.typography__medium_x9piw {
86
95
  font-weight: 500;
96
+ letter-spacing: -0.05px;
87
97
  }
88
- .typography__primary-small_1nhi0 {
98
+ .typography__primary-small_x9piw {
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_1nhi0.typography__bold_1nhi0 {
105
+ .typography__primary-small_x9piw.typography__bold_x9piw {
95
106
  font-weight: 700;
107
+ letter-spacing: 0.47px;
96
108
  }
97
- .typography__primary-small_1nhi0.typography__medium_1nhi0 {
109
+ .typography__primary-small_x9piw.typography__medium_x9piw {
98
110
  font-weight: 500;
111
+ letter-spacing: 0.07px;
99
112
  }
100
- .typography__component-primary_1nhi0 {
113
+ .typography__component-primary_x9piw {
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_1nhi0.typography__bold_1nhi0 {
120
+ .typography__component-primary_x9piw.typography__bold_x9piw {
107
121
  font-weight: 700;
122
+ letter-spacing: 0.43px;
108
123
  }
109
- .typography__component-primary_1nhi0.typography__medium_1nhi0 {
124
+ .typography__component-primary_x9piw.typography__medium_x9piw {
110
125
  font-weight: 500;
126
+ letter-spacing: -0.05px;
111
127
  }
112
- .typography__secondary-large_1nhi0 {
128
+ .typography__secondary-large_x9piw {
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_1nhi0.typography__bold_1nhi0 {
134
+ .typography__secondary-large_x9piw.typography__bold_x9piw {
119
135
  font-weight: 700;
136
+ letter-spacing: 0.54px;
120
137
  }
121
- .typography__secondary-large_1nhi0.typography__medium_1nhi0 {
138
+ .typography__secondary-large_x9piw.typography__medium_x9piw {
122
139
  font-weight: 500;
140
+ letter-spacing: 0.13px;
123
141
  }
124
- .typography__secondary-medium_1nhi0 {
142
+ .typography__secondary-medium_x9piw {
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_1nhi0.typography__bold_1nhi0 {
149
+ .typography__secondary-medium_x9piw.typography__bold_x9piw {
131
150
  font-weight: 700;
151
+ letter-spacing: 0.57px;
132
152
  }
133
- .typography__secondary-medium_1nhi0.typography__medium_1nhi0 {
153
+ .typography__secondary-medium_x9piw.typography__medium_x9piw {
134
154
  font-weight: 500;
155
+ letter-spacing: 0.19px;
135
156
  }
136
- .typography__secondary-small_1nhi0 {
157
+ .typography__secondary-small_x9piw {
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_1nhi0.typography__bold_1nhi0 {
164
+ .typography__secondary-small_x9piw.typography__bold_x9piw {
143
165
  font-weight: 700;
166
+ letter-spacing: 0.54px;
144
167
  }
145
- .typography__secondary-small_1nhi0.typography__medium_1nhi0 {
168
+ .typography__secondary-small_x9piw.typography__medium_x9piw {
146
169
  font-weight: 500;
170
+ letter-spacing: 0.24px;
147
171
  }
148
- .typography__component-secondary_1nhi0 {
172
+ .typography__component-secondary_x9piw {
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_1nhi0.typography__bold_1nhi0 {
179
+ .typography__component-secondary_x9piw.typography__bold_x9piw {
155
180
  font-weight: 700;
181
+ letter-spacing: 0.47px;
156
182
  }
157
- .typography__component-secondary_1nhi0.typography__medium_1nhi0 {
183
+ .typography__component-secondary_x9piw.typography__medium_x9piw {
158
184
  font-weight: 500;
185
+ letter-spacing: 0.07px;
159
186
  }
160
- .typography__rowLimit1_1nhi0 {
187
+ .typography__rowLimit1_x9piw {
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_1nhi0 {
194
+ .typography__rowLimit2_x9piw {
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_1nhi0 {
200
+ .typography__rowLimit3_x9piw {
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_1nhi0 {
206
+ .typography__monospace_x9piw {
180
207
  font-feature-settings: "tnum";
181
208
  font-variant-numeric: tabular-nums;
182
209
  }
package/modern/text/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"transparent":"typography__transparent_1nhi0","paragraph":"typography__paragraph_1nhi0","paragraphWithMargins":"typography__paragraphWithMargins_1nhi0","component":"typography__component_1nhi0","bold":"typography__bold_1nhi0","medium":"typography__medium_1nhi0","caps":"typography__caps_1nhi0","tagline":"typography__tagline_1nhi0","primary-large":"typography__primary-large_1nhi0","primary-medium":"typography__primary-medium_1nhi0","primary-small":"typography__primary-small_1nhi0","component-primary":"typography__component-primary_1nhi0","secondary-large":"typography__secondary-large_1nhi0","secondary-medium":"typography__secondary-medium_1nhi0","secondary-small":"typography__secondary-small_1nhi0","component-secondary":"typography__component-secondary_1nhi0","rowLimit1":"typography__rowLimit1_1nhi0","rowLimit2":"typography__rowLimit2_1nhi0","rowLimit3":"typography__rowLimit3_1nhi0","monospace":"typography__monospace_1nhi0"};
3
+ const styles = {"transparent":"typography__transparent_x9piw","paragraph":"typography__paragraph_x9piw","paragraphWithMargins":"typography__paragraphWithMargins_x9piw","component":"typography__component_x9piw","bold":"typography__bold_x9piw","medium":"typography__medium_x9piw","caps":"typography__caps_x9piw","tagline":"typography__tagline_x9piw","primary-large":"typography__primary-large_x9piw","primary-medium":"typography__primary-medium_x9piw","primary-small":"typography__primary-small_x9piw","component-primary":"typography__component-primary_x9piw","secondary-large":"typography__secondary-large_x9piw","secondary-medium":"typography__secondary-medium_x9piw","secondary-small":"typography__secondary-small_x9piw","component-secondary":"typography__component-secondary_x9piw","rowLimit1":"typography__rowLimit1_x9piw","rowLimit2":"typography__rowLimit2_x9piw","rowLimit3":"typography__rowLimit3_x9piw","monospace":"typography__monospace_x9piw"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/title/common.css CHANGED
@@ -1,27 +1,27 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .typography__transparent_9uhm5 {
4
+ .typography__transparent_1hwzz {
5
5
  opacity: 0;
6
6
  }
7
- .typography__component_9uhm5 {
7
+ .typography__component_1hwzz {
8
8
  margin: var(--gap-0);
9
9
  padding: var(--gap-0);
10
10
  }
11
- .typography__rowLimit1_9uhm5 {
11
+ .typography__rowLimit1_1hwzz {
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_9uhm5 {
18
+ .typography__rowLimit2_1hwzz {
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_9uhm5 {
24
+ .typography__rowLimit3_1hwzz {
25
25
  -webkit-line-clamp: 3;
26
26
  display: -webkit-box;
27
27
  -webkit-box-orient: vertical;
package/modern/title/common.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './common.css';
2
2
 
3
- const commonStyles = {"transparent":"typography__transparent_9uhm5","component":"typography__component_9uhm5","rowLimit1":"typography__rowLimit1_9uhm5","rowLimit2":"typography__rowLimit2_9uhm5","rowLimit3":"typography__rowLimit3_9uhm5"};
3
+ const commonStyles = {"transparent":"typography__transparent_1hwzz","component":"typography__component_1hwzz","rowLimit1":"typography__rowLimit1_1hwzz","rowLimit2":"typography__rowLimit2_1hwzz","rowLimit3":"typography__rowLimit3_1hwzz"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=common.module.css.js.map