@carbon/type 10.13.0 → 10.15.0

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 (21) hide show
  1. package/es/index.js +57 -59
  2. package/lib/index.js +57 -59
  3. package/package.json +4 -4
  4. package/scss/_inlined/_reset.scss +1 -1
  5. package/scss/_inlined/_scale.scss +2 -2
  6. package/scss/_inlined/_styles.scss +58 -59
  7. package/scss/_inlined/font-face/_mono.scss +72 -72
  8. package/scss/_inlined/font-face/_sans-condensed.scss +42 -42
  9. package/scss/_inlined/font-face/_sans.scss +84 -84
  10. package/scss/_inlined/font-face/_serif.scss +72 -72
  11. package/scss/_reset.scss +1 -1
  12. package/scss/_scale.scss +2 -2
  13. package/scss/_styles.scss +58 -59
  14. package/scss/font-face/_mono.scss +72 -72
  15. package/scss/font-face/_sans-condensed.scss +42 -42
  16. package/scss/font-face/_sans.scss +84 -84
  17. package/scss/font-face/_serif.scss +72 -72
  18. package/src/__tests__/__snapshots__/styles-test.js.snap +31 -31
  19. package/src/__tests__/fluid-test.js +26 -26
  20. package/src/styles.js +57 -59
  21. package/umd/index.js +57 -59
package/src/__tests__/__snapshots__/styles-test.js.snap CHANGED
@@ -3,35 +3,35 @@
3
3
  exports[`styles bodyLong01 should be printable 1`] = `
4
4
  "font-size: 0.875rem;
5
5
  font-weight: 400;
6
- line-height: 1.25rem;
6
+ line-height: 1.43;
7
7
  letter-spacing: 0.16px;"
8
8
  `;
9
9
 
10
10
  exports[`styles bodyLong02 should be printable 1`] = `
11
11
  "font-size: 1rem;
12
12
  font-weight: 400;
13
- line-height: 1.5rem;
13
+ line-height: 1.5;
14
14
  letter-spacing: 0;"
15
15
  `;
16
16
 
17
17
  exports[`styles bodyShort01 should be printable 1`] = `
18
18
  "font-size: 0.875rem;
19
19
  font-weight: 400;
20
- line-height: 1.125rem;
20
+ line-height: 1.29;
21
21
  letter-spacing: 0.16px;"
22
22
  `;
23
23
 
24
24
  exports[`styles bodyShort02 should be printable 1`] = `
25
25
  "font-size: 1rem;
26
26
  font-weight: 400;
27
- line-height: 1.375rem;
27
+ line-height: 1.375;
28
28
  letter-spacing: 0;"
29
29
  `;
30
30
 
31
31
  exports[`styles caption01 should be printable 1`] = `
32
32
  "font-size: 0.75rem;
33
33
  font-weight: 400;
34
- line-height: 1rem;
34
+ line-height: 1.34;
35
35
  letter-spacing: 0.32px;"
36
36
  `;
37
37
 
@@ -39,7 +39,7 @@ exports[`styles code01 should be printable 1`] = `
39
39
  "font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
40
40
  font-size: 0.75rem;
41
41
  font-weight: 400;
42
- line-height: 1rem;
42
+ line-height: 1.34;
43
43
  letter-spacing: 0.32px;"
44
44
  `;
45
45
 
@@ -47,84 +47,84 @@ exports[`styles code02 should be printable 1`] = `
47
47
  "font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
48
48
  font-size: 0.875rem;
49
49
  font-weight: 400;
50
- line-height: 1.25rem;
50
+ line-height: 1.43;
51
51
  letter-spacing: 0.32px;"
52
52
  `;
53
53
 
54
54
  exports[`styles display01 should be printable 1`] = `
55
55
  "font-size: 2.625rem;
56
56
  font-weight: 300;
57
- line-height: 119%;
57
+ line-height: 1.19;
58
58
  letter-spacing: 0;"
59
59
  `;
60
60
 
61
61
  exports[`styles display02 should be printable 1`] = `
62
62
  "font-size: 2.625rem;
63
63
  font-weight: 600;
64
- line-height: 119%;
64
+ line-height: 1.19;
65
65
  letter-spacing: 0;"
66
66
  `;
67
67
 
68
68
  exports[`styles display03 should be printable 1`] = `
69
69
  "font-size: 2.625rem;
70
70
  font-weight: 300;
71
- line-height: 119%;
71
+ line-height: 1.19;
72
72
  letter-spacing: 0;"
73
73
  `;
74
74
 
75
75
  exports[`styles display04 should be printable 1`] = `
76
76
  "font-size: 2.625rem;
77
77
  font-weight: 600;
78
- line-height: 119%;
78
+ line-height: 1.19;
79
79
  letter-spacing: 0;"
80
80
  `;
81
81
 
82
82
  exports[`styles expressiveHeading01 should be printable 1`] = `
83
83
  "font-size: 0.875rem;
84
84
  font-weight: 600;
85
- line-height: 1.25rem;
85
+ line-height: 1.25;
86
86
  letter-spacing: 0.16px;"
87
87
  `;
88
88
 
89
89
  exports[`styles expressiveHeading02 should be printable 1`] = `
90
90
  "font-size: 1rem;
91
91
  font-weight: 600;
92
- line-height: 1.5rem;
92
+ line-height: 1.5;
93
93
  letter-spacing: 0;"
94
94
  `;
95
95
 
96
96
  exports[`styles expressiveHeading03 should be printable 1`] = `
97
97
  "font-size: 1.25rem;
98
98
  font-weight: 400;
99
- line-height: 140%;
99
+ line-height: 1.4;
100
100
  letter-spacing: 0;"
101
101
  `;
102
102
 
103
103
  exports[`styles expressiveHeading04 should be printable 1`] = `
104
104
  "font-size: 1.75rem;
105
105
  font-weight: 400;
106
- line-height: 129%;
106
+ line-height: 1.29;
107
107
  letter-spacing: 0;"
108
108
  `;
109
109
 
110
110
  exports[`styles expressiveHeading05 should be printable 1`] = `
111
111
  "font-size: 2rem;
112
112
  font-weight: 400;
113
- line-height: 125%;
113
+ line-height: 1.25;
114
114
  letter-spacing: 0;"
115
115
  `;
116
116
 
117
117
  exports[`styles expressiveHeading06 should be printable 1`] = `
118
118
  "font-size: 2rem;
119
119
  font-weight: 600;
120
- line-height: 125%;
120
+ line-height: 1.25;
121
121
  letter-spacing: 0;"
122
122
  `;
123
123
 
124
124
  exports[`styles expressiveParagraph01 should be printable 1`] = `
125
125
  "font-size: 1.5rem;
126
126
  font-weight: 300;
127
- line-height: 125%;
127
+ line-height: 1.25;
128
128
  letter-spacing: 0;
129
129
  lg: [object Object];
130
130
  max: [object Object];"
@@ -133,89 +133,89 @@ max: [object Object];"
133
133
  exports[`styles heading01 should be printable 1`] = `
134
134
  "font-size: 0.875rem;
135
135
  font-weight: 600;
136
- line-height: 1.125rem;
136
+ line-height: 1.29;
137
137
  letter-spacing: 0.16px;"
138
138
  `;
139
139
 
140
140
  exports[`styles heading02 should be printable 1`] = `
141
141
  "font-size: 1rem;
142
142
  font-weight: 600;
143
- line-height: 1.375rem;
143
+ line-height: 1.375;
144
144
  letter-spacing: 0;"
145
145
  `;
146
146
 
147
147
  exports[`styles helperText01 should be printable 1`] = `
148
148
  "font-size: 0.75rem;
149
- line-height: 1rem;
149
+ line-height: 1.34;
150
150
  letter-spacing: 0.32px;"
151
151
  `;
152
152
 
153
153
  exports[`styles label01 should be printable 1`] = `
154
154
  "font-size: 0.75rem;
155
155
  font-weight: 400;
156
- line-height: 1rem;
156
+ line-height: 1.34;
157
157
  letter-spacing: 0.32px;"
158
158
  `;
159
159
 
160
160
  exports[`styles productiveHeading01 should be printable 1`] = `
161
161
  "font-size: 0.875rem;
162
162
  font-weight: 600;
163
- line-height: 1.125rem;
163
+ line-height: 1.29;
164
164
  letter-spacing: 0.16px;"
165
165
  `;
166
166
 
167
167
  exports[`styles productiveHeading02 should be printable 1`] = `
168
168
  "font-size: 1rem;
169
169
  font-weight: 600;
170
- line-height: 1.375rem;
170
+ line-height: 1.375;
171
171
  letter-spacing: 0;"
172
172
  `;
173
173
 
174
174
  exports[`styles productiveHeading03 should be printable 1`] = `
175
175
  "font-size: 1.25rem;
176
176
  font-weight: 400;
177
- line-height: 1.75rem;
177
+ line-height: 1.4;
178
178
  letter-spacing: 0;"
179
179
  `;
180
180
 
181
181
  exports[`styles productiveHeading04 should be printable 1`] = `
182
182
  "font-size: 1.75rem;
183
183
  font-weight: 400;
184
- line-height: 2.25rem;
184
+ line-height: 1.29;
185
185
  letter-spacing: 0;"
186
186
  `;
187
187
 
188
188
  exports[`styles productiveHeading05 should be printable 1`] = `
189
189
  "font-size: 2rem;
190
190
  font-weight: 400;
191
- line-height: 2.5rem;
191
+ line-height: 1.25;
192
192
  letter-spacing: 0;"
193
193
  `;
194
194
 
195
195
  exports[`styles productiveHeading06 should be printable 1`] = `
196
196
  "font-size: 2.625rem;
197
197
  font-weight: 300;
198
- line-height: 3.125rem;
198
+ line-height: 1.199;
199
199
  letter-spacing: 0;"
200
200
  `;
201
201
 
202
202
  exports[`styles productiveHeading07 should be printable 1`] = `
203
203
  "font-size: 3.375rem;
204
204
  font-weight: 300;
205
- line-height: 4rem;
205
+ line-height: 1.19;
206
206
  letter-spacing: 0;"
207
207
  `;
208
208
 
209
209
  exports[`styles quotation01 should be printable 1`] = `
210
210
  "font-size: 1.25rem;
211
211
  font-weight: 400;
212
- line-height: 130%;
212
+ line-height: 1.3;
213
213
  letter-spacing: 0;"
214
214
  `;
215
215
 
216
216
  exports[`styles quotation02 should be printable 1`] = `
217
217
  "font-size: 2rem;
218
218
  font-weight: 300;
219
- line-height: 125%;
219
+ line-height: 1.25;
220
220
  letter-spacing: 0;"
221
221
  `;
package/src/__tests__/fluid-test.js CHANGED
@@ -41,31 +41,31 @@ describe('fluid', () => {
41
41
 
42
42
  it('should compute the fluid styles for a token', () => {
43
43
  expect(fluid(display04)).toMatchInlineSnapshot(`
44
- Object {
45
- "@media (min-width: 42rem)": Object {
46
- "fontSize": "calc(4.25rem + 1.5 * ((100vw - 42rem) / 24))",
47
- "lineHeight": "115%",
48
- },
49
- "@media (min-width: 66rem)": Object {
50
- "fontSize": "calc(5.75rem + 1.875 * ((100vw - 66rem) / 16))",
51
- "letterSpacing": "-0.64px",
52
- "lineHeight": "111%",
53
- },
54
- "@media (min-width: 82rem)": Object {
55
- "fontSize": "calc(7.625rem + 2.125 * ((100vw - 82rem) / 17))",
56
- "letterSpacing": "-0.64px",
57
- "lineHeight": "107%",
58
- },
59
- "@media (min-width: 99rem)": Object {
60
- "fontSize": "9.75rem",
61
- "letterSpacing": "-0.96px",
62
- "lineHeight": "105%",
63
- },
64
- "fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
65
- "fontWeight": 600,
66
- "letterSpacing": 0,
67
- "lineHeight": "119%",
68
- }
69
- `);
44
+ Object {
45
+ "@media (min-width: 42rem)": Object {
46
+ "fontSize": "calc(4.25rem + 1.5 * ((100vw - 42rem) / 24))",
47
+ "lineHeight": 1.15,
48
+ },
49
+ "@media (min-width: 66rem)": Object {
50
+ "fontSize": "calc(5.75rem + 1.875 * ((100vw - 66rem) / 16))",
51
+ "letterSpacing": "-0.64px",
52
+ "lineHeight": 1.11,
53
+ },
54
+ "@media (min-width: 82rem)": Object {
55
+ "fontSize": "calc(7.625rem + 2.125 * ((100vw - 82rem) / 17))",
56
+ "letterSpacing": "-0.64px",
57
+ "lineHeight": 1.07,
58
+ },
59
+ "@media (min-width: 99rem)": Object {
60
+ "fontSize": "9.75rem",
61
+ "letterSpacing": "-0.96px",
62
+ "lineHeight": 1.05,
63
+ },
64
+ "fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
65
+ "fontWeight": 600,
66
+ "letterSpacing": 0,
67
+ "lineHeight": 1.19,
68
+ }
69
+ `);
70
70
  });
71
71
  });