@carbon/type 10.1.1 → 10.2.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 (32) hide show
  1. package/LICENSE +2 -2
  2. package/README.md +69 -80
  3. package/es/index.js +23 -1
  4. package/lib/index.js +28 -0
  5. package/package.json +7 -7
  6. package/scss/_inlined/_classes.scss +41 -0
  7. package/scss/_inlined/_font-family.scss +70 -0
  8. package/scss/_inlined/_prefix.scss +11 -0
  9. package/scss/_inlined/_reset.scss +43 -0
  10. package/scss/_inlined/_scale.scss +59 -0
  11. package/scss/_inlined/_styles.scss +673 -0
  12. package/scss/_inlined/font-face/_mono.scss +430 -0
  13. package/scss/_inlined/font-face/_sans.scss +497 -0
  14. package/scss/_inlined/font-face/_serif.scss +430 -0
  15. package/scss/_inlined/font-face/_settings.scss +12 -0
  16. package/scss/_styles.scss +46 -0
  17. package/scss/index.scss +11 -0
  18. package/scss/type.scss +4 -4
  19. package/scss/vendor/@carbon/import-once/import-once.scss +27 -0
  20. package/scss/vendor/@carbon/import-once/index.scss +8 -0
  21. package/scss/vendor/@carbon/layout/_breakpoint.scss +237 -0
  22. package/scss/vendor/@carbon/layout/_convert.scss +30 -0
  23. package/scss/vendor/@carbon/layout/_key-height.scss +97 -0
  24. package/scss/vendor/@carbon/layout/_mini-unit.scss +23 -0
  25. package/scss/vendor/@carbon/layout/_spacing.scss +328 -0
  26. package/scss/vendor/@carbon/layout/_utilities.scss +41 -0
  27. package/scss/vendor/@carbon/layout/index.scss +8 -0
  28. package/scss/vendor/@carbon/layout/layout.scss +12 -0
  29. package/src/__tests__/__snapshots__/styles-test.js.snap +96 -0
  30. package/src/__tests__/exports-test.js +43 -37
  31. package/src/styles.js +22 -0
  32. package/umd/index.js +28 -0
package/scss/_inlined/font-face/_serif.scss ADDED
@@ -0,0 +1,430 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ @import 'settings';
9
+
10
+ /// Serif `@font-face`'s
11
+ /// @access public
12
+ /// @group @carbon/type
13
+ @mixin carbon--font-face-serif {
14
+ // .woff support for IE11
15
+ @font-face {
16
+ font-family: 'IBM Plex Serif';
17
+ font-style: italic;
18
+ font-weight: 300;
19
+ font-display: $carbon--font-display;
20
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
21
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff)
22
+ format('woff');
23
+ }
24
+ @font-face {
25
+ font-family: 'IBM Plex Serif';
26
+ font-style: italic;
27
+ font-weight: 400;
28
+ font-display: $carbon--font-display;
29
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
30
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff)
31
+ format('woff');
32
+ }
33
+ @font-face {
34
+ font-family: 'IBM Plex Serif';
35
+ font-style: italic;
36
+ font-weight: 600;
37
+ font-display: $carbon--font-display;
38
+ src: local('IBM Plex Serif SemiBold Italic'),
39
+ local('IBMPlexSerif-SemiBoldItalic'),
40
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npiw.woff)
41
+ format('woff');
42
+ }
43
+ @font-face {
44
+ font-family: 'IBM Plex Serif';
45
+ font-style: normal;
46
+ font-weight: 300;
47
+ font-display: $carbon--font-display;
48
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
49
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff)
50
+ format('woff');
51
+ }
52
+ @font-face {
53
+ font-family: 'IBM Plex Serif';
54
+ font-style: normal;
55
+ font-weight: 400;
56
+ font-display: $carbon--font-display;
57
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
58
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff)
59
+ format('woff');
60
+ }
61
+ @font-face {
62
+ font-family: 'IBM Plex Serif';
63
+ font-style: normal;
64
+ font-weight: 600;
65
+ font-display: $carbon--font-display;
66
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
67
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q10.woff)
68
+ format('woff');
69
+ }
70
+
71
+ /* cyrillic-ext */
72
+ @font-face {
73
+ font-family: 'IBM Plex Serif';
74
+ font-style: italic;
75
+ font-weight: 300;
76
+ font-display: $carbon--font-display;
77
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
78
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2)
79
+ format('woff2');
80
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
81
+ U+FE2E-FE2F;
82
+ }
83
+ /* cyrillic */
84
+ @font-face {
85
+ font-family: 'IBM Plex Serif';
86
+ font-style: italic;
87
+ font-weight: 300;
88
+ font-display: $carbon--font-display;
89
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
90
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2)
91
+ format('woff2');
92
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
93
+ }
94
+ /* vietnamese */
95
+ @font-face {
96
+ font-family: 'IBM Plex Serif';
97
+ font-style: italic;
98
+ font-weight: 300;
99
+ font-display: $carbon--font-display;
100
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
101
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2)
102
+ format('woff2');
103
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
104
+ }
105
+ /* latin-ext */
106
+ @font-face {
107
+ font-family: 'IBM Plex Serif';
108
+ font-style: italic;
109
+ font-weight: 300;
110
+ font-display: $carbon--font-display;
111
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
112
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2)
113
+ format('woff2');
114
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
115
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
116
+ }
117
+ /* latin */
118
+ @font-face {
119
+ font-family: 'IBM Plex Serif';
120
+ font-style: italic;
121
+ font-weight: 300;
122
+ font-display: $carbon--font-display;
123
+ src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
124
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2)
125
+ format('woff2');
126
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
127
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
128
+ U+2215, U+FEFF, U+FFFD;
129
+ }
130
+ /* cyrillic-ext */
131
+ @font-face {
132
+ font-family: 'IBM Plex Serif';
133
+ font-style: italic;
134
+ font-weight: 400;
135
+ font-display: $carbon--font-display;
136
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
137
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2)
138
+ format('woff2');
139
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
140
+ U+FE2E-FE2F;
141
+ }
142
+ /* cyrillic */
143
+ @font-face {
144
+ font-family: 'IBM Plex Serif';
145
+ font-style: italic;
146
+ font-weight: 400;
147
+ font-display: $carbon--font-display;
148
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
149
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2)
150
+ format('woff2');
151
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
152
+ }
153
+ /* vietnamese */
154
+ @font-face {
155
+ font-family: 'IBM Plex Serif';
156
+ font-style: italic;
157
+ font-weight: 400;
158
+ font-display: $carbon--font-display;
159
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
160
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2)
161
+ format('woff2');
162
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
163
+ }
164
+ /* latin-ext */
165
+ @font-face {
166
+ font-family: 'IBM Plex Serif';
167
+ font-style: italic;
168
+ font-weight: 400;
169
+ font-display: $carbon--font-display;
170
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
171
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2)
172
+ format('woff2');
173
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
174
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
175
+ }
176
+ /* latin */
177
+ @font-face {
178
+ font-family: 'IBM Plex Serif';
179
+ font-style: italic;
180
+ font-weight: 400;
181
+ font-display: $carbon--font-display;
182
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
183
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2)
184
+ format('woff2');
185
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
186
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
187
+ U+2215, U+FEFF, U+FFFD;
188
+ }
189
+ /* cyrillic-ext */
190
+ @font-face {
191
+ font-family: 'IBM Plex Serif';
192
+ font-style: italic;
193
+ font-weight: 600;
194
+ font-display: $carbon--font-display;
195
+ src: local('IBM Plex Serif SemiBold Italic'),
196
+ local('IBMPlexSerif-SemiBoldItalic'),
197
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2)
198
+ format('woff2');
199
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
200
+ U+FE2E-FE2F;
201
+ }
202
+ /* cyrillic */
203
+ @font-face {
204
+ font-family: 'IBM Plex Serif';
205
+ font-style: italic;
206
+ font-weight: 600;
207
+ font-display: $carbon--font-display;
208
+ src: local('IBM Plex Serif SemiBold Italic'),
209
+ local('IBMPlexSerif-SemiBoldItalic'),
210
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2)
211
+ format('woff2');
212
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
213
+ }
214
+ /* vietnamese */
215
+ @font-face {
216
+ font-family: 'IBM Plex Serif';
217
+ font-style: italic;
218
+ font-weight: 600;
219
+ font-display: $carbon--font-display;
220
+ src: local('IBM Plex Serif SemiBold Italic'),
221
+ local('IBMPlexSerif-SemiBoldItalic'),
222
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2)
223
+ format('woff2');
224
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
225
+ }
226
+ /* latin-ext */
227
+ @font-face {
228
+ font-family: 'IBM Plex Serif';
229
+ font-style: italic;
230
+ font-weight: 600;
231
+ font-display: $carbon--font-display;
232
+ src: local('IBM Plex Serif SemiBold Italic'),
233
+ local('IBMPlexSerif-SemiBoldItalic'),
234
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2)
235
+ format('woff2');
236
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
237
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
238
+ }
239
+ /* latin */
240
+ @font-face {
241
+ font-family: 'IBM Plex Serif';
242
+ font-style: italic;
243
+ font-weight: 600;
244
+ font-display: $carbon--font-display;
245
+ src: local('IBM Plex Serif SemiBold Italic'),
246
+ local('IBMPlexSerif-SemiBoldItalic'),
247
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2)
248
+ format('woff2');
249
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
250
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
251
+ U+2215, U+FEFF, U+FFFD;
252
+ }
253
+ /* cyrillic-ext */
254
+ @font-face {
255
+ font-family: 'IBM Plex Serif';
256
+ font-style: normal;
257
+ font-weight: 300;
258
+ font-display: $carbon--font-display;
259
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
260
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2)
261
+ format('woff2');
262
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
263
+ U+FE2E-FE2F;
264
+ }
265
+ /* cyrillic */
266
+ @font-face {
267
+ font-family: 'IBM Plex Serif';
268
+ font-style: normal;
269
+ font-weight: 300;
270
+ font-display: $carbon--font-display;
271
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
272
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2)
273
+ format('woff2');
274
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
275
+ }
276
+ /* vietnamese */
277
+ @font-face {
278
+ font-family: 'IBM Plex Serif';
279
+ font-style: normal;
280
+ font-weight: 300;
281
+ font-display: $carbon--font-display;
282
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
283
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2)
284
+ format('woff2');
285
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
286
+ }
287
+ /* latin-ext */
288
+ @font-face {
289
+ font-family: 'IBM Plex Serif';
290
+ font-style: normal;
291
+ font-weight: 300;
292
+ font-display: $carbon--font-display;
293
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
294
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2)
295
+ format('woff2');
296
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
297
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
298
+ }
299
+ /* latin */
300
+ @font-face {
301
+ font-family: 'IBM Plex Serif';
302
+ font-style: normal;
303
+ font-weight: 300;
304
+ font-display: $carbon--font-display;
305
+ src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
306
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2)
307
+ format('woff2');
308
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
309
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
310
+ U+2215, U+FEFF, U+FFFD;
311
+ }
312
+ /* cyrillic-ext */
313
+ @font-face {
314
+ font-family: 'IBM Plex Serif';
315
+ font-style: normal;
316
+ font-weight: 400;
317
+ font-display: $carbon--font-display;
318
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
319
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2)
320
+ format('woff2');
321
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
322
+ U+FE2E-FE2F;
323
+ }
324
+ /* cyrillic */
325
+ @font-face {
326
+ font-family: 'IBM Plex Serif';
327
+ font-style: normal;
328
+ font-weight: 400;
329
+ font-display: $carbon--font-display;
330
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
331
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2)
332
+ format('woff2');
333
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
334
+ }
335
+ /* vietnamese */
336
+ @font-face {
337
+ font-family: 'IBM Plex Serif';
338
+ font-style: normal;
339
+ font-weight: 400;
340
+ font-display: $carbon--font-display;
341
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
342
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2)
343
+ format('woff2');
344
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
345
+ }
346
+ /* latin-ext */
347
+ @font-face {
348
+ font-family: 'IBM Plex Serif';
349
+ font-style: normal;
350
+ font-weight: 400;
351
+ font-display: $carbon--font-display;
352
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
353
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2)
354
+ format('woff2');
355
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
356
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
357
+ }
358
+ /* latin */
359
+ @font-face {
360
+ font-family: 'IBM Plex Serif';
361
+ font-style: normal;
362
+ font-weight: 400;
363
+ font-display: $carbon--font-display;
364
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
365
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2)
366
+ format('woff2');
367
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
368
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
369
+ U+2215, U+FEFF, U+FFFD;
370
+ }
371
+ /* cyrillic-ext */
372
+ @font-face {
373
+ font-family: 'IBM Plex Serif';
374
+ font-style: normal;
375
+ font-weight: 600;
376
+ font-display: $carbon--font-display;
377
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
378
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2)
379
+ format('woff2');
380
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
381
+ U+FE2E-FE2F;
382
+ }
383
+ /* cyrillic */
384
+ @font-face {
385
+ font-family: 'IBM Plex Serif';
386
+ font-style: normal;
387
+ font-weight: 600;
388
+ font-display: $carbon--font-display;
389
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
390
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2)
391
+ format('woff2');
392
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
393
+ }
394
+ /* vietnamese */
395
+ @font-face {
396
+ font-family: 'IBM Plex Serif';
397
+ font-style: normal;
398
+ font-weight: 600;
399
+ font-display: $carbon--font-display;
400
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
401
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2)
402
+ format('woff2');
403
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
404
+ }
405
+ /* latin-ext */
406
+ @font-face {
407
+ font-family: 'IBM Plex Serif';
408
+ font-style: normal;
409
+ font-weight: 600;
410
+ font-display: $carbon--font-display;
411
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
412
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2)
413
+ format('woff2');
414
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
415
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
416
+ }
417
+ /* latin */
418
+ @font-face {
419
+ font-family: 'IBM Plex Serif';
420
+ font-style: normal;
421
+ font-weight: 600;
422
+ font-display: $carbon--font-display;
423
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
424
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2)
425
+ format('woff2');
426
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
427
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
428
+ U+2215, U+FEFF, U+FFFD;
429
+ }
430
+ }
package/scss/_inlined/font-face/_settings.scss ADDED
@@ -0,0 +1,12 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ /// Defines how font files are loaded and displayed by the browser
9
+ /// @link https://css-tricks.com/almanac/properties/f/font-display/
10
+ /// @access public
11
+ /// @group @carbon/type
12
+ $carbon--font-display: auto !default;
package/scss/_styles.scss CHANGED
@@ -108,6 +108,11 @@ $heading-01: (
108
108
  letter-spacing: 0.16px,
109
109
  ) !default;
110
110
 
111
+ /// @type Map
112
+ /// @access public
113
+ /// @group @carbon/type
114
+ $productive-heading-01: $heading-01 !default;
115
+
111
116
  /// @type Map
112
117
  /// @access public
113
118
  /// @group @carbon/type
@@ -118,6 +123,11 @@ $heading-02: (
118
123
  letter-spacing: 0,
119
124
  ) !default;
120
125
 
126
+ /// @type Map
127
+ /// @access public
128
+ /// @group @carbon/type
129
+ $productive-heading-02: $heading-02 !default;
130
+
121
131
  /// @type Map
122
132
  /// @access public
123
133
  /// @group @carbon/type
@@ -148,6 +158,36 @@ $productive-heading-05: (
148
158
  letter-spacing: 0,
149
159
  ) !default;
150
160
 
161
+ /// @type Map
162
+ /// @access public
163
+ /// @group @carbon/type
164
+ $productive-heading-06: (
165
+ font-size: carbon--type-scale(8),
166
+ font-weight: carbon--font-weight('light'),
167
+ line-height: carbon--rem(50px),
168
+ letter-spacing: 0,
169
+ ) !default;
170
+
171
+ /// @type Map
172
+ /// @access public
173
+ /// @group @carbon/type
174
+ $productive-heading-07: (
175
+ font-size: carbon--type-scale(10),
176
+ font-weight: carbon--font-weight('light'),
177
+ line-height: carbon--rem(64px),
178
+ letter-spacing: 0,
179
+ ) !default;
180
+
181
+ /// @type Map
182
+ /// @access public
183
+ /// @group @carbon/type
184
+ $expressive-heading-01: $heading-01 !default;
185
+
186
+ /// @type Map
187
+ /// @access public
188
+ /// @group @carbon/type
189
+ $expressive-heading-02: $heading-02 !default;
190
+
151
191
  /// @type Map
152
192
  /// @access public
153
193
  /// @group @carbon/type
@@ -443,10 +483,16 @@ $tokens: (
443
483
  code-02: $code-02,
444
484
  heading-01: $heading-01,
445
485
  heading-02: $heading-02,
486
+ productive-heading-01: $productive-heading-01,
487
+ productive-heading-02: $productive-heading-02,
446
488
  productive-heading-03: $productive-heading-03,
447
489
  productive-heading-04: $productive-heading-04,
448
490
  productive-heading-05: $productive-heading-05,
491
+ productive-heading-06: $productive-heading-06,
492
+ productive-heading-07: $productive-heading-07,
449
493
  expressive-paragraph-01: $expressive-paragraph-01,
494
+ expressive-heading-01: $expressive-heading-01,
495
+ expressive-heading-02: $expressive-heading-02,
450
496
  expressive-heading-03: $expressive-heading-03,
451
497
  expressive-heading-04: $expressive-heading-04,
452
498
  expressive-heading-05: $expressive-heading-05,
package/scss/index.scss ADDED
@@ -0,0 +1,11 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ @import 'font-family';
9
+ @import 'reset';
10
+ @import 'scale';
11
+ @import 'styles';
package/scss/type.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
- @import 'font-family';
9
- @import 'reset';
10
- @import 'scale';
11
- @import 'styles';
8
+ @import './_inlined/font-family';
9
+ @import './_inlined/reset';
10
+ @import './_inlined/scale';
11
+ @import './_inlined/styles';
package/scss/vendor/@carbon/import-once/import-once.scss ADDED
@@ -0,0 +1,27 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ /// Used by `exports` mixin to track which modules have been imported
9
+ /// @type Map
10
+ /// @access public
11
+ /// @group @carbon/import-once
12
+ $imported-modules: () !default;
13
+
14
+ /// Module export mixin that helps making sure a module is imported once and only once
15
+ /// @access public
16
+ /// @param {String} $name - Name of exported module
17
+ /// @param {Bool} $warn [false] - Warn when a module has been already imported
18
+ /// @content Declaration blocks to be imported
19
+ /// @group @carbon/import-once
20
+ @mixin exports($name, $warn: false) {
21
+ @if (index($imported-modules, $name) == null) {
22
+ $imported-modules: append($imported-modules, $name) !global;
23
+ @content;
24
+ } @else if $warn == true {
25
+ @warn 'Module `#{$name}` has already been imported.';
26
+ }
27
+ }
package/scss/vendor/@carbon/import-once/index.scss ADDED
@@ -0,0 +1,8 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ @import 'import-once';