@atlaskit/heading 0.1.6 → 0.1.7

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/heading.js +9 -9
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/heading.js +9 -9
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/heading.js +9 -9
  7. package/dist/esm/version.json +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/heading
2
2
 
3
+ ## 0.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
8
+ - Updated dependencies
9
+
3
10
  ## 0.1.6
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/heading.js CHANGED
@@ -29,49 +29,49 @@ var headingResetStyles = (0, _core.css)({
29
29
  margin: 0
30
30
  });
31
31
  var h900Styles = (0, _core.css)({
32
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
32
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
33
33
  fontSize: "".concat(35 / 14, "rem"),
34
34
  fontWeight: 500,
35
35
  letterSpacing: '-0.01em',
36
36
  lineHeight: (0, _utils.lh)(35, 40)
37
37
  });
38
38
  var h800Styles = (0, _core.css)({
39
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
39
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
40
40
  fontSize: "".concat(29 / 14, "rem"),
41
41
  fontWeight: 600,
42
42
  letterSpacing: '-0.01em',
43
43
  lineHeight: (0, _utils.lh)(29, 32)
44
44
  });
45
45
  var h700Styles = (0, _core.css)({
46
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
46
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
47
47
  fontSize: "".concat(24 / 14, "rem"),
48
48
  fontWeight: 500,
49
49
  letterSpacing: '-0.01em',
50
50
  lineHeight: (0, _utils.lh)(24, 28)
51
51
  });
52
52
  var h600Styles = (0, _core.css)({
53
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
53
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
54
54
  fontSize: "".concat(20 / 14, "rem"),
55
55
  fontWeight: 500,
56
56
  letterSpacing: '-0.008em',
57
57
  lineHeight: (0, _utils.lh)(20, 24)
58
58
  });
59
59
  var h500Styles = (0, _core.css)({
60
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
60
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
61
61
  fontSize: "".concat(16 / 14, "rem"),
62
62
  fontWeight: 600,
63
63
  letterSpacing: '-0.006em',
64
64
  lineHeight: (0, _utils.lh)(16, 20)
65
65
  });
66
66
  var h400Styles = (0, _core.css)({
67
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
67
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
68
68
  fontSize: '1rem',
69
69
  fontWeight: 600,
70
70
  letterSpacing: '-0.003em',
71
71
  lineHeight: (0, _utils.lh)(14, 16)
72
72
  });
73
73
  var h300Styles = (0, _core.css)({
74
- color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
74
+ color: "var(--ds-text, ".concat(_colors.N800, ")"),
75
75
  fontSize: "".concat(12 / 14, "rem"),
76
76
  fontWeight: 600,
77
77
  letterSpacing: 0,
@@ -79,14 +79,14 @@ var h300Styles = (0, _core.css)({
79
79
  textTransform: 'uppercase'
80
80
  });
81
81
  var h200Styles = (0, _core.css)({
82
- color: "var(--ds-text-lowEmphasis, ".concat(_colors.N200, ")"),
82
+ color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
83
83
  fontSize: "".concat(12 / 14, "rem"),
84
84
  fontWeight: 600,
85
85
  letterSpacing: 0,
86
86
  lineHeight: (0, _utils.lh)(12, 16)
87
87
  });
88
88
  var h100Styles = (0, _core.css)({
89
- color: "var(--ds-text-lowEmphasis, ".concat(_colors.N200, ")"),
89
+ color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
90
90
  fontSize: "".concat(11 / 14, "rem"),
91
91
  fontWeight: 700,
92
92
  letterSpacing: 0,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/heading.js CHANGED
@@ -19,49 +19,49 @@ const headingResetStyles = css({
19
19
  margin: 0
20
20
  });
21
21
  const h900Styles = css({
22
- color: `var(--ds-text-highEmphasis, ${N800})`,
22
+ color: `var(--ds-text, ${N800})`,
23
23
  fontSize: `${35 / 14}rem`,
24
24
  fontWeight: 500,
25
25
  letterSpacing: '-0.01em',
26
26
  lineHeight: lh(35, 40)
27
27
  });
28
28
  const h800Styles = css({
29
- color: `var(--ds-text-highEmphasis, ${N800})`,
29
+ color: `var(--ds-text, ${N800})`,
30
30
  fontSize: `${29 / 14}rem`,
31
31
  fontWeight: 600,
32
32
  letterSpacing: '-0.01em',
33
33
  lineHeight: lh(29, 32)
34
34
  });
35
35
  const h700Styles = css({
36
- color: `var(--ds-text-highEmphasis, ${N800})`,
36
+ color: `var(--ds-text, ${N800})`,
37
37
  fontSize: `${24 / 14}rem`,
38
38
  fontWeight: 500,
39
39
  letterSpacing: '-0.01em',
40
40
  lineHeight: lh(24, 28)
41
41
  });
42
42
  const h600Styles = css({
43
- color: `var(--ds-text-highEmphasis, ${N800})`,
43
+ color: `var(--ds-text, ${N800})`,
44
44
  fontSize: `${20 / 14}rem`,
45
45
  fontWeight: 500,
46
46
  letterSpacing: '-0.008em',
47
47
  lineHeight: lh(20, 24)
48
48
  });
49
49
  const h500Styles = css({
50
- color: `var(--ds-text-highEmphasis, ${N800})`,
50
+ color: `var(--ds-text, ${N800})`,
51
51
  fontSize: `${16 / 14}rem`,
52
52
  fontWeight: 600,
53
53
  letterSpacing: '-0.006em',
54
54
  lineHeight: lh(16, 20)
55
55
  });
56
56
  const h400Styles = css({
57
- color: `var(--ds-text-highEmphasis, ${N800})`,
57
+ color: `var(--ds-text, ${N800})`,
58
58
  fontSize: '1rem',
59
59
  fontWeight: 600,
60
60
  letterSpacing: '-0.003em',
61
61
  lineHeight: lh(14, 16)
62
62
  });
63
63
  const h300Styles = css({
64
- color: `var(--ds-text-highEmphasis, ${N800})`,
64
+ color: `var(--ds-text, ${N800})`,
65
65
  fontSize: `${12 / 14}rem`,
66
66
  fontWeight: 600,
67
67
  letterSpacing: 0,
@@ -69,14 +69,14 @@ const h300Styles = css({
69
69
  textTransform: 'uppercase'
70
70
  });
71
71
  const h200Styles = css({
72
- color: `var(--ds-text-lowEmphasis, ${N200})`,
72
+ color: `var(--ds-text-subtlest, ${N200})`,
73
73
  fontSize: `${12 / 14}rem`,
74
74
  fontWeight: 600,
75
75
  letterSpacing: 0,
76
76
  lineHeight: lh(12, 16)
77
77
  });
78
78
  const h100Styles = css({
79
- color: `var(--ds-text-lowEmphasis, ${N200})`,
79
+ color: `var(--ds-text-subtlest, ${N200})`,
80
80
  fontSize: `${11 / 14}rem`,
81
81
  fontWeight: 700,
82
82
  letterSpacing: 0,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/heading.js CHANGED
@@ -19,49 +19,49 @@ var headingResetStyles = css({
19
19
  margin: 0
20
20
  });
21
21
  var h900Styles = css({
22
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
22
+ color: "var(--ds-text, ".concat(N800, ")"),
23
23
  fontSize: "".concat(35 / 14, "rem"),
24
24
  fontWeight: 500,
25
25
  letterSpacing: '-0.01em',
26
26
  lineHeight: lh(35, 40)
27
27
  });
28
28
  var h800Styles = css({
29
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
29
+ color: "var(--ds-text, ".concat(N800, ")"),
30
30
  fontSize: "".concat(29 / 14, "rem"),
31
31
  fontWeight: 600,
32
32
  letterSpacing: '-0.01em',
33
33
  lineHeight: lh(29, 32)
34
34
  });
35
35
  var h700Styles = css({
36
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
36
+ color: "var(--ds-text, ".concat(N800, ")"),
37
37
  fontSize: "".concat(24 / 14, "rem"),
38
38
  fontWeight: 500,
39
39
  letterSpacing: '-0.01em',
40
40
  lineHeight: lh(24, 28)
41
41
  });
42
42
  var h600Styles = css({
43
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
43
+ color: "var(--ds-text, ".concat(N800, ")"),
44
44
  fontSize: "".concat(20 / 14, "rem"),
45
45
  fontWeight: 500,
46
46
  letterSpacing: '-0.008em',
47
47
  lineHeight: lh(20, 24)
48
48
  });
49
49
  var h500Styles = css({
50
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
50
+ color: "var(--ds-text, ".concat(N800, ")"),
51
51
  fontSize: "".concat(16 / 14, "rem"),
52
52
  fontWeight: 600,
53
53
  letterSpacing: '-0.006em',
54
54
  lineHeight: lh(16, 20)
55
55
  });
56
56
  var h400Styles = css({
57
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
57
+ color: "var(--ds-text, ".concat(N800, ")"),
58
58
  fontSize: '1rem',
59
59
  fontWeight: 600,
60
60
  letterSpacing: '-0.003em',
61
61
  lineHeight: lh(14, 16)
62
62
  });
63
63
  var h300Styles = css({
64
- color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
64
+ color: "var(--ds-text, ".concat(N800, ")"),
65
65
  fontSize: "".concat(12 / 14, "rem"),
66
66
  fontWeight: 600,
67
67
  letterSpacing: 0,
@@ -69,14 +69,14 @@ var h300Styles = css({
69
69
  textTransform: 'uppercase'
70
70
  });
71
71
  var h200Styles = css({
72
- color: "var(--ds-text-lowEmphasis, ".concat(N200, ")"),
72
+ color: "var(--ds-text-subtlest, ".concat(N200, ")"),
73
73
  fontSize: "".concat(12 / 14, "rem"),
74
74
  fontWeight: 600,
75
75
  letterSpacing: 0,
76
76
  lineHeight: lh(12, 16)
77
77
  });
78
78
  var h100Styles = css({
79
- color: "var(--ds-text-lowEmphasis, ".concat(N200, ")"),
79
+ color: "var(--ds-text-subtlest, ".concat(N200, ")"),
80
80
  fontSize: "".concat(11 / 14, "rem"),
81
81
  fontWeight: 700,
82
82
  letterSpacing: 0,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "A heading is a typography component used to display text in different sizes and formats.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@atlaskit/theme": "^12.1.0",
29
- "@atlaskit/tokens": "^0.5.0",
29
+ "@atlaskit/tokens": "^0.6.0",
30
30
  "@babel/runtime": "^7.0.0",
31
31
  "@emotion/core": "^10.0.9"
32
32
  },