@atlaskit/tabs - npm Package Compare versions

Comparing version 13.2.5 to 13.2.6

CHANGELOG.md

 # @atlaskit/tabs
 
+## 13.2.6
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
 ## 13.2.5
@@ -4,0 +11,0 @@

dist/cjs/components/tabs.js

@@ -39,3 +39,3 @@ "use strict";
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.2.5"
+  packageVersion: "13.2.6"
 };
@@ -42,0 +42,0 @@

dist/cjs/internal/colors.js

@@ -12,14 +12,14 @@ "use strict";
   light: {
-    labelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
-    activeLabelColor: "var(--ds-text-highEmphasis, ".concat(_colors.B500, ")"),
-    hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.B400, ")"),
-    selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
-    focusBorderColor: "var(--ds-border-focus, ".concat(_colors.B100, ")")
+    labelColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
+    activeLabelColor: "var(--ds-text, ".concat(_colors.B500, ")"),
+    hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B400, ")"),
+    selectedColor: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
+    focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")")
   },
   dark: {
-    labelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.DN400, ")"),
-    activeLabelColor: "var(--ds-text-highEmphasis, ".concat(_colors.B200, ")"),
-    hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.B75, ")"),
-    selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")"),
-    focusBorderColor: "var(--ds-border-focus, ".concat(_colors.B75, ")")
+    labelColor: "var(--ds-text-subtle, ".concat(_colors.DN400, ")"),
+    activeLabelColor: "var(--ds-text, ".concat(_colors.B200, ")"),
+    hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B75, ")"),
+    selectedColor: "var(--ds-text-brand, ".concat(_colors.B75, ")"),
+    focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
   }
@@ -35,12 +35,12 @@ };
   light: {
-    lineColor: "var(--ds-border-neutral, ".concat(_colors.N30, ")"),
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")")
+    lineColor: "var(--ds-border, ".concat(_colors.N30, ")"),
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: "var(--ds-text-brand, ".concat(_colors.B400, ")")
   },
   dark: {
-    lineColor: "var(--ds-border-neutral, ".concat(_colors.DN0, ")"),
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")")
+    lineColor: "var(--ds-border, ".concat(_colors.DN0, ")"),
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: "var(--ds-text-brand, ".concat(_colors.B75, ")")
   }
@@ -55,4 +55,4 @@ };
 var tabPanelFocusColorMap = {
-  light: "var(--ds-border-focus, ".concat(_colors.B100, ")"),
-  dark: "var(--ds-border-focus, ".concat(_colors.B75, ")")
+  light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
+  dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
 };
@@ -59,0 +59,0 @@

dist/cjs/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.2.5",
+	"version": "13.2.6",
 	"sideEffects": false
 }

dist/es2019/components/tabs.js

@@ -14,3 +14,3 @@ import _extends from "@babel/runtime/helpers/extends";
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.2.5"
+  packageVersion: "13.2.6"
 };
@@ -17,0 +17,0 @@

dist/es2019/internal/colors.js

 import { B100, B200, B400, B500, B75, DN0, DN400, N30, N500 } from '@atlaskit/theme/colors';
 const tabColorMap = {
   light: {
-    labelColor: `var(--ds-text-mediumEmphasis, ${N500})`,
-    activeLabelColor: `var(--ds-text-highEmphasis, ${B500})`,
-    hoverLabelColor: `var(--ds-text-mediumEmphasis, ${B400})`,
-    selectedColor: `var(--ds-text-selected, ${B400})`,
-    focusBorderColor: `var(--ds-border-focus, ${B100})`
+    labelColor: `var(--ds-text-subtle, ${N500})`,
+    activeLabelColor: `var(--ds-text, ${B500})`,
+    hoverLabelColor: `var(--ds-text-subtle, ${B400})`,
+    selectedColor: `var(--ds-text-brand, ${B400})`,
+    focusBorderColor: `var(--ds-border-focused, ${B100})`
   },
   dark: {
-    labelColor: `var(--ds-text-mediumEmphasis, ${DN400})`,
-    activeLabelColor: `var(--ds-text-highEmphasis, ${B200})`,
-    hoverLabelColor: `var(--ds-text-mediumEmphasis, ${B75})`,
-    selectedColor: `var(--ds-text-selected, ${B75})`,
-    focusBorderColor: `var(--ds-border-focus, ${B75})`
+    labelColor: `var(--ds-text-subtle, ${DN400})`,
+    activeLabelColor: `var(--ds-text, ${B200})`,
+    hoverLabelColor: `var(--ds-text-subtle, ${B75})`,
+    selectedColor: `var(--ds-text-brand, ${B75})`,
+    focusBorderColor: `var(--ds-border-focused, ${B75})`
   }
@@ -23,12 +23,12 @@ };
   light: {
-    lineColor: `var(--ds-border-neutral, ${N30})`,
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: `var(--ds-text-selected, ${B400})`
+    lineColor: `var(--ds-border, ${N30})`,
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: `var(--ds-text-brand, ${B400})`
   },
   dark: {
-    lineColor: `var(--ds-border-neutral, ${DN0})`,
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: `var(--ds-text-selected, ${B75})`
+    lineColor: `var(--ds-border, ${DN0})`,
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: `var(--ds-text-brand, ${B75})`
   }
@@ -38,5 +38,5 @@ };
 const tabPanelFocusColorMap = {
-  light: `var(--ds-border-focus, ${B100})`,
-  dark: `var(--ds-border-focus, ${B75})`
+  light: `var(--ds-border-focused, ${B100})`,
+  dark: `var(--ds-border-focused, ${B75})`
 };
 export const getTabPanelFocusColor = mode => tabPanelFocusColorMap[mode];

dist/es2019/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.2.5",
+	"version": "13.2.6",
 	"sideEffects": false
 }

dist/esm/components/tabs.js

@@ -21,3 +21,3 @@ import _extends from "@babel/runtime/helpers/extends";
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.2.5"
+  packageVersion: "13.2.6"
 };
@@ -24,0 +24,0 @@

dist/esm/internal/colors.js

 import { B100, B200, B400, B500, B75, DN0, DN400, N30, N500 } from '@atlaskit/theme/colors';
 var tabColorMap = {
   light: {
-    labelColor: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
-    activeLabelColor: "var(--ds-text-highEmphasis, ".concat(B500, ")"),
-    hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(B400, ")"),
-    selectedColor: "var(--ds-text-selected, ".concat(B400, ")"),
-    focusBorderColor: "var(--ds-border-focus, ".concat(B100, ")")
+    labelColor: "var(--ds-text-subtle, ".concat(N500, ")"),
+    activeLabelColor: "var(--ds-text, ".concat(B500, ")"),
+    hoverLabelColor: "var(--ds-text-subtle, ".concat(B400, ")"),
+    selectedColor: "var(--ds-text-brand, ".concat(B400, ")"),
+    focusBorderColor: "var(--ds-border-focused, ".concat(B100, ")")
   },
   dark: {
-    labelColor: "var(--ds-text-mediumEmphasis, ".concat(DN400, ")"),
-    activeLabelColor: "var(--ds-text-highEmphasis, ".concat(B200, ")"),
-    hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(B75, ")"),
-    selectedColor: "var(--ds-text-selected, ".concat(B75, ")"),
-    focusBorderColor: "var(--ds-border-focus, ".concat(B75, ")")
+    labelColor: "var(--ds-text-subtle, ".concat(DN400, ")"),
+    activeLabelColor: "var(--ds-text, ".concat(B200, ")"),
+    hoverLabelColor: "var(--ds-text-subtle, ".concat(B75, ")"),
+    selectedColor: "var(--ds-text-brand, ".concat(B75, ")"),
+    focusBorderColor: "var(--ds-border-focused, ".concat(B75, ")")
   }
@@ -23,12 +23,12 @@ };
   light: {
-    lineColor: "var(--ds-border-neutral, ".concat(N30, ")"),
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: "var(--ds-text-selected, ".concat(B400, ")")
+    lineColor: "var(--ds-border, ".concat(N30, ")"),
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: "var(--ds-text-brand, ".concat(B400, ")")
   },
   dark: {
-    lineColor: "var(--ds-border-neutral, ".concat(DN0, ")"),
-    hoveredColor: "var(--ds-border-neutral, transparent)",
-    activeColor: "var(--ds-border-neutral, transparent)",
-    selectedColor: "var(--ds-text-selected, ".concat(B75, ")")
+    lineColor: "var(--ds-border, ".concat(DN0, ")"),
+    hoveredColor: "var(--ds-border, transparent)",
+    activeColor: "var(--ds-border, transparent)",
+    selectedColor: "var(--ds-text-brand, ".concat(B75, ")")
   }
@@ -40,4 +40,4 @@ };
 var tabPanelFocusColorMap = {
-  light: "var(--ds-border-focus, ".concat(B100, ")"),
-  dark: "var(--ds-border-focus, ".concat(B75, ")")
+  light: "var(--ds-border-focused, ".concat(B100, ")"),
+  dark: "var(--ds-border-focused, ".concat(B75, ")")
 };
@@ -44,0 +44,0 @@ export var getTabPanelFocusColor = function getTabPanelFocusColor(mode) {

dist/esm/version.json

 {
 	"name": "@atlaskit/tabs",
-	"version": "13.2.5",
+	"version": "13.2.6",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/tabs",
-  "version": "13.2.5",
+  "version": "13.2.6",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
@@ -28,3 +28,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
@@ -31,0 +31,0 @@ "@emotion/core": "^10.0.9"

No alert changes

Worsened metrics

Total package byte prevSize

200308

decreased by-0.02%

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