@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/title-mobile/index.css CHANGED
@@ -8,112 +8,129 @@
8
8
  --gap-40: var(--gap-3xl);
9
9
  }
10
10
  :root {
11
- --font-family-alfasans:
12
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
13
- Helvetica, sans-serif;
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;
14
16
  }
15
- .typography__xlarge_fn50s {
17
+ .typography__xlarge_17h7t {
16
18
  font-size: 34px;
17
19
  line-height: 40px;
18
- font-weight: 500;
19
- letter-spacing: -0.32px;
20
- font-family: var(--font-family-alfasans);
20
+ font-weight: 600;
21
+ font-family: var(--font-family-system);
21
22
  }
22
- .typography__xlarge_fn50s.typography__font_fn50s {
23
+ .typography__xlarge_17h7t.typography__font_17h7t {
24
+ font-weight: 500;
25
+ font-feature-settings: 'ss01';
26
+ font-family: var(--font-family-styrene);
23
27
  }
24
- .typography__regular-xlarge_fn50s {
28
+ .typography__regular-xlarge_17h7t {
25
29
  font-size: 34px;
26
30
  line-height: 40px;
27
31
  font-weight: 400;
28
- letter-spacing: -1.36px;
29
- font-family: var(--font-family-alfasans);
32
+ font-family: var(--font-family-system);
30
33
  }
31
- .typography__regular-xlarge_fn50s.typography__system_fn50s {
34
+ .typography__regular-xlarge_17h7t.typography__system_17h7t {
35
+ font-feature-settings: 'ss01';
36
+ font-family: var(--font-family-styrene);
32
37
  }
33
- .typography__large_fn50s {
38
+ .typography__large_17h7t {
34
39
  font-size: 30px;
35
40
  line-height: 36px;
36
- font-weight: 500;
37
- letter-spacing: -0.25px;
38
- font-family: var(--font-family-alfasans);
41
+ font-weight: 600;
42
+ font-family: var(--font-family-system);
39
43
  }
40
- .typography__large_fn50s.typography__font_fn50s {
44
+ .typography__large_17h7t.typography__font_17h7t {
45
+ font-weight: 500;
46
+ font-feature-settings: 'ss01';
47
+ font-family: var(--font-family-styrene);
41
48
  }
42
- .typography__regular-large_fn50s {
49
+ .typography__regular-large_17h7t {
43
50
  font-size: 30px;
44
51
  line-height: 36px;
45
52
  font-weight: 400;
46
- letter-spacing: -1.25px;
47
- font-family: var(--font-family-alfasans);
53
+ font-family: var(--font-family-system);
48
54
  }
49
- .typography__regular-large_fn50s.typography__system_fn50s {
55
+ .typography__regular-large_17h7t.typography__system_17h7t {
56
+ font-feature-settings: 'ss01';
57
+ font-family: var(--font-family-styrene);
50
58
  }
51
- .typography__medium_fn50s {
59
+ .typography__medium_17h7t {
52
60
  font-size: 26px;
53
61
  line-height: 32px;
54
- font-weight: 500;
55
- letter-spacing: -0.25px;
56
- font-family: var(--font-family-alfasans);
62
+ font-weight: 600;
63
+ font-family: var(--font-family-system);
57
64
  }
58
- .typography__medium_fn50s.typography__font_fn50s {
65
+ .typography__medium_17h7t.typography__font_17h7t {
66
+ font-weight: 500;
67
+ font-feature-settings: 'ss01';
68
+ font-family: var(--font-family-styrene);
59
69
  }
60
- .typography__regular-medium_fn50s {
70
+ .typography__regular-medium_17h7t {
61
71
  font-size: 26px;
62
72
  line-height: 32px;
63
73
  font-weight: 400;
64
- letter-spacing: -1px;
65
- font-family: var(--font-family-alfasans);
74
+ font-family: var(--font-family-system);
66
75
  }
67
- .typography__regular-medium_fn50s.typography__system_fn50s {
76
+ .typography__regular-medium_17h7t.typography__system_17h7t {
77
+ font-feature-settings: 'ss01';
78
+ font-family: var(--font-family-styrene);
68
79
  }
69
- .typography__small_fn50s {
80
+ .typography__small_17h7t {
70
81
  font-size: 20px;
71
82
  line-height: 28px;
72
- font-weight: 500;
73
- letter-spacing: -0.15px;
74
- font-family: var(--font-family-alfasans);
83
+ font-weight: 600;
84
+ font-family: var(--font-family-system);
75
85
  }
76
- .typography__small_fn50s.typography__font_fn50s {
86
+ .typography__small_17h7t.typography__font_17h7t {
87
+ font-weight: 500;
88
+ font-feature-settings: 'ss01';
89
+ font-family: var(--font-family-styrene);
77
90
  }
78
- .typography__regular-small_fn50s {
91
+ .typography__regular-small_17h7t {
79
92
  font-size: 20px;
80
93
  line-height: 28px;
81
94
  font-weight: 400;
82
- letter-spacing: -0.68px;
83
- font-family: var(--font-family-alfasans);
95
+ font-family: var(--font-family-system);
84
96
  }
85
- .typography__regular-small_fn50s.typography__system_fn50s {
97
+ .typography__regular-small_17h7t.typography__system_17h7t {
98
+ font-feature-settings: 'ss01';
99
+ font-family: var(--font-family-styrene);
86
100
  }
87
- .typography__xsmall_fn50s {
101
+ .typography__xsmall_17h7t {
88
102
  font-size: 16px;
89
103
  line-height: 20px;
90
- font-weight: 500;
91
- letter-spacing: 0.17px;
92
- font-family: var(--font-family-alfasans);
104
+ font-weight: 600;
105
+ font-family: var(--font-family-system);
93
106
  }
94
- .typography__xsmall_fn50s.typography__font_fn50s {
107
+ .typography__xsmall_17h7t.typography__font_17h7t {
108
+ font-weight: 500;
109
+ font-feature-settings: 'ss01';
110
+ font-family: var(--font-family-styrene);
95
111
  }
96
- .typography__regular-xsmall_fn50s {
112
+ .typography__regular-xsmall_17h7t {
97
113
  font-size: 16px;
98
114
  line-height: 20px;
99
115
  font-weight: 400;
100
- letter-spacing: -0.24px;
101
- font-family: var(--font-family-alfasans);
116
+ font-family: var(--font-family-system);
102
117
  }
103
- .typography__regular-xsmall_fn50s.typography__system_fn50s {
118
+ .typography__regular-xsmall_17h7t.typography__system_17h7t {
119
+ font-feature-settings: 'ss01';
120
+ font-family: var(--font-family-styrene);
104
121
  }
105
- .typography__component_fn50s.typography__margins-xlarge_fn50s {
122
+ .typography__component_17h7t.typography__margins-xlarge_17h7t {
106
123
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
107
124
  }
108
- .typography__component_fn50s.typography__margins-large_fn50s {
125
+ .typography__component_17h7t.typography__margins-large_17h7t {
109
126
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
110
127
  }
111
- .typography__component_fn50s.typography__margins-medium_fn50s {
128
+ .typography__component_17h7t.typography__margins-medium_17h7t {
112
129
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
113
130
  }
114
- .typography__component_fn50s.typography__margins-small_fn50s {
131
+ .typography__component_17h7t.typography__margins-small_17h7t {
115
132
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
116
133
  }
117
- .typography__component_fn50s .typography__margins-xsmall_fn50s {
134
+ .typography__component_17h7t .typography__margins-xsmall_17h7t {
118
135
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
119
136
  }
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_fn50s","font":"typography__font_fn50s","regular-xlarge":"typography__regular-xlarge_fn50s","system":"typography__system_fn50s","large":"typography__large_fn50s","regular-large":"typography__regular-large_fn50s","medium":"typography__medium_fn50s","regular-medium":"typography__regular-medium_fn50s","small":"typography__small_fn50s","regular-small":"typography__regular-small_fn50s","xsmall":"typography__xsmall_fn50s","regular-xsmall":"typography__regular-xsmall_fn50s","component":"typography__component_fn50s","margins-xlarge":"typography__margins-xlarge_fn50s","margins-large":"typography__margins-large_fn50s","margins-medium":"typography__margins-medium_fn50s","margins-small":"typography__margins-small_fn50s","margins-xsmall":"typography__margins-xsmall_fn50s"};
3
+ var styles = {"xlarge":"typography__xlarge_17h7t","font":"typography__font_17h7t","regular-xlarge":"typography__regular-xlarge_17h7t","system":"typography__system_17h7t","large":"typography__large_17h7t","regular-large":"typography__regular-large_17h7t","medium":"typography__medium_17h7t","regular-medium":"typography__regular-medium_17h7t","small":"typography__small_17h7t","regular-small":"typography__regular-small_17h7t","xsmall":"typography__xsmall_17h7t","regular-xsmall":"typography__regular-xsmall_17h7t","component":"typography__component_17h7t","margins-xlarge":"typography__margins-xlarge_17h7t","margins-large":"typography__margins-large_17h7t","margins-medium":"typography__margins-medium_17h7t","margins-small":"typography__margins-small_17h7t","margins-xsmall":"typography__margins-xsmall_17h7t"};
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_6tm7k {
23
+ .typography__tertiary_kmpvw {
24
24
  color: var(--color-light-text-tertiary);
25
25
  }
26
- .typography__disabled_6tm7k {
26
+ .typography__disabled_kmpvw {
27
27
  color: var(--color-light-text-quaternary);
28
28
  }
29
- .typography__accent_6tm7k {
29
+ .typography__accent_kmpvw {
30
30
  color: var(--color-light-accent-primary);
31
31
  }
32
- .typography__primary_6tm7k {
32
+ .typography__primary_kmpvw {
33
33
  color: var(--color-light-text-primary);
34
34
  }
35
- .typography__attention_6tm7k {
35
+ .typography__attention_kmpvw {
36
36
  color: var(--color-light-text-attention);
37
37
  }
38
- .typography__positive_6tm7k {
38
+ .typography__positive_kmpvw {
39
39
  color: var(--color-light-text-positive);
40
40
  }
41
- .typography__secondary_6tm7k {
41
+ .typography__secondary_kmpvw {
42
42
  color: var(--color-light-text-secondary);
43
43
  }
44
- .typography__tertiary-inverted_6tm7k {
44
+ .typography__tertiary-inverted_kmpvw {
45
45
  color: var(--color-light-text-tertiary-inverted);
46
46
  }
47
- .typography__primary-inverted_6tm7k {
47
+ .typography__primary-inverted_kmpvw {
48
48
  color: var(--color-light-text-primary-inverted);
49
49
  }
50
- .typography__secondary-inverted_6tm7k {
50
+ .typography__secondary-inverted_kmpvw {
51
51
  color: var(--color-light-text-secondary-inverted);
52
52
  }
53
- .typography__link_6tm7k {
53
+ .typography__link_kmpvw {
54
54
  color: var(--color-light-text-info);
55
55
  }
56
- .typography__negative_6tm7k {
56
+ .typography__negative_kmpvw {
57
57
  color: var(--color-light-text-negative);
58
58
  }
59
- .typography__static-primary-light_6tm7k {
59
+ .typography__static-primary-light_kmpvw {
60
60
  color: var(--color-static-text-primary-light);
61
61
  }
62
- .typography__static-secondary-light_6tm7k {
62
+ .typography__static-secondary-light_kmpvw {
63
63
  color: var(--color-static-text-secondary-light);
64
64
  }
65
- .typography__static-tertiary-light_6tm7k {
65
+ .typography__static-tertiary-light_kmpvw {
66
66
  color: var(--color-static-text-tertiary-light);
67
67
  }
68
- .typography__static-primary-dark_6tm7k {
68
+ .typography__static-primary-dark_kmpvw {
69
69
  color: var(--color-static-text-primary-dark);
70
70
  }
71
- .typography__static-secondary-dark_6tm7k {
71
+ .typography__static-secondary-dark_kmpvw {
72
72
  color: var(--color-static-text-secondary-dark);
73
73
  }
74
- .typography__static-tertiary-dark_6tm7k {
74
+ .typography__static-tertiary-dark_kmpvw {
75
75
  color: var(--color-static-text-tertiary-dark);
76
76
  }
77
- .typography__static-accent_6tm7k {
77
+ .typography__static-accent_kmpvw {
78
78
  color: var(--color-static-accent-primary);
79
79
  }
80
- .typography__static-positive_6tm7k {
80
+ .typography__static-positive_kmpvw {
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_6tm7k","disabled":"typography__disabled_6tm7k","accent":"typography__accent_6tm7k","primary":"typography__primary_6tm7k","attention":"typography__attention_6tm7k","positive":"typography__positive_6tm7k","secondary":"typography__secondary_6tm7k","tertiary-inverted":"typography__tertiary-inverted_6tm7k","primary-inverted":"typography__primary-inverted_6tm7k","secondary-inverted":"typography__secondary-inverted_6tm7k","link":"typography__link_6tm7k","negative":"typography__negative_6tm7k","static-primary-light":"typography__static-primary-light_6tm7k","static-secondary-light":"typography__static-secondary-light_6tm7k","static-tertiary-light":"typography__static-tertiary-light_6tm7k","static-primary-dark":"typography__static-primary-dark_6tm7k","static-secondary-dark":"typography__static-secondary-dark_6tm7k","static-tertiary-dark":"typography__static-tertiary-dark_6tm7k","static-accent":"typography__static-accent_6tm7k","static-positive":"typography__static-positive_6tm7k"};
3
+ const colors = {"tertiary":"typography__tertiary_kmpvw","disabled":"typography__disabled_kmpvw","accent":"typography__accent_kmpvw","primary":"typography__primary_kmpvw","attention":"typography__attention_kmpvw","positive":"typography__positive_kmpvw","secondary":"typography__secondary_kmpvw","tertiary-inverted":"typography__tertiary-inverted_kmpvw","primary-inverted":"typography__primary-inverted_kmpvw","secondary-inverted":"typography__secondary-inverted_kmpvw","link":"typography__link_kmpvw","negative":"typography__negative_kmpvw","static-primary-light":"typography__static-primary-light_kmpvw","static-secondary-light":"typography__static-secondary-light_kmpvw","static-tertiary-light":"typography__static-tertiary-light_kmpvw","static-primary-dark":"typography__static-primary-dark_kmpvw","static-secondary-dark":"typography__static-secondary-dark_kmpvw","static-tertiary-dark":"typography__static-tertiary-dark_kmpvw","static-accent":"typography__static-accent_kmpvw","static-positive":"typography__static-positive_kmpvw"};
4
4
 
5
5
  export { colors as default };
6
6
  //# sourceMappingURL=colors.module.css.js.map
package/modern/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/modern/text/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const 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
+ const 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/modern/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/modern/title/common.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './common.css';
2
2
 
3
- const commonStyles = {"transparent":"typography__transparent_1hjyn","component":"typography__component_1hjyn","rowLimit1":"typography__rowLimit1_1hjyn","rowLimit2":"typography__rowLimit2_1hjyn","rowLimit3":"typography__rowLimit3_1hjyn"};
3
+ const 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