@atlaskit/heading - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

CHANGELOG.md

 # @atlaskit/heading
 
+## 0.1.7
+
+### Patch Changes
+
+- [`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
+- Updated dependencies
+
 ## 0.1.6
@@ -4,0 +11,0 @@

dist/cjs/heading.js

@@ -32,3 +32,3 @@ "use strict";
 var h900Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(35 / 14, "rem"),
@@ -40,3 +40,3 @@ fontWeight: 500,
 var h800Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(29 / 14, "rem"),
@@ -48,3 +48,3 @@ fontWeight: 600,
 var h700Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(24 / 14, "rem"),
@@ -56,3 +56,3 @@ fontWeight: 500,
 var h600Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(20 / 14, "rem"),
@@ -64,3 +64,3 @@ fontWeight: 500,
 var h500Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(16 / 14, "rem"),
@@ -72,3 +72,3 @@ fontWeight: 600,
 var h400Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: '1rem',
@@ -80,3 +80,3 @@ fontWeight: 600,
 var h300Styles = (0, _core.css)({
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   fontSize: "".concat(12 / 14, "rem"),
@@ -89,3 +89,3 @@ fontWeight: 600,
 var h200Styles = (0, _core.css)({
-  color: "var(--ds-text-lowEmphasis, ".concat(_colors.N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   fontSize: "".concat(12 / 14, "rem"),
@@ -97,3 +97,3 @@ fontWeight: 600,
 var h100Styles = (0, _core.css)({
-  color: "var(--ds-text-lowEmphasis, ".concat(_colors.N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   fontSize: "".concat(11 / 14, "rem"),
@@ -100,0 +100,0 @@ fontWeight: 700,

dist/cjs/version.json

 {
 	"name": "@atlaskit/heading",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"sideEffects": false
 }

dist/es2019/heading.js

@@ -22,3 +22,3 @@ /** @jsx jsx */
 const h900Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${35 / 14}rem`,
@@ -30,3 +30,3 @@ fontWeight: 500,
 const h800Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${29 / 14}rem`,
@@ -38,3 +38,3 @@ fontWeight: 600,
 const h700Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${24 / 14}rem`,
@@ -46,3 +46,3 @@ fontWeight: 500,
 const h600Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${20 / 14}rem`,
@@ -54,3 +54,3 @@ fontWeight: 500,
 const h500Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${16 / 14}rem`,
@@ -62,3 +62,3 @@ fontWeight: 600,
 const h400Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: '1rem',
@@ -70,3 +70,3 @@ fontWeight: 600,
 const h300Styles = css({
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   fontSize: `${12 / 14}rem`,
@@ -79,3 +79,3 @@ fontWeight: 600,
 const h200Styles = css({
-  color: `var(--ds-text-lowEmphasis, ${N200})`,
+  color: `var(--ds-text-subtlest, ${N200})`,
   fontSize: `${12 / 14}rem`,
@@ -87,3 +87,3 @@ fontWeight: 600,
 const h100Styles = css({
-  color: `var(--ds-text-lowEmphasis, ${N200})`,
+  color: `var(--ds-text-subtlest, ${N200})`,
   fontSize: `${11 / 14}rem`,
@@ -90,0 +90,0 @@ fontWeight: 700,

dist/es2019/version.json

 {
 	"name": "@atlaskit/heading",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"sideEffects": false
 }

dist/esm/heading.js

@@ -22,3 +22,3 @@ /** @jsx jsx */
 var h900Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(35 / 14, "rem"),
@@ -30,3 +30,3 @@ fontWeight: 500,
 var h800Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(29 / 14, "rem"),
@@ -38,3 +38,3 @@ fontWeight: 600,
 var h700Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(24 / 14, "rem"),
@@ -46,3 +46,3 @@ fontWeight: 500,
 var h600Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(20 / 14, "rem"),
@@ -54,3 +54,3 @@ fontWeight: 500,
 var h500Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(16 / 14, "rem"),
@@ -62,3 +62,3 @@ fontWeight: 600,
 var h400Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: '1rem',
@@ -70,3 +70,3 @@ fontWeight: 600,
 var h300Styles = css({
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   fontSize: "".concat(12 / 14, "rem"),
@@ -79,3 +79,3 @@ fontWeight: 600,
 var h200Styles = css({
-  color: "var(--ds-text-lowEmphasis, ".concat(N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
   fontSize: "".concat(12 / 14, "rem"),
@@ -87,3 +87,3 @@ fontWeight: 600,
 var h100Styles = css({
-  color: "var(--ds-text-lowEmphasis, ".concat(N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
   fontSize: "".concat(11 / 14, "rem"),
@@ -90,0 +90,0 @@ fontWeight: 700,

dist/esm/version.json

 {
 	"name": "@atlaskit/heading",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/heading",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "A heading is a typography component used to display text in different sizes and formats.",
@@ -29,3 +29,3 @@ "author": "Atlassian Pty Ltd",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
@@ -32,0 +32,0 @@ "@emotion/core": "^10.0.9"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

16443

decreased by-0.16%

Dependency changes

• + Added@atlaskit/ds-lib@1.4.2(transitive)

• + Added@atlaskit/tokens@0.6.3(transitive)

• - Removed@atlaskit/tokens@0.5.0(transitive)

• Updated@atlaskit/tokens@^0.6.0