@alfalab/core-components-typography 6.0.3 → 6.0.4-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_1iafb {
15
+ .typography__xlarge_4txir {
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_1iafb.typography__font_1iafb {
24
- font-weight: 500;
25
- font-feature-settings: 'ss01';
26
- font-family: var(--font-family-styrene);
22
+ .typography__xlarge_4txir.typography__font_4txir {
27
23
  }
28
- .typography__regular-xlarge_1iafb {
24
+ .typography__regular-xlarge_4txir {
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_1iafb.typography__system_1iafb {
35
- font-feature-settings: 'ss01';
36
- font-family: var(--font-family-styrene);
31
+ .typography__regular-xlarge_4txir.typography__system_4txir {
37
32
  }
38
- .typography__large_1iafb {
33
+ .typography__large_4txir {
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_1iafb.typography__font_1iafb {
45
- font-weight: 500;
46
- font-feature-settings: 'ss01';
47
- font-family: var(--font-family-styrene);
40
+ .typography__large_4txir.typography__font_4txir {
48
41
  }
49
- .typography__regular-large_1iafb {
42
+ .typography__regular-large_4txir {
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_1iafb.typography__system_1iafb {
56
- font-feature-settings: 'ss01';
57
- font-family: var(--font-family-styrene);
49
+ .typography__regular-large_4txir.typography__system_4txir {
58
50
  }
59
- .typography__medium_1iafb {
51
+ .typography__medium_4txir {
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_1iafb.typography__font_1iafb {
66
- font-weight: 500;
67
- font-feature-settings: 'ss01';
68
- font-family: var(--font-family-styrene);
58
+ .typography__medium_4txir.typography__font_4txir {
69
59
  }
70
- .typography__regular-medium_1iafb {
60
+ .typography__regular-medium_4txir {
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_1iafb.typography__system_1iafb {
77
- font-feature-settings: 'ss01';
78
- font-family: var(--font-family-styrene);
67
+ .typography__regular-medium_4txir.typography__system_4txir {
79
68
  }
80
- .typography__small_1iafb {
69
+ .typography__small_4txir {
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_1iafb.typography__font_1iafb {
87
- font-weight: 500;
88
- font-feature-settings: 'ss01';
89
- font-family: var(--font-family-styrene);
76
+ .typography__small_4txir.typography__font_4txir {
90
77
  }
91
- .typography__regular-small_1iafb {
78
+ .typography__regular-small_4txir {
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_1iafb.typography__system_1iafb {
98
- font-feature-settings: 'ss01';
99
- font-family: var(--font-family-styrene);
85
+ .typography__regular-small_4txir.typography__system_4txir {
100
86
  }
101
- .typography__xsmall_1iafb {
87
+ .typography__xsmall_4txir {
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_1iafb.typography__font_1iafb {
108
- font-weight: 500;
109
- font-feature-settings: 'ss01';
110
- font-family: var(--font-family-styrene);
94
+ .typography__xsmall_4txir.typography__font_4txir {
111
95
  }
112
- .typography__regular-xsmall_1iafb {
96
+ .typography__regular-xsmall_4txir {
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_1iafb.typography__system_1iafb {
119
- font-feature-settings: 'ss01';
120
- font-family: var(--font-family-styrene);
103
+ .typography__regular-xsmall_4txir.typography__system_4txir {
121
104
  }
122
- .typography__component_1iafb.typography__margins-xlarge_1iafb {
105
+ .typography__component_4txir.typography__margins-xlarge_4txir {
123
106
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
124
107
  }
125
- .typography__component_1iafb.typography__margins-large_1iafb {
108
+ .typography__component_4txir.typography__margins-large_4txir {
126
109
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
127
110
  }
128
- .typography__component_1iafb.typography__margins-medium_1iafb {
111
+ .typography__component_4txir.typography__margins-medium_4txir {
129
112
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
130
113
  }
131
- .typography__component_1iafb.typography__margins-small_1iafb {
114
+ .typography__component_4txir.typography__margins-small_4txir {
132
115
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
133
116
  }
134
- .typography__component_1iafb .typography__margins-xsmall_1iafb {
117
+ .typography__component_4txir .typography__margins-xsmall_4txir {
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_1iafb","font":"typography__font_1iafb","regular-xlarge":"typography__regular-xlarge_1iafb","system":"typography__system_1iafb","large":"typography__large_1iafb","regular-large":"typography__regular-large_1iafb","medium":"typography__medium_1iafb","regular-medium":"typography__regular-medium_1iafb","small":"typography__small_1iafb","regular-small":"typography__regular-small_1iafb","xsmall":"typography__xsmall_1iafb","regular-xsmall":"typography__regular-xsmall_1iafb","component":"typography__component_1iafb","margins-xlarge":"typography__margins-xlarge_1iafb","margins-large":"typography__margins-large_1iafb","margins-medium":"typography__margins-medium_1iafb","margins-small":"typography__margins-small_1iafb","margins-xsmall":"typography__margins-xsmall_1iafb"};
3
+ var styles = {"xlarge":"typography__xlarge_4txir","font":"typography__font_4txir","regular-xlarge":"typography__regular-xlarge_4txir","system":"typography__system_4txir","large":"typography__large_4txir","regular-large":"typography__regular-large_4txir","medium":"typography__medium_4txir","regular-medium":"typography__regular-medium_4txir","small":"typography__small_4txir","regular-small":"typography__regular-small_4txir","xsmall":"typography__xsmall_4txir","regular-xsmall":"typography__regular-xsmall_4txir","component":"typography__component_4txir","margins-xlarge":"typography__margins-xlarge_4txir","margins-large":"typography__margins-large_4txir","margins-medium":"typography__margins-medium_4txir","margins-small":"typography__margins-small_4txir","margins-xsmall":"typography__margins-xsmall_4txir"};
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_103ve {
23
+ .typography__tertiary_1qdkr {
24
24
  color: var(--color-light-text-tertiary);
25
25
  }
26
- .typography__disabled_103ve {
26
+ .typography__disabled_1qdkr {
27
27
  color: var(--color-light-text-quaternary);
28
28
  }
29
- .typography__accent_103ve {
29
+ .typography__accent_1qdkr {
30
30
  color: var(--color-light-accent-primary);
31
31
  }
32
- .typography__primary_103ve {
32
+ .typography__primary_1qdkr {
33
33
  color: var(--color-light-text-primary);
34
34
  }
35
- .typography__attention_103ve {
35
+ .typography__attention_1qdkr {
36
36
  color: var(--color-light-text-attention);
37
37
  }
38
- .typography__positive_103ve {
38
+ .typography__positive_1qdkr {
39
39
  color: var(--color-light-text-positive);
40
40
  }
41
- .typography__secondary_103ve {
41
+ .typography__secondary_1qdkr {
42
42
  color: var(--color-light-text-secondary);
43
43
  }
44
- .typography__tertiary-inverted_103ve {
44
+ .typography__tertiary-inverted_1qdkr {
45
45
  color: var(--color-light-text-tertiary-inverted);
46
46
  }
47
- .typography__primary-inverted_103ve {
47
+ .typography__primary-inverted_1qdkr {
48
48
  color: var(--color-light-text-primary-inverted);
49
49
  }
50
- .typography__secondary-inverted_103ve {
50
+ .typography__secondary-inverted_1qdkr {
51
51
  color: var(--color-light-text-secondary-inverted);
52
52
  }
53
- .typography__link_103ve {
53
+ .typography__link_1qdkr {
54
54
  color: var(--color-light-text-info);
55
55
  }
56
- .typography__negative_103ve {
56
+ .typography__negative_1qdkr {
57
57
  color: var(--color-light-text-negative);
58
58
  }
59
- .typography__static-primary-light_103ve {
59
+ .typography__static-primary-light_1qdkr {
60
60
  color: var(--color-static-text-primary-light);
61
61
  }
62
- .typography__static-secondary-light_103ve {
62
+ .typography__static-secondary-light_1qdkr {
63
63
  color: var(--color-static-text-secondary-light);
64
64
  }
65
- .typography__static-tertiary-light_103ve {
65
+ .typography__static-tertiary-light_1qdkr {
66
66
  color: var(--color-static-text-tertiary-light);
67
67
  }
68
- .typography__static-primary-dark_103ve {
68
+ .typography__static-primary-dark_1qdkr {
69
69
  color: var(--color-static-text-primary-dark);
70
70
  }
71
- .typography__static-secondary-dark_103ve {
71
+ .typography__static-secondary-dark_1qdkr {
72
72
  color: var(--color-static-text-secondary-dark);
73
73
  }
74
- .typography__static-tertiary-dark_103ve {
74
+ .typography__static-tertiary-dark_1qdkr {
75
75
  color: var(--color-static-text-tertiary-dark);
76
76
  }
77
- .typography__static-accent_103ve {
77
+ .typography__static-accent_1qdkr {
78
78
  color: var(--color-static-accent-primary);
79
79
  }
80
- .typography__static-positive_103ve {
80
+ .typography__static-positive_1qdkr {
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_103ve","disabled":"typography__disabled_103ve","accent":"typography__accent_103ve","primary":"typography__primary_103ve","attention":"typography__attention_103ve","positive":"typography__positive_103ve","secondary":"typography__secondary_103ve","tertiary-inverted":"typography__tertiary-inverted_103ve","primary-inverted":"typography__primary-inverted_103ve","secondary-inverted":"typography__secondary-inverted_103ve","link":"typography__link_103ve","negative":"typography__negative_103ve","static-primary-light":"typography__static-primary-light_103ve","static-secondary-light":"typography__static-secondary-light_103ve","static-tertiary-light":"typography__static-tertiary-light_103ve","static-primary-dark":"typography__static-primary-dark_103ve","static-secondary-dark":"typography__static-secondary-dark_103ve","static-tertiary-dark":"typography__static-tertiary-dark_103ve","static-accent":"typography__static-accent_103ve","static-positive":"typography__static-positive_103ve"};
3
+ const colors = {"tertiary":"typography__tertiary_1qdkr","disabled":"typography__disabled_1qdkr","accent":"typography__accent_1qdkr","primary":"typography__primary_1qdkr","attention":"typography__attention_1qdkr","positive":"typography__positive_1qdkr","secondary":"typography__secondary_1qdkr","tertiary-inverted":"typography__tertiary-inverted_1qdkr","primary-inverted":"typography__primary-inverted_1qdkr","secondary-inverted":"typography__secondary-inverted_1qdkr","link":"typography__link_1qdkr","negative":"typography__negative_1qdkr","static-primary-light":"typography__static-primary-light_1qdkr","static-secondary-light":"typography__static-secondary-light_1qdkr","static-tertiary-light":"typography__static-tertiary-light_1qdkr","static-primary-dark":"typography__static-primary-dark_1qdkr","static-secondary-dark":"typography__static-secondary-dark_1qdkr","static-tertiary-dark":"typography__static-tertiary-dark_1qdkr","static-accent":"typography__static-accent_1qdkr","static-positive":"typography__static-positive_1qdkr"};
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_zanhs {
11
+ .typography__transparent_16tb6 {
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_zanhs {
17
+ .typography__paragraph_16tb6 {
17
18
  margin: var(--gap-0);
18
19
  padding: var(--gap-0);
19
20
  }
20
- .typography__paragraphWithMargins_zanhs {
21
+ .typography__paragraphWithMargins_16tb6 {
21
22
  padding: var(--gap-0);
22
23
  margin: var(--text-paragraph-margin-bottom);
23
24
  }
24
- .typography__component_zanhs {
25
+ .typography__component_16tb6 {
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_zanhs.typography__bold_zanhs {
32
+ .typography__component_16tb6.typography__bold_16tb6 {
31
33
  font-weight: 700;
34
+ letter-spacing: 0.43px;
32
35
  }
33
- .typography__component_zanhs.typography__medium_zanhs {
36
+ .typography__component_16tb6.typography__medium_16tb6 {
34
37
  font-weight: 500;
38
+ letter-spacing: -0.05px;
35
39
  }
36
- .typography__caps_zanhs {
40
+ .typography__caps_16tb6 {
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_zanhs.typography__bold_zanhs {
48
+ .typography__caps_16tb6.typography__bold_16tb6 {
45
49
  font-weight: 700;
46
50
  }
47
- .typography__caps_zanhs.typography__medium_zanhs {
51
+ .typography__caps_16tb6.typography__medium_16tb6 {
48
52
  font-weight: 500;
49
53
  }
50
- .typography__tagline_zanhs {
54
+ .typography__tagline_16tb6 {
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_zanhs.typography__bold_zanhs {
62
+ .typography__tagline_16tb6.typography__bold_16tb6 {
59
63
  font-weight: 700;
60
64
  }
61
- .typography__tagline_zanhs.typography__medium_zanhs {
65
+ .typography__tagline_16tb6.typography__medium_16tb6 {
62
66
  font-weight: 500;
63
67
  }
64
- .typography__primary-large_zanhs {
68
+ .typography__primary-large_16tb6 {
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_zanhs.typography__bold_zanhs {
75
+ .typography__primary-large_16tb6.typography__bold_16tb6 {
71
76
  font-weight: 700;
77
+ letter-spacing: 0.38px;
72
78
  }
73
- .typography__primary-large_zanhs.typography__medium_zanhs {
79
+ .typography__primary-large_16tb6.typography__medium_16tb6 {
74
80
  font-weight: 500;
81
+ letter-spacing: -0.17px;
75
82
  }
76
- .typography__primary-medium_zanhs {
83
+ .typography__primary-medium_16tb6 {
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_zanhs.typography__bold_zanhs {
90
+ .typography__primary-medium_16tb6.typography__bold_16tb6 {
83
91
  font-weight: 700;
92
+ letter-spacing: 0.43px;
84
93
  }
85
- .typography__primary-medium_zanhs.typography__medium_zanhs {
94
+ .typography__primary-medium_16tb6.typography__medium_16tb6 {
86
95
  font-weight: 500;
96
+ letter-spacing: -0.05px;
87
97
  }
88
- .typography__primary-small_zanhs {
98
+ .typography__primary-small_16tb6 {
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_zanhs.typography__bold_zanhs {
105
+ .typography__primary-small_16tb6.typography__bold_16tb6 {
95
106
  font-weight: 700;
107
+ letter-spacing: 0.47px;
96
108
  }
97
- .typography__primary-small_zanhs.typography__medium_zanhs {
109
+ .typography__primary-small_16tb6.typography__medium_16tb6 {
98
110
  font-weight: 500;
111
+ letter-spacing: 0.07px;
99
112
  }
100
- .typography__component-primary_zanhs {
113
+ .typography__component-primary_16tb6 {
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_zanhs.typography__bold_zanhs {
120
+ .typography__component-primary_16tb6.typography__bold_16tb6 {
107
121
  font-weight: 700;
122
+ letter-spacing: 0.43px;
108
123
  }
109
- .typography__component-primary_zanhs.typography__medium_zanhs {
124
+ .typography__component-primary_16tb6.typography__medium_16tb6 {
110
125
  font-weight: 500;
126
+ letter-spacing: -0.05px;
111
127
  }
112
- .typography__secondary-large_zanhs {
128
+ .typography__secondary-large_16tb6 {
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_zanhs.typography__bold_zanhs {
134
+ .typography__secondary-large_16tb6.typography__bold_16tb6 {
119
135
  font-weight: 700;
136
+ letter-spacing: 0.54px;
120
137
  }
121
- .typography__secondary-large_zanhs.typography__medium_zanhs {
138
+ .typography__secondary-large_16tb6.typography__medium_16tb6 {
122
139
  font-weight: 500;
140
+ letter-spacing: 0.13px;
123
141
  }
124
- .typography__secondary-medium_zanhs {
142
+ .typography__secondary-medium_16tb6 {
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_zanhs.typography__bold_zanhs {
149
+ .typography__secondary-medium_16tb6.typography__bold_16tb6 {
131
150
  font-weight: 700;
151
+ letter-spacing: 0.57px;
132
152
  }
133
- .typography__secondary-medium_zanhs.typography__medium_zanhs {
153
+ .typography__secondary-medium_16tb6.typography__medium_16tb6 {
134
154
  font-weight: 500;
155
+ letter-spacing: 0.19px;
135
156
  }
136
- .typography__secondary-small_zanhs {
157
+ .typography__secondary-small_16tb6 {
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_zanhs.typography__bold_zanhs {
164
+ .typography__secondary-small_16tb6.typography__bold_16tb6 {
143
165
  font-weight: 700;
166
+ letter-spacing: 0.54px;
144
167
  }
145
- .typography__secondary-small_zanhs.typography__medium_zanhs {
168
+ .typography__secondary-small_16tb6.typography__medium_16tb6 {
146
169
  font-weight: 500;
170
+ letter-spacing: 0.24px;
147
171
  }
148
- .typography__component-secondary_zanhs {
172
+ .typography__component-secondary_16tb6 {
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_zanhs.typography__bold_zanhs {
179
+ .typography__component-secondary_16tb6.typography__bold_16tb6 {
155
180
  font-weight: 700;
181
+ letter-spacing: 0.47px;
156
182
  }
157
- .typography__component-secondary_zanhs.typography__medium_zanhs {
183
+ .typography__component-secondary_16tb6.typography__medium_16tb6 {
158
184
  font-weight: 500;
185
+ letter-spacing: 0.07px;
159
186
  }
160
- .typography__rowLimit1_zanhs {
187
+ .typography__rowLimit1_16tb6 {
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_zanhs {
194
+ .typography__rowLimit2_16tb6 {
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_zanhs {
200
+ .typography__rowLimit3_16tb6 {
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_zanhs {
206
+ .typography__monospace_16tb6 {
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_zanhs","paragraph":"typography__paragraph_zanhs","paragraphWithMargins":"typography__paragraphWithMargins_zanhs","component":"typography__component_zanhs","bold":"typography__bold_zanhs","medium":"typography__medium_zanhs","caps":"typography__caps_zanhs","tagline":"typography__tagline_zanhs","primary-large":"typography__primary-large_zanhs","primary-medium":"typography__primary-medium_zanhs","primary-small":"typography__primary-small_zanhs","component-primary":"typography__component-primary_zanhs","secondary-large":"typography__secondary-large_zanhs","secondary-medium":"typography__secondary-medium_zanhs","secondary-small":"typography__secondary-small_zanhs","component-secondary":"typography__component-secondary_zanhs","rowLimit1":"typography__rowLimit1_zanhs","rowLimit2":"typography__rowLimit2_zanhs","rowLimit3":"typography__rowLimit3_zanhs","monospace":"typography__monospace_zanhs"};
3
+ const styles = {"transparent":"typography__transparent_16tb6","paragraph":"typography__paragraph_16tb6","paragraphWithMargins":"typography__paragraphWithMargins_16tb6","component":"typography__component_16tb6","bold":"typography__bold_16tb6","medium":"typography__medium_16tb6","caps":"typography__caps_16tb6","tagline":"typography__tagline_16tb6","primary-large":"typography__primary-large_16tb6","primary-medium":"typography__primary-medium_16tb6","primary-small":"typography__primary-small_16tb6","component-primary":"typography__component-primary_16tb6","secondary-large":"typography__secondary-large_16tb6","secondary-medium":"typography__secondary-medium_16tb6","secondary-small":"typography__secondary-small_16tb6","component-secondary":"typography__component-secondary_16tb6","rowLimit1":"typography__rowLimit1_16tb6","rowLimit2":"typography__rowLimit2_16tb6","rowLimit3":"typography__rowLimit3_16tb6","monospace":"typography__monospace_16tb6"};
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_y1c4f {
4
+ .typography__transparent_va6w4 {
5
5
  opacity: 0;
6
6
  }
7
- .typography__component_y1c4f {
7
+ .typography__component_va6w4 {
8
8
  margin: var(--gap-0);
9
9
  padding: var(--gap-0);
10
10
  }
11
- .typography__rowLimit1_y1c4f {
11
+ .typography__rowLimit1_va6w4 {
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_y1c4f {
18
+ .typography__rowLimit2_va6w4 {
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_y1c4f {
24
+ .typography__rowLimit3_va6w4 {
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_y1c4f","component":"typography__component_y1c4f","rowLimit1":"typography__rowLimit1_y1c4f","rowLimit2":"typography__rowLimit2_y1c4f","rowLimit3":"typography__rowLimit3_y1c4f"};
3
+ const commonStyles = {"transparent":"typography__transparent_va6w4","component":"typography__component_va6w4","rowLimit1":"typography__rowLimit1_va6w4","rowLimit2":"typography__rowLimit2_va6w4","rowLimit3":"typography__rowLimit3_va6w4"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=common.module.css.js.map