@carbon/type 10.9.1 → 10.9.3

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/type",
3
3
  "description": "Typography for digital and software products using the Carbon Design System",
4
- "version": "10.9.1",
4
+ "version": "10.9.3",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -33,11 +33,11 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@carbon/import-once": "^10.3.0",
36
- "@carbon/layout": "^10.8.1"
36
+ "@carbon/layout": "^10.8.2"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@carbon/bundler": "^10.6.0",
40
- "@carbon/test-utils": "^10.7.0",
40
+ "@carbon/test-utils": "^10.7.1",
41
41
  "change-case": "^4.1.1",
42
42
  "rimraf": "^3.0.0"
43
43
  },
@@ -47,5 +47,5 @@
47
47
  "sassDir": "scss",
48
48
  "needs": "^1.3.0"
49
49
  },
50
- "gitHead": "7d43dabaf011f2bcc70798b96c30173f7fc54e44"
50
+ "gitHead": "10963409141c46b204e83fd5ba7672ce49d66fe7"
51
51
  }
@@ -10,18 +10,18 @@
10
10
  @import 'styles';
11
11
 
12
12
  /// Include a type reset for a given body and mono font family
13
- /// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
14
13
  /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
15
14
  /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
16
15
  /// @access public
17
16
  /// @group @carbon/type
18
17
  @mixin carbon--type-reset(
19
- $base-font-size: $carbon--base-font-size,
18
+ // TODO: remove in next major release. This has been replaced with 100%
19
+ $base-font-size: $carbon--base-font-size,
20
20
  $body-font-family: carbon--font-family('sans'),
21
21
  $mono-font-family: carbon--font-family('mono')
22
22
  ) {
23
23
  html {
24
- font-size: $base-font-size;
24
+ font-size: 100%;
25
25
  }
26
26
 
27
27
  body {
@@ -249,6 +249,7 @@ $expressive-heading-05: (
249
249
  breakpoints: (
250
250
  md: (
251
251
  font-size: carbon--type-scale(9),
252
+ font-weight: carbon--font-weight('light'),
252
253
  line-height: 122%,
253
254
  ),
254
255
  lg: (
@@ -261,6 +262,7 @@ $expressive-heading-05: (
261
262
  ),
262
263
  max: (
263
264
  font-size: carbon--type-scale(13),
265
+ line-height: carbon--rem(70px),
264
266
  ),
265
267
  ),
266
268
  ) !default;
@@ -288,6 +290,7 @@ $expressive-heading-06: (
288
290
  ),
289
291
  max: (
290
292
  font-size: carbon--type-scale(13),
293
+ line-height: carbon--rem(70px),
291
294
  ),
292
295
  ),
293
296
  ) !default;
package/scss/_reset.scss CHANGED
@@ -10,18 +10,18 @@
10
10
  @import 'styles';
11
11
 
12
12
  /// Include a type reset for a given body and mono font family
13
- /// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
14
13
  /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
15
14
  /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
16
15
  /// @access public
17
16
  /// @group @carbon/type
18
17
  @mixin carbon--type-reset(
19
- $base-font-size: $carbon--base-font-size,
18
+ // TODO: remove in next major release. This has been replaced with 100%
19
+ $base-font-size: $carbon--base-font-size,
20
20
  $body-font-family: carbon--font-family('sans'),
21
21
  $mono-font-family: carbon--font-family('mono')
22
22
  ) {
23
23
  html {
24
- font-size: $base-font-size;
24
+ font-size: 100%;
25
25
  }
26
26
 
27
27
  body {
package/scss/_styles.scss CHANGED
@@ -249,6 +249,7 @@ $expressive-heading-05: (
249
249
  breakpoints: (
250
250
  md: (
251
251
  font-size: carbon--type-scale(9),
252
+ font-weight: carbon--font-weight('light'),
252
253
  line-height: 122%,
253
254
  ),
254
255
  lg: (
@@ -261,6 +262,7 @@ $expressive-heading-05: (
261
262
  ),
262
263
  max: (
263
264
  font-size: carbon--type-scale(13),
265
+ line-height: carbon--rem(70px),
264
266
  ),
265
267
  ),
266
268
  ) !default;
@@ -288,6 +290,7 @@ $expressive-heading-06: (
288
290
  ),
289
291
  max: (
290
292
  font-size: carbon--type-scale(13),
293
+ line-height: carbon--rem(70px),
291
294
  ),
292
295
  ),
293
296
  ) !default;