@atlaskit/tabs 13.2.5 → 13.2.8

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 (11) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/components/tabs.js +1 -1
  3. package/dist/cjs/internal/colors.js +18 -18
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/tabs.js +1 -1
  6. package/dist/es2019/internal/colors.js +18 -18
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/tabs.js +1 -1
  9. package/dist/esm/internal/colors.js +18 -18
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/tabs
2
2
 
3
+ ## 13.2.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
8
+ - Updated dependencies
9
+
10
+ ## 13.2.7
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 13.2.6
17
+
18
+ ### Patch Changes
19
+
20
+ - [`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.
21
+ - Updated dependencies
22
+
3
23
  ## 13.2.5
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/components/tabs.js CHANGED
@@ -36,7 +36,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
36
36
  var analyticsAttributes = {
37
37
  componentName: 'tabs',
38
38
  packageName: "@atlaskit/tabs",
39
- packageVersion: "13.2.5"
39
+ packageVersion: "13.2.8"
40
40
  };
41
41
 
42
42
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
package/dist/cjs/internal/colors.js CHANGED
@@ -9,18 +9,18 @@ var _colors = require("@atlaskit/theme/colors");
9
9
 
10
10
  var tabColorMap = {
11
11
  light: {
12
- labelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
13
- activeLabelColor: "var(--ds-text-highEmphasis, ".concat(_colors.B500, ")"),
14
- hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.B400, ")"),
12
+ labelColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
13
+ activeLabelColor: "var(--ds-text, ".concat(_colors.B500, ")"),
14
+ hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B400, ")"),
15
15
  selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
16
- focusBorderColor: "var(--ds-border-focus, ".concat(_colors.B100, ")")
16
+ focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")")
17
17
  },
18
18
  dark: {
19
- labelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.DN400, ")"),
20
- activeLabelColor: "var(--ds-text-highEmphasis, ".concat(_colors.B200, ")"),
21
- hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(_colors.B75, ")"),
19
+ labelColor: "var(--ds-text-subtle, ".concat(_colors.DN400, ")"),
20
+ activeLabelColor: "var(--ds-text, ".concat(_colors.B200, ")"),
21
+ hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B75, ")"),
22
22
  selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")"),
23
- focusBorderColor: "var(--ds-border-focus, ".concat(_colors.B75, ")")
23
+ focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
24
24
  }
25
25
  };
26
26
 
@@ -31,16 +31,16 @@ var getTabColors = function getTabColors(mode) {
31
31
  exports.getTabColors = getTabColors;
32
32
  var tabLineColorMap = {
33
33
  light: {
34
- lineColor: "var(--ds-border-neutral, ".concat(_colors.N30, ")"),
35
- hoveredColor: "var(--ds-border-neutral, transparent)",
36
- activeColor: "var(--ds-border-neutral, transparent)",
37
- selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")")
34
+ lineColor: "var(--ds-border, ".concat(_colors.N30, ")"),
35
+ hoveredColor: "var(--ds-border, transparent)",
36
+ activeColor: "var(--ds-border, transparent)",
37
+ selectedColor: "var(--ds-border-selected, ".concat(_colors.B400, ")")
38
38
  },
39
39
  dark: {
40
- lineColor: "var(--ds-border-neutral, ".concat(_colors.DN0, ")"),
41
- hoveredColor: "var(--ds-border-neutral, transparent)",
42
- activeColor: "var(--ds-border-neutral, transparent)",
43
- selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")")
40
+ lineColor: "var(--ds-border, ".concat(_colors.DN0, ")"),
41
+ hoveredColor: "var(--ds-border, transparent)",
42
+ activeColor: "var(--ds-border, transparent)",
43
+ selectedColor: "var(--ds-border-selected, ".concat(_colors.B75, ")")
44
44
  }
45
45
  };
46
46
 
@@ -50,8 +50,8 @@ var getTabLineColor = function getTabLineColor(mode) {
50
50
 
51
51
  exports.getTabLineColor = getTabLineColor;
52
52
  var tabPanelFocusColorMap = {
53
- light: "var(--ds-border-focus, ".concat(_colors.B100, ")"),
54
- dark: "var(--ds-border-focus, ".concat(_colors.B75, ")")
53
+ light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
54
+ dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
55
55
  };
56
56
 
57
57
  var getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.5",
3
+ "version": "13.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/tabs.js CHANGED
@@ -11,7 +11,7 @@ import { onMouseDownBlur } from '../internal/utils';
11
11
  const analyticsAttributes = {
12
12
  componentName: 'tabs',
13
13
  packageName: "@atlaskit/tabs",
14
- packageVersion: "13.2.5"
14
+ packageVersion: "13.2.8"
15
15
  };
16
16
 
17
17
  const getTabPanelWithContext = ({
package/dist/es2019/internal/colors.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { B100, B200, B400, B500, B75, DN0, DN400, N30, N500 } from '@atlaskit/theme/colors';
2
2
  const tabColorMap = {
3
3
  light: {
4
- labelColor: `var(--ds-text-mediumEmphasis, ${N500})`,
5
- activeLabelColor: `var(--ds-text-highEmphasis, ${B500})`,
6
- hoverLabelColor: `var(--ds-text-mediumEmphasis, ${B400})`,
4
+ labelColor: `var(--ds-text-subtle, ${N500})`,
5
+ activeLabelColor: `var(--ds-text, ${B500})`,
6
+ hoverLabelColor: `var(--ds-text-subtle, ${B400})`,
7
7
  selectedColor: `var(--ds-text-selected, ${B400})`,
8
- focusBorderColor: `var(--ds-border-focus, ${B100})`
8
+ focusBorderColor: `var(--ds-border-focused, ${B100})`
9
9
  },
10
10
  dark: {
11
- labelColor: `var(--ds-text-mediumEmphasis, ${DN400})`,
12
- activeLabelColor: `var(--ds-text-highEmphasis, ${B200})`,
13
- hoverLabelColor: `var(--ds-text-mediumEmphasis, ${B75})`,
11
+ labelColor: `var(--ds-text-subtle, ${DN400})`,
12
+ activeLabelColor: `var(--ds-text, ${B200})`,
13
+ hoverLabelColor: `var(--ds-text-subtle, ${B75})`,
14
14
  selectedColor: `var(--ds-text-selected, ${B75})`,
15
- focusBorderColor: `var(--ds-border-focus, ${B75})`
15
+ focusBorderColor: `var(--ds-border-focused, ${B75})`
16
16
  }
17
17
  };
18
18
  export const getTabColors = mode => {
@@ -20,21 +20,21 @@ export const getTabColors = mode => {
20
20
  };
21
21
  const tabLineColorMap = {
22
22
  light: {
23
- lineColor: `var(--ds-border-neutral, ${N30})`,
24
- hoveredColor: "var(--ds-border-neutral, transparent)",
25
- activeColor: "var(--ds-border-neutral, transparent)",
26
- selectedColor: `var(--ds-text-selected, ${B400})`
23
+ lineColor: `var(--ds-border, ${N30})`,
24
+ hoveredColor: "var(--ds-border, transparent)",
25
+ activeColor: "var(--ds-border, transparent)",
26
+ selectedColor: `var(--ds-border-selected, ${B400})`
27
27
  },
28
28
  dark: {
29
- lineColor: `var(--ds-border-neutral, ${DN0})`,
30
- hoveredColor: "var(--ds-border-neutral, transparent)",
31
- activeColor: "var(--ds-border-neutral, transparent)",
32
- selectedColor: `var(--ds-text-selected, ${B75})`
29
+ lineColor: `var(--ds-border, ${DN0})`,
30
+ hoveredColor: "var(--ds-border, transparent)",
31
+ activeColor: "var(--ds-border, transparent)",
32
+ selectedColor: `var(--ds-border-selected, ${B75})`
33
33
  }
34
34
  };
35
35
  export const getTabLineColor = mode => tabLineColorMap[mode];
36
36
  const tabPanelFocusColorMap = {
37
- light: `var(--ds-border-focus, ${B100})`,
38
- dark: `var(--ds-border-focus, ${B75})`
37
+ light: `var(--ds-border-focused, ${B100})`,
38
+ dark: `var(--ds-border-focused, ${B75})`
39
39
  };
40
40
  export const getTabPanelFocusColor = mode => tabPanelFocusColorMap[mode];
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.5",
3
+ "version": "13.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/tabs.js CHANGED
@@ -18,7 +18,7 @@ import { onMouseDownBlur } from '../internal/utils';
18
18
  var analyticsAttributes = {
19
19
  componentName: 'tabs',
20
20
  packageName: "@atlaskit/tabs",
21
- packageVersion: "13.2.5"
21
+ packageVersion: "13.2.8"
22
22
  };
23
23
 
24
24
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
package/dist/esm/internal/colors.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { B100, B200, B400, B500, B75, DN0, DN400, N30, N500 } from '@atlaskit/theme/colors';
2
2
  var tabColorMap = {
3
3
  light: {
4
- labelColor: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
5
- activeLabelColor: "var(--ds-text-highEmphasis, ".concat(B500, ")"),
6
- hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(B400, ")"),
4
+ labelColor: "var(--ds-text-subtle, ".concat(N500, ")"),
5
+ activeLabelColor: "var(--ds-text, ".concat(B500, ")"),
6
+ hoverLabelColor: "var(--ds-text-subtle, ".concat(B400, ")"),
7
7
  selectedColor: "var(--ds-text-selected, ".concat(B400, ")"),
8
- focusBorderColor: "var(--ds-border-focus, ".concat(B100, ")")
8
+ focusBorderColor: "var(--ds-border-focused, ".concat(B100, ")")
9
9
  },
10
10
  dark: {
11
- labelColor: "var(--ds-text-mediumEmphasis, ".concat(DN400, ")"),
12
- activeLabelColor: "var(--ds-text-highEmphasis, ".concat(B200, ")"),
13
- hoverLabelColor: "var(--ds-text-mediumEmphasis, ".concat(B75, ")"),
11
+ labelColor: "var(--ds-text-subtle, ".concat(DN400, ")"),
12
+ activeLabelColor: "var(--ds-text, ".concat(B200, ")"),
13
+ hoverLabelColor: "var(--ds-text-subtle, ".concat(B75, ")"),
14
14
  selectedColor: "var(--ds-text-selected, ".concat(B75, ")"),
15
- focusBorderColor: "var(--ds-border-focus, ".concat(B75, ")")
15
+ focusBorderColor: "var(--ds-border-focused, ".concat(B75, ")")
16
16
  }
17
17
  };
18
18
  export var getTabColors = function getTabColors(mode) {
@@ -20,24 +20,24 @@ export var getTabColors = function getTabColors(mode) {
20
20
  };
21
21
  var tabLineColorMap = {
22
22
  light: {
23
- lineColor: "var(--ds-border-neutral, ".concat(N30, ")"),
24
- hoveredColor: "var(--ds-border-neutral, transparent)",
25
- activeColor: "var(--ds-border-neutral, transparent)",
26
- selectedColor: "var(--ds-text-selected, ".concat(B400, ")")
23
+ lineColor: "var(--ds-border, ".concat(N30, ")"),
24
+ hoveredColor: "var(--ds-border, transparent)",
25
+ activeColor: "var(--ds-border, transparent)",
26
+ selectedColor: "var(--ds-border-selected, ".concat(B400, ")")
27
27
  },
28
28
  dark: {
29
- lineColor: "var(--ds-border-neutral, ".concat(DN0, ")"),
30
- hoveredColor: "var(--ds-border-neutral, transparent)",
31
- activeColor: "var(--ds-border-neutral, transparent)",
32
- selectedColor: "var(--ds-text-selected, ".concat(B75, ")")
29
+ lineColor: "var(--ds-border, ".concat(DN0, ")"),
30
+ hoveredColor: "var(--ds-border, transparent)",
31
+ activeColor: "var(--ds-border, transparent)",
32
+ selectedColor: "var(--ds-border-selected, ".concat(B75, ")")
33
33
  }
34
34
  };
35
35
  export var getTabLineColor = function getTabLineColor(mode) {
36
36
  return tabLineColorMap[mode];
37
37
  };
38
38
  var tabPanelFocusColorMap = {
39
- light: "var(--ds-border-focus, ".concat(B100, ")"),
40
- dark: "var(--ds-border-focus, ".concat(B75, ")")
39
+ light: "var(--ds-border-focused, ".concat(B100, ")"),
40
+ dark: "var(--ds-border-focused, ".concat(B75, ")")
41
41
  };
42
42
  export var getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
43
43
  return tabPanelFocusColorMap[mode];
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.5",
3
+ "version": "13.2.8",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.5",
3
+ "version": "13.2.8",
4
4
  "description": "Tabs are used to organize content by grouping similar information on the same page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "@atlaskit/analytics-next": "^8.2.0",
26
26
  "@atlaskit/codemod-utils": "^3.4.0",
27
27
  "@atlaskit/theme": "^12.1.0",
28
- "@atlaskit/tokens": "^0.5.0",
28
+ "@atlaskit/tokens": "^0.8.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/core": "^10.0.9"
31
31
  },
@@ -33,7 +33,7 @@
33
33
  "react": "^16.8.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@atlaskit/button": "^16.1.0",
36
+ "@atlaskit/button": "^16.2.0",
37
37
  "@atlaskit/docs": "*",
38
38
  "@atlaskit/section-message": "^6.1.0",
39
39
  "@atlaskit/spinner": "^15.1.0",