@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/moderncssm/title/index.module.css CHANGED
@@ -3,130 +3,139 @@
3
3
  font-size: 48px;
4
4
  line-height: 52px;
5
5
  font-weight: 700;
6
- letter-spacing: 0.1px;
7
- font-family: var(--font-family-alfasans);
6
+ font-family: var(--font-family-system);
8
7
  }
9
8
 
10
9
  .xlarge.font {
11
10
  line-height: 64px;
11
+ font-weight: 500;
12
+ font-feature-settings: 'ss01';
13
+ font-family: var(--font-family-styrene);
12
14
  }
13
15
 
14
16
  .regular-xlarge {
15
17
  font-size: 48px;
16
18
  line-height: 52px;
17
19
  font-weight: 400;
18
- letter-spacing: -2.1px;
19
- font-family: var(--font-family-alfasans);
20
+ font-family: var(--font-family-system);
20
21
  }
21
22
 
22
23
  .regular-xlarge.font {
23
24
  line-height: 64px;
25
+ font-feature-settings: 'ss01';
26
+ font-family: var(--font-family-styrene);
24
27
  }
25
28
 
26
29
  .large {
27
30
  font-size: 40px;
28
31
  line-height: 48px;
29
32
  font-weight: 700;
30
- letter-spacing: 0.1px;
31
- font-family: var(--font-family-alfasans);
33
+ font-family: var(--font-family-system);
32
34
  }
33
35
 
34
36
  .large.font {
37
+ font-weight: 500;
38
+ font-feature-settings: 'ss01';
39
+ font-family: var(--font-family-styrene);
35
40
  }
36
41
 
37
42
  .regular-large {
38
43
  font-size: 40px;
39
44
  line-height: 48px;
40
45
  font-weight: 400;
41
- letter-spacing: -1.7px;
42
- font-family: var(--font-family-alfasans);
46
+ font-family: var(--font-family-system);
43
47
  }
44
48
 
45
49
  .regular-large.font {
50
+ font-feature-settings: 'ss01';
51
+ font-family: var(--font-family-styrene);
46
52
  }
47
53
 
48
54
  .medium {
49
55
  font-size: 30px;
50
56
  line-height: 36px;
51
57
  font-weight: 700;
52
- letter-spacing: 0.1px;
53
- font-family: var(--font-family-alfasans);
58
+ font-family: var(--font-family-system);
54
59
  }
55
60
 
56
61
  .medium.font {
57
62
  font-size: 32px;
58
63
  line-height: 40px;
59
- letter-spacing: 0.3px;
64
+ font-weight: 500;
65
+ font-feature-settings: 'ss01';
66
+ font-family: var(--font-family-styrene);
60
67
  }
61
68
 
62
69
  .regular-medium {
63
70
  font-size: 30px;
64
71
  line-height: 36px;
65
72
  font-weight: 400;
66
- letter-spacing: -1.25px;
67
- font-family: var(--font-family-alfasans);
73
+ font-family: var(--font-family-system);
68
74
  }
69
75
 
70
76
  .regular-medium.font {
71
77
  font-size: 32px;
72
78
  line-height: 40px;
73
- letter-spacing: -1.36px;
79
+ font-feature-settings: 'ss01';
80
+ font-family: var(--font-family-styrene);
74
81
  }
75
82
 
76
83
  .small {
77
84
  font-size: 22px;
78
85
  line-height: 26px;
79
86
  font-weight: 700;
80
- letter-spacing: 0.2px;
81
- font-family: var(--font-family-alfasans);
87
+ font-family: var(--font-family-system);
82
88
  }
83
89
 
84
90
  .small.font {
85
91
  font-size: 24px;
86
92
  line-height: 32px;
87
- letter-spacing: 0.39px;
93
+ font-weight: 500;
94
+ font-feature-settings: 'ss01';
95
+ font-family: var(--font-family-styrene);
88
96
  }
89
97
 
90
98
  .regular-small {
91
99
  font-size: 22px;
92
100
  line-height: 26px;
93
101
  font-weight: 400;
94
- letter-spacing: -0.8px;
95
- font-family: var(--font-family-alfasans);
102
+ font-family: var(--font-family-system);
96
103
  }
97
104
 
98
105
  .regular-small.font {
99
106
  font-size: 24px;
100
107
  line-height: 32px;
101
- letter-spacing: -0.9px;
108
+ font-feature-settings: 'ss01';
109
+ font-family: var(--font-family-styrene);
102
110
  }
103
111
 
104
112
  .xsmall {
105
113
  font-size: 18px;
106
114
  line-height: 22px;
107
115
  font-weight: 700;
108
- letter-spacing: 0.38px;
109
- font-family: var(--font-family-alfasans);
116
+ font-family: var(--font-family-system);
110
117
  }
111
118
 
112
119
  .xsmall.font {
113
120
  font-size: 20px;
114
121
  line-height: 24px;
115
- letter-spacing: 0.33px;
122
+ font-weight: 500;
123
+ font-feature-settings: 'ss01';
124
+ font-family: var(--font-family-styrene);
116
125
  }
117
126
 
118
127
  .regular-xsmall {
119
128
  font-size: 18px;
120
129
  line-height: 22px;
121
130
  font-weight: 400;
122
- letter-spacing: -0.36px;
123
- font-family: var(--font-family-alfasans);
131
+ font-family: var(--font-family-system);
124
132
  }
125
133
 
126
134
  .regular-xsmall.font {
127
135
  font-size: 20px;
128
136
  line-height: 24px;
129
- letter-spacing: -0.68px;
137
+ font-feature-settings: 'ss01';
138
+ font-family: var(--font-family-styrene);
130
139
  }
131
140
 
132
141
  .component.margins-xlarge {
package/moderncssm/title-mobile/index.module.css CHANGED
@@ -2,111 +2,126 @@
2
2
  .xlarge {
3
3
  font-size: 34px;
4
4
  line-height: 40px;
5
- font-weight: 500;
6
- letter-spacing: -0.32px;
7
- font-family: var(--font-family-alfasans);
5
+ font-weight: 600;
6
+ font-family: var(--font-family-system);
8
7
  }
9
8
 
10
9
  .xlarge.font {
10
+ font-weight: 500;
11
+ font-feature-settings: 'ss01';
12
+ font-family: var(--font-family-styrene);
11
13
  }
12
14
 
13
15
  .regular-xlarge {
14
16
  font-size: 34px;
15
17
  line-height: 40px;
16
18
  font-weight: 400;
17
- letter-spacing: -1.36px;
18
- font-family: var(--font-family-alfasans);
19
+ font-family: var(--font-family-system);
19
20
  }
20
21
 
21
22
  .regular-xlarge.system {
23
+ font-feature-settings: 'ss01';
24
+ font-family: var(--font-family-styrene);
22
25
  }
23
26
 
24
27
  .large {
25
28
  font-size: 30px;
26
29
  line-height: 36px;
27
- font-weight: 500;
28
- letter-spacing: -0.25px;
29
- font-family: var(--font-family-alfasans);
30
+ font-weight: 600;
31
+ font-family: var(--font-family-system);
30
32
  }
31
33
 
32
34
  .large.font {
35
+ font-weight: 500;
36
+ font-feature-settings: 'ss01';
37
+ font-family: var(--font-family-styrene);
33
38
  }
34
39
 
35
40
  .regular-large {
36
41
  font-size: 30px;
37
42
  line-height: 36px;
38
43
  font-weight: 400;
39
- letter-spacing: -1.25px;
40
- font-family: var(--font-family-alfasans);
44
+ font-family: var(--font-family-system);
41
45
  }
42
46
 
43
47
  .regular-large.system {
48
+ font-feature-settings: 'ss01';
49
+ font-family: var(--font-family-styrene);
44
50
  }
45
51
 
46
52
  .medium {
47
53
  font-size: 26px;
48
54
  line-height: 32px;
49
- font-weight: 500;
50
- letter-spacing: -0.25px;
51
- font-family: var(--font-family-alfasans);
55
+ font-weight: 600;
56
+ font-family: var(--font-family-system);
52
57
  }
53
58
 
54
59
  .medium.font {
60
+ font-weight: 500;
61
+ font-feature-settings: 'ss01';
62
+ font-family: var(--font-family-styrene);
55
63
  }
56
64
 
57
65
  .regular-medium {
58
66
  font-size: 26px;
59
67
  line-height: 32px;
60
68
  font-weight: 400;
61
- letter-spacing: -1px;
62
- font-family: var(--font-family-alfasans);
69
+ font-family: var(--font-family-system);
63
70
  }
64
71
 
65
72
  .regular-medium.system {
73
+ font-feature-settings: 'ss01';
74
+ font-family: var(--font-family-styrene);
66
75
  }
67
76
 
68
77
  .small {
69
78
  font-size: 20px;
70
79
  line-height: 28px;
71
- font-weight: 500;
72
- letter-spacing: -0.15px;
73
- font-family: var(--font-family-alfasans);
80
+ font-weight: 600;
81
+ font-family: var(--font-family-system);
74
82
  }
75
83
 
76
84
  .small.font {
85
+ font-weight: 500;
86
+ font-feature-settings: 'ss01';
87
+ font-family: var(--font-family-styrene);
77
88
  }
78
89
 
79
90
  .regular-small {
80
91
  font-size: 20px;
81
92
  line-height: 28px;
82
93
  font-weight: 400;
83
- letter-spacing: -0.68px;
84
- font-family: var(--font-family-alfasans);
94
+ font-family: var(--font-family-system);
85
95
  }
86
96
 
87
97
  .regular-small.system {
98
+ font-feature-settings: 'ss01';
99
+ font-family: var(--font-family-styrene);
88
100
  }
89
101
 
90
102
  .xsmall {
91
103
  font-size: 16px;
92
104
  line-height: 20px;
93
- font-weight: 500;
94
- letter-spacing: 0.17px;
95
- font-family: var(--font-family-alfasans);
105
+ font-weight: 600;
106
+ font-family: var(--font-family-system);
96
107
  }
97
108
 
98
109
  .xsmall.font {
110
+ font-weight: 500;
111
+ font-feature-settings: 'ss01';
112
+ font-family: var(--font-family-styrene);
99
113
  }
100
114
 
101
115
  .regular-xsmall {
102
116
  font-size: 16px;
103
117
  line-height: 20px;
104
118
  font-weight: 400;
105
- letter-spacing: -0.24px;
106
- font-family: var(--font-family-alfasans);
119
+ font-family: var(--font-family-system);
107
120
  }
108
121
 
109
122
  .regular-xsmall.system {
123
+ font-feature-settings: 'ss01';
124
+ font-family: var(--font-family-styrene);
110
125
  }
111
126
 
112
127
  .component.margins-xlarge {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-typography",
3
- "version": "6.0.3-alfasans",
3
+ "version": "6.0.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,9 +10,9 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-mq": "6.0.3-alfasans",
14
- "@alfalab/core-components-shared": "2.1.1-alfasans",
15
- "@alfalab/core-components-skeleton": "7.0.2-alfasans",
13
+ "@alfalab/core-components-mq": "^6.0.3",
14
+ "@alfalab/core-components-shared": "^2.1.1",
15
+ "@alfalab/core-components-skeleton": "^7.0.3",
16
16
  "classnames": "^2.5.1",
17
17
  "react-merge-refs": "^1.1.0",
18
18
  "tslib": "^2.4.0"
@@ -25,6 +25,6 @@
25
25
  "access": "public",
26
26
  "directory": "dist"
27
27
  },
28
- "themesVersion": "15.0.2-alfasans",
29
- "varsVersion": "11.0.2-alfasans"
28
+ "themesVersion": "15.0.2",
29
+ "varsVersion": "11.0.2"
30
30
  }
package/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/text/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"transparent":"typography__transparent_1mt2x","paragraph":"typography__paragraph_1mt2x","paragraphWithMargins":"typography__paragraphWithMargins_1mt2x","component":"typography__component_1mt2x","bold":"typography__bold_1mt2x","medium":"typography__medium_1mt2x","caps":"typography__caps_1mt2x","tagline":"typography__tagline_1mt2x","primary-large":"typography__primary-large_1mt2x","primary-medium":"typography__primary-medium_1mt2x","primary-small":"typography__primary-small_1mt2x","component-primary":"typography__component-primary_1mt2x","secondary-large":"typography__secondary-large_1mt2x","secondary-medium":"typography__secondary-medium_1mt2x","secondary-small":"typography__secondary-small_1mt2x","component-secondary":"typography__component-secondary_1mt2x","rowLimit1":"typography__rowLimit1_1mt2x","rowLimit2":"typography__rowLimit2_1mt2x","rowLimit3":"typography__rowLimit3_1mt2x","monospace":"typography__monospace_1mt2x"};
5
+ var styles = {"transparent":"typography__transparent_javr3","paragraph":"typography__paragraph_javr3","paragraphWithMargins":"typography__paragraphWithMargins_javr3","component":"typography__component_javr3","bold":"typography__bold_javr3","medium":"typography__medium_javr3","caps":"typography__caps_javr3","tagline":"typography__tagline_javr3","primary-large":"typography__primary-large_javr3","primary-medium":"typography__primary-medium_javr3","primary-small":"typography__primary-small_javr3","component-primary":"typography__component-primary_javr3","secondary-large":"typography__secondary-large_javr3","secondary-medium":"typography__secondary-medium_javr3","secondary-small":"typography__secondary-small_javr3","component-secondary":"typography__component-secondary_javr3","rowLimit1":"typography__rowLimit1_javr3","rowLimit2":"typography__rowLimit2_javr3","rowLimit3":"typography__rowLimit3_javr3","monospace":"typography__monospace_javr3"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/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/title/common.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./common.css');
4
4
 
5
- var commonStyles = {"transparent":"typography__transparent_1hjyn","component":"typography__component_1hjyn","rowLimit1":"typography__rowLimit1_1hjyn","rowLimit2":"typography__rowLimit2_1hjyn","rowLimit3":"typography__rowLimit3_1hjyn"};
5
+ var commonStyles = {"transparent":"typography__transparent_1xzh4","component":"typography__component_1xzh4","rowLimit1":"typography__rowLimit1_1xzh4","rowLimit2":"typography__rowLimit2_1xzh4","rowLimit3":"typography__rowLimit3_1xzh4"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=common.module.css.js.map