@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/moderncssm/title/index.module.css CHANGED
@@ -3,139 +3,130 @@
3
3
  font-size: 48px;
4
4
  line-height: 52px;
5
5
  font-weight: 700;
6
- font-family: var(--font-family-system);
6
+ letter-spacing: 0.1px;
7
+ font-family: var(--font-family-alfasans);
7
8
  }
8
9
 
9
10
  .xlarge.font {
10
11
  line-height: 64px;
11
- font-weight: 500;
12
- font-feature-settings: 'ss01';
13
- font-family: var(--font-family-styrene);
14
12
  }
15
13
 
16
14
  .regular-xlarge {
17
15
  font-size: 48px;
18
16
  line-height: 52px;
19
17
  font-weight: 400;
20
- font-family: var(--font-family-system);
18
+ letter-spacing: -2.1px;
19
+ font-family: var(--font-family-alfasans);
21
20
  }
22
21
 
23
22
  .regular-xlarge.font {
24
23
  line-height: 64px;
25
- font-feature-settings: 'ss01';
26
- font-family: var(--font-family-styrene);
27
24
  }
28
25
 
29
26
  .large {
30
27
  font-size: 40px;
31
28
  line-height: 48px;
32
29
  font-weight: 700;
33
- font-family: var(--font-family-system);
30
+ letter-spacing: 0.1px;
31
+ font-family: var(--font-family-alfasans);
34
32
  }
35
33
 
36
34
  .large.font {
37
- font-weight: 500;
38
- font-feature-settings: 'ss01';
39
- font-family: var(--font-family-styrene);
40
35
  }
41
36
 
42
37
  .regular-large {
43
38
  font-size: 40px;
44
39
  line-height: 48px;
45
40
  font-weight: 400;
46
- font-family: var(--font-family-system);
41
+ letter-spacing: -1.7px;
42
+ font-family: var(--font-family-alfasans);
47
43
  }
48
44
 
49
45
  .regular-large.font {
50
- font-feature-settings: 'ss01';
51
- font-family: var(--font-family-styrene);
52
46
  }
53
47
 
54
48
  .medium {
55
49
  font-size: 30px;
56
50
  line-height: 36px;
57
51
  font-weight: 700;
58
- font-family: var(--font-family-system);
52
+ letter-spacing: 0.1px;
53
+ font-family: var(--font-family-alfasans);
59
54
  }
60
55
 
61
56
  .medium.font {
62
57
  font-size: 32px;
63
58
  line-height: 40px;
64
- font-weight: 500;
65
- font-feature-settings: 'ss01';
66
- font-family: var(--font-family-styrene);
59
+ letter-spacing: 0.3px;
67
60
  }
68
61
 
69
62
  .regular-medium {
70
63
  font-size: 30px;
71
64
  line-height: 36px;
72
65
  font-weight: 400;
73
- font-family: var(--font-family-system);
66
+ letter-spacing: -1.25px;
67
+ font-family: var(--font-family-alfasans);
74
68
  }
75
69
 
76
70
  .regular-medium.font {
77
71
  font-size: 32px;
78
72
  line-height: 40px;
79
- font-feature-settings: 'ss01';
80
- font-family: var(--font-family-styrene);
73
+ letter-spacing: -1.36px;
81
74
  }
82
75
 
83
76
  .small {
84
77
  font-size: 22px;
85
78
  line-height: 26px;
86
79
  font-weight: 700;
87
- font-family: var(--font-family-system);
80
+ letter-spacing: 0.2px;
81
+ font-family: var(--font-family-alfasans);
88
82
  }
89
83
 
90
84
  .small.font {
91
85
  font-size: 24px;
92
86
  line-height: 32px;
93
- font-weight: 500;
94
- font-feature-settings: 'ss01';
95
- font-family: var(--font-family-styrene);
87
+ letter-spacing: 0.39px;
96
88
  }
97
89
 
98
90
  .regular-small {
99
91
  font-size: 22px;
100
92
  line-height: 26px;
101
93
  font-weight: 400;
102
- font-family: var(--font-family-system);
94
+ letter-spacing: -0.8px;
95
+ font-family: var(--font-family-alfasans);
103
96
  }
104
97
 
105
98
  .regular-small.font {
106
99
  font-size: 24px;
107
100
  line-height: 32px;
108
- font-feature-settings: 'ss01';
109
- font-family: var(--font-family-styrene);
101
+ letter-spacing: -0.9px;
110
102
  }
111
103
 
112
104
  .xsmall {
113
105
  font-size: 18px;
114
106
  line-height: 22px;
115
107
  font-weight: 700;
116
- font-family: var(--font-family-system);
108
+ letter-spacing: 0.38px;
109
+ font-family: var(--font-family-alfasans);
117
110
  }
118
111
 
119
112
  .xsmall.font {
120
113
  font-size: 20px;
121
114
  line-height: 24px;
122
- font-weight: 500;
123
- font-feature-settings: 'ss01';
124
- font-family: var(--font-family-styrene);
115
+ letter-spacing: 0.33px;
125
116
  }
126
117
 
127
118
  .regular-xsmall {
128
119
  font-size: 18px;
129
120
  line-height: 22px;
130
121
  font-weight: 400;
131
- font-family: var(--font-family-system);
122
+ letter-spacing: -0.36px;
123
+ font-family: var(--font-family-alfasans);
132
124
  }
133
125
 
134
126
  .regular-xsmall.font {
135
127
  font-size: 20px;
136
128
  line-height: 24px;
137
- font-feature-settings: 'ss01';
138
- font-family: var(--font-family-styrene);
129
+ letter-spacing: -0.68px;
139
130
  }
140
131
 
141
132
  .component.margins-xlarge {
package/moderncssm/title-mobile/index.module.css CHANGED
@@ -2,126 +2,111 @@
2
2
  .xlarge {
3
3
  font-size: 34px;
4
4
  line-height: 40px;
5
- font-weight: 600;
6
- font-family: var(--font-family-system);
5
+ font-weight: 500;
6
+ letter-spacing: -0.32px;
7
+ font-family: var(--font-family-alfasans);
7
8
  }
8
9
 
9
10
  .xlarge.font {
10
- font-weight: 500;
11
- font-feature-settings: 'ss01';
12
- font-family: var(--font-family-styrene);
13
11
  }
14
12
 
15
13
  .regular-xlarge {
16
14
  font-size: 34px;
17
15
  line-height: 40px;
18
16
  font-weight: 400;
19
- font-family: var(--font-family-system);
17
+ letter-spacing: -1.36px;
18
+ font-family: var(--font-family-alfasans);
20
19
  }
21
20
 
22
21
  .regular-xlarge.system {
23
- font-feature-settings: 'ss01';
24
- font-family: var(--font-family-styrene);
25
22
  }
26
23
 
27
24
  .large {
28
25
  font-size: 30px;
29
26
  line-height: 36px;
30
- font-weight: 600;
31
- font-family: var(--font-family-system);
27
+ font-weight: 500;
28
+ letter-spacing: -0.25px;
29
+ font-family: var(--font-family-alfasans);
32
30
  }
33
31
 
34
32
  .large.font {
35
- font-weight: 500;
36
- font-feature-settings: 'ss01';
37
- font-family: var(--font-family-styrene);
38
33
  }
39
34
 
40
35
  .regular-large {
41
36
  font-size: 30px;
42
37
  line-height: 36px;
43
38
  font-weight: 400;
44
- font-family: var(--font-family-system);
39
+ letter-spacing: -1.25px;
40
+ font-family: var(--font-family-alfasans);
45
41
  }
46
42
 
47
43
  .regular-large.system {
48
- font-feature-settings: 'ss01';
49
- font-family: var(--font-family-styrene);
50
44
  }
51
45
 
52
46
  .medium {
53
47
  font-size: 26px;
54
48
  line-height: 32px;
55
- font-weight: 600;
56
- font-family: var(--font-family-system);
49
+ font-weight: 500;
50
+ letter-spacing: -0.25px;
51
+ font-family: var(--font-family-alfasans);
57
52
  }
58
53
 
59
54
  .medium.font {
60
- font-weight: 500;
61
- font-feature-settings: 'ss01';
62
- font-family: var(--font-family-styrene);
63
55
  }
64
56
 
65
57
  .regular-medium {
66
58
  font-size: 26px;
67
59
  line-height: 32px;
68
60
  font-weight: 400;
69
- font-family: var(--font-family-system);
61
+ letter-spacing: -1px;
62
+ font-family: var(--font-family-alfasans);
70
63
  }
71
64
 
72
65
  .regular-medium.system {
73
- font-feature-settings: 'ss01';
74
- font-family: var(--font-family-styrene);
75
66
  }
76
67
 
77
68
  .small {
78
69
  font-size: 20px;
79
70
  line-height: 28px;
80
- font-weight: 600;
81
- font-family: var(--font-family-system);
71
+ font-weight: 500;
72
+ letter-spacing: -0.15px;
73
+ font-family: var(--font-family-alfasans);
82
74
  }
83
75
 
84
76
  .small.font {
85
- font-weight: 500;
86
- font-feature-settings: 'ss01';
87
- font-family: var(--font-family-styrene);
88
77
  }
89
78
 
90
79
  .regular-small {
91
80
  font-size: 20px;
92
81
  line-height: 28px;
93
82
  font-weight: 400;
94
- font-family: var(--font-family-system);
83
+ letter-spacing: -0.68px;
84
+ font-family: var(--font-family-alfasans);
95
85
  }
96
86
 
97
87
  .regular-small.system {
98
- font-feature-settings: 'ss01';
99
- font-family: var(--font-family-styrene);
100
88
  }
101
89
 
102
90
  .xsmall {
103
91
  font-size: 16px;
104
92
  line-height: 20px;
105
- font-weight: 600;
106
- font-family: var(--font-family-system);
93
+ font-weight: 500;
94
+ letter-spacing: 0.17px;
95
+ font-family: var(--font-family-alfasans);
107
96
  }
108
97
 
109
98
  .xsmall.font {
110
- font-weight: 500;
111
- font-feature-settings: 'ss01';
112
- font-family: var(--font-family-styrene);
113
99
  }
114
100
 
115
101
  .regular-xsmall {
116
102
  font-size: 16px;
117
103
  line-height: 20px;
118
104
  font-weight: 400;
119
- font-family: var(--font-family-system);
105
+ letter-spacing: -0.24px;
106
+ font-family: var(--font-family-alfasans);
120
107
  }
121
108
 
122
109
  .regular-xsmall.system {
123
- font-feature-settings: 'ss01';
124
- font-family: var(--font-family-styrene);
125
110
  }
126
111
 
127
112
  .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",
3
+ "version": "6.0.4-alfasans",
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",
14
- "@alfalab/core-components-shared": "^2.1.1",
15
- "@alfalab/core-components-skeleton": "^7.0.2",
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.3-alfasans",
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",
29
- "varsVersion": "11.0.2"
28
+ "themesVersion": "15.0.2-alfasans",
29
+ "varsVersion": "11.0.2-alfasans"
30
30
  }
package/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/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_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"};
5
+ var 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"};
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_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/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_y1c4f","component":"typography__component_y1c4f","rowLimit1":"typography__rowLimit1_y1c4f","rowLimit2":"typography__rowLimit2_y1c4f","rowLimit3":"typography__rowLimit3_y1c4f"};
5
+ var commonStyles = {"transparent":"typography__transparent_va6w4","component":"typography__component_va6w4","rowLimit1":"typography__rowLimit1_va6w4","rowLimit2":"typography__rowLimit2_va6w4","rowLimit3":"typography__rowLimit3_va6w4"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=common.module.css.js.map