@carbon/type 10.0.0-rc.0 → 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 (44) hide show
  1. package/CHANGELOG.md +525 -0
  2. package/LICENSE +2 -2
  3. package/README.md +25 -21
  4. package/es/index.js +26 -38
  5. package/lib/index.js +31 -37
  6. package/package.json +7 -7
  7. package/scss/_classes.scss +3 -0
  8. package/scss/_font-family.scss +17 -4
  9. package/scss/_inlined/_classes.scss +41 -0
  10. package/scss/_inlined/_font-family.scss +70 -0
  11. package/scss/_inlined/_prefix.scss +11 -0
  12. package/scss/_inlined/_reset.scss +43 -0
  13. package/scss/_inlined/_scale.scss +59 -0
  14. package/scss/_inlined/_styles.scss +673 -0
  15. package/scss/_inlined/font-face/_mono.scss +430 -0
  16. package/scss/_inlined/font-face/_sans.scss +497 -0
  17. package/scss/_inlined/font-face/_serif.scss +430 -0
  18. package/scss/_inlined/font-face/_settings.scss +12 -0
  19. package/scss/_prefix.scss +3 -0
  20. package/scss/_reset.scss +20 -7
  21. package/scss/_scale.scss +16 -5
  22. package/scss/_styles.scss +145 -49
  23. package/scss/font-face/_mono.scss +41 -0
  24. package/scss/font-face/_sans.scss +144 -36
  25. package/scss/font-face/_serif.scss +77 -36
  26. package/scss/font-face/_settings.scss +12 -0
  27. package/scss/index.scss +11 -0
  28. package/scss/type.scss +4 -4
  29. package/scss/vendor/@carbon/import-once/import-once.scss +27 -0
  30. package/scss/vendor/@carbon/import-once/index.scss +8 -0
  31. package/scss/vendor/@carbon/layout/_breakpoint.scss +237 -0
  32. package/scss/vendor/@carbon/layout/_convert.scss +30 -0
  33. package/scss/vendor/@carbon/layout/_key-height.scss +97 -0
  34. package/scss/vendor/@carbon/layout/_mini-unit.scss +23 -0
  35. package/scss/vendor/@carbon/layout/_spacing.scss +328 -0
  36. package/scss/vendor/@carbon/layout/_utilities.scss +41 -0
  37. package/scss/vendor/@carbon/layout/index.scss +8 -0
  38. package/scss/vendor/@carbon/layout/layout.scss +12 -0
  39. package/src/__tests__/__snapshots__/styles-test.js.snap +121 -87
  40. package/src/__tests__/exports-test.js +43 -37
  41. package/src/__tests__/fluid-test.js +0 -1
  42. package/src/reset.js +3 -0
  43. package/src/styles.js +22 -38
  44. package/umd/index.js +31 -37
package/scss/font-face/_serif.scss CHANGED
@@ -5,55 +5,66 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ @import 'settings';
9
+
10
+ /// Serif `@font-face`'s
11
+ /// @access public
12
+ /// @group @carbon/type
8
13
  @mixin carbon--font-face-serif {
9
14
  // .woff support for IE11
10
15
  @font-face {
11
16
  font-family: 'IBM Plex Serif';
12
17
  font-style: italic;
13
18
  font-weight: 300;
19
+ font-display: $carbon--font-display;
14
20
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
15
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff)
21
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff)
16
22
  format('woff');
17
23
  }
18
24
  @font-face {
19
25
  font-family: 'IBM Plex Serif';
20
26
  font-style: italic;
21
27
  font-weight: 400;
28
+ font-display: $carbon--font-display;
22
29
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
23
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff)
30
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff)
24
31
  format('woff');
25
32
  }
26
33
  @font-face {
27
34
  font-family: 'IBM Plex Serif';
28
35
  font-style: italic;
29
36
  font-weight: 600;
37
+ font-display: $carbon--font-display;
30
38
  src: local('IBM Plex Serif SemiBold Italic'),
31
39
  local('IBMPlexSerif-SemiBoldItalic'),
32
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npiw.woff)
40
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npiw.woff)
33
41
  format('woff');
34
42
  }
35
43
  @font-face {
36
44
  font-family: 'IBM Plex Serif';
37
45
  font-style: normal;
38
46
  font-weight: 300;
47
+ font-display: $carbon--font-display;
39
48
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
40
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff)
49
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff)
41
50
  format('woff');
42
51
  }
43
52
  @font-face {
44
53
  font-family: 'IBM Plex Serif';
45
54
  font-style: normal;
46
55
  font-weight: 400;
56
+ font-display: $carbon--font-display;
47
57
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
48
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff)
58
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff)
49
59
  format('woff');
50
60
  }
51
61
  @font-face {
52
62
  font-family: 'IBM Plex Serif';
53
63
  font-style: normal;
54
64
  font-weight: 600;
65
+ font-display: $carbon--font-display;
55
66
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
56
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q10.woff)
67
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q10.woff)
57
68
  format('woff');
58
69
  }
59
70
 
@@ -62,8 +73,9 @@
62
73
  font-family: 'IBM Plex Serif';
63
74
  font-style: italic;
64
75
  font-weight: 300;
76
+ font-display: $carbon--font-display;
65
77
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
66
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2)
78
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2)
67
79
  format('woff2');
68
80
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
69
81
  U+FE2E-FE2F;
@@ -73,8 +85,9 @@
73
85
  font-family: 'IBM Plex Serif';
74
86
  font-style: italic;
75
87
  font-weight: 300;
88
+ font-display: $carbon--font-display;
76
89
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
77
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2)
90
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2)
78
91
  format('woff2');
79
92
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
80
93
  }
@@ -83,8 +96,9 @@
83
96
  font-family: 'IBM Plex Serif';
84
97
  font-style: italic;
85
98
  font-weight: 300;
99
+ font-display: $carbon--font-display;
86
100
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
87
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2)
101
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2)
88
102
  format('woff2');
89
103
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
90
104
  }
@@ -93,8 +107,9 @@
93
107
  font-family: 'IBM Plex Serif';
94
108
  font-style: italic;
95
109
  font-weight: 300;
110
+ font-display: $carbon--font-display;
96
111
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
97
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2)
112
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2)
98
113
  format('woff2');
99
114
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
100
115
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -104,8 +119,9 @@
104
119
  font-family: 'IBM Plex Serif';
105
120
  font-style: italic;
106
121
  font-weight: 300;
122
+ font-display: $carbon--font-display;
107
123
  src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
108
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2)
124
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2)
109
125
  format('woff2');
110
126
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
111
127
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
@@ -116,8 +132,9 @@
116
132
  font-family: 'IBM Plex Serif';
117
133
  font-style: italic;
118
134
  font-weight: 400;
135
+ font-display: $carbon--font-display;
119
136
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
120
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2)
137
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2)
121
138
  format('woff2');
122
139
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
123
140
  U+FE2E-FE2F;
@@ -127,8 +144,9 @@
127
144
  font-family: 'IBM Plex Serif';
128
145
  font-style: italic;
129
146
  font-weight: 400;
147
+ font-display: $carbon--font-display;
130
148
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
131
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2)
149
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2)
132
150
  format('woff2');
133
151
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
134
152
  }
@@ -137,8 +155,9 @@
137
155
  font-family: 'IBM Plex Serif';
138
156
  font-style: italic;
139
157
  font-weight: 400;
158
+ font-display: $carbon--font-display;
140
159
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
141
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2)
160
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2)
142
161
  format('woff2');
143
162
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
144
163
  }
@@ -147,8 +166,9 @@
147
166
  font-family: 'IBM Plex Serif';
148
167
  font-style: italic;
149
168
  font-weight: 400;
169
+ font-display: $carbon--font-display;
150
170
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
151
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2)
171
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2)
152
172
  format('woff2');
153
173
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
154
174
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -158,8 +178,9 @@
158
178
  font-family: 'IBM Plex Serif';
159
179
  font-style: italic;
160
180
  font-weight: 400;
181
+ font-display: $carbon--font-display;
161
182
  src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
162
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2)
183
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2)
163
184
  format('woff2');
164
185
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
165
186
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
@@ -170,9 +191,10 @@
170
191
  font-family: 'IBM Plex Serif';
171
192
  font-style: italic;
172
193
  font-weight: 600;
194
+ font-display: $carbon--font-display;
173
195
  src: local('IBM Plex Serif SemiBold Italic'),
174
196
  local('IBMPlexSerif-SemiBoldItalic'),
175
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2)
197
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2)
176
198
  format('woff2');
177
199
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
178
200
  U+FE2E-FE2F;
@@ -182,9 +204,10 @@
182
204
  font-family: 'IBM Plex Serif';
183
205
  font-style: italic;
184
206
  font-weight: 600;
207
+ font-display: $carbon--font-display;
185
208
  src: local('IBM Plex Serif SemiBold Italic'),
186
209
  local('IBMPlexSerif-SemiBoldItalic'),
187
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2)
210
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2)
188
211
  format('woff2');
189
212
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
190
213
  }
@@ -193,9 +216,10 @@
193
216
  font-family: 'IBM Plex Serif';
194
217
  font-style: italic;
195
218
  font-weight: 600;
219
+ font-display: $carbon--font-display;
196
220
  src: local('IBM Plex Serif SemiBold Italic'),
197
221
  local('IBMPlexSerif-SemiBoldItalic'),
198
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2)
222
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2)
199
223
  format('woff2');
200
224
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
201
225
  }
@@ -204,9 +228,10 @@
204
228
  font-family: 'IBM Plex Serif';
205
229
  font-style: italic;
206
230
  font-weight: 600;
231
+ font-display: $carbon--font-display;
207
232
  src: local('IBM Plex Serif SemiBold Italic'),
208
233
  local('IBMPlexSerif-SemiBoldItalic'),
209
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2)
234
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2)
210
235
  format('woff2');
211
236
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
212
237
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -216,9 +241,10 @@
216
241
  font-family: 'IBM Plex Serif';
217
242
  font-style: italic;
218
243
  font-weight: 600;
244
+ font-display: $carbon--font-display;
219
245
  src: local('IBM Plex Serif SemiBold Italic'),
220
246
  local('IBMPlexSerif-SemiBoldItalic'),
221
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2)
247
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2)
222
248
  format('woff2');
223
249
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
224
250
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
@@ -229,8 +255,9 @@
229
255
  font-family: 'IBM Plex Serif';
230
256
  font-style: normal;
231
257
  font-weight: 300;
258
+ font-display: $carbon--font-display;
232
259
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
233
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2)
260
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2)
234
261
  format('woff2');
235
262
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
236
263
  U+FE2E-FE2F;
@@ -240,8 +267,9 @@
240
267
  font-family: 'IBM Plex Serif';
241
268
  font-style: normal;
242
269
  font-weight: 300;
270
+ font-display: $carbon--font-display;
243
271
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
244
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2)
272
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2)
245
273
  format('woff2');
246
274
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
247
275
  }
@@ -250,8 +278,9 @@
250
278
  font-family: 'IBM Plex Serif';
251
279
  font-style: normal;
252
280
  font-weight: 300;
281
+ font-display: $carbon--font-display;
253
282
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
254
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2)
283
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2)
255
284
  format('woff2');
256
285
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
257
286
  }
@@ -260,8 +289,9 @@
260
289
  font-family: 'IBM Plex Serif';
261
290
  font-style: normal;
262
291
  font-weight: 300;
292
+ font-display: $carbon--font-display;
263
293
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
264
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2)
294
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2)
265
295
  format('woff2');
266
296
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
267
297
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -271,8 +301,9 @@
271
301
  font-family: 'IBM Plex Serif';
272
302
  font-style: normal;
273
303
  font-weight: 300;
304
+ font-display: $carbon--font-display;
274
305
  src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
275
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2)
306
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2)
276
307
  format('woff2');
277
308
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
278
309
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
@@ -283,8 +314,9 @@
283
314
  font-family: 'IBM Plex Serif';
284
315
  font-style: normal;
285
316
  font-weight: 400;
317
+ font-display: $carbon--font-display;
286
318
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
287
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2)
319
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2)
288
320
  format('woff2');
289
321
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
290
322
  U+FE2E-FE2F;
@@ -294,8 +326,9 @@
294
326
  font-family: 'IBM Plex Serif';
295
327
  font-style: normal;
296
328
  font-weight: 400;
329
+ font-display: $carbon--font-display;
297
330
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
298
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2)
331
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2)
299
332
  format('woff2');
300
333
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
301
334
  }
@@ -304,8 +337,9 @@
304
337
  font-family: 'IBM Plex Serif';
305
338
  font-style: normal;
306
339
  font-weight: 400;
340
+ font-display: $carbon--font-display;
307
341
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
308
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2)
342
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2)
309
343
  format('woff2');
310
344
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
311
345
  }
@@ -314,8 +348,9 @@
314
348
  font-family: 'IBM Plex Serif';
315
349
  font-style: normal;
316
350
  font-weight: 400;
351
+ font-display: $carbon--font-display;
317
352
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
318
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2)
353
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2)
319
354
  format('woff2');
320
355
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
321
356
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -325,8 +360,9 @@
325
360
  font-family: 'IBM Plex Serif';
326
361
  font-style: normal;
327
362
  font-weight: 400;
363
+ font-display: $carbon--font-display;
328
364
  src: local('IBM Plex Serif'), local('IBMPlexSerif'),
329
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2)
365
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2)
330
366
  format('woff2');
331
367
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
332
368
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
@@ -337,8 +373,9 @@
337
373
  font-family: 'IBM Plex Serif';
338
374
  font-style: normal;
339
375
  font-weight: 600;
376
+ font-display: $carbon--font-display;
340
377
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
341
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2)
378
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2)
342
379
  format('woff2');
343
380
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
344
381
  U+FE2E-FE2F;
@@ -348,8 +385,9 @@
348
385
  font-family: 'IBM Plex Serif';
349
386
  font-style: normal;
350
387
  font-weight: 600;
388
+ font-display: $carbon--font-display;
351
389
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
352
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2)
390
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2)
353
391
  format('woff2');
354
392
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
355
393
  }
@@ -358,8 +396,9 @@
358
396
  font-family: 'IBM Plex Serif';
359
397
  font-style: normal;
360
398
  font-weight: 600;
399
+ font-display: $carbon--font-display;
361
400
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
362
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2)
401
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2)
363
402
  format('woff2');
364
403
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
365
404
  }
@@ -368,8 +407,9 @@
368
407
  font-family: 'IBM Plex Serif';
369
408
  font-style: normal;
370
409
  font-weight: 600;
410
+ font-display: $carbon--font-display;
371
411
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
372
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2)
412
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2)
373
413
  format('woff2');
374
414
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
375
415
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -379,8 +419,9 @@
379
419
  font-family: 'IBM Plex Serif';
380
420
  font-style: normal;
381
421
  font-weight: 600;
422
+ font-display: $carbon--font-display;
382
423
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
383
- url(https://fonts.gstatic.com/s/ibmplexserif/v5/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2)
424
+ url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2)
384
425
  format('woff2');
385
426
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
386
427
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
package/scss/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/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';