@atlaskit/tabs 13.2.6 → 13.2.9

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 +19 -0
  2. package/dist/cjs/components/tabs.js +1 -1
  3. package/dist/cjs/internal/colors.js +4 -4
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/tabs.js +1 -1
  6. package/dist/es2019/internal/colors.js +4 -4
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/tabs.js +1 -1
  9. package/dist/esm/internal/colors.js +4 -4
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/tabs
2
2
 
3
+ ## 13.2.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 13.2.8
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+ - Updated dependencies
15
+
16
+ ## 13.2.7
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 13.2.6
4
23
 
5
24
  ### 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.6"
39
+ packageVersion: "13.2.9"
40
40
  };
41
41
 
42
42
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
package/dist/cjs/internal/colors.js CHANGED
@@ -12,14 +12,14 @@ var tabColorMap = {
12
12
  labelColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
13
13
  activeLabelColor: "var(--ds-text, ".concat(_colors.B500, ")"),
14
14
  hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B400, ")"),
15
- selectedColor: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
15
+ selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
16
16
  focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")")
17
17
  },
18
18
  dark: {
19
19
  labelColor: "var(--ds-text-subtle, ".concat(_colors.DN400, ")"),
20
20
  activeLabelColor: "var(--ds-text, ".concat(_colors.B200, ")"),
21
21
  hoverLabelColor: "var(--ds-text-subtle, ".concat(_colors.B75, ")"),
22
- selectedColor: "var(--ds-text-brand, ".concat(_colors.B75, ")"),
22
+ selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")"),
23
23
  focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
24
24
  }
25
25
  };
@@ -34,13 +34,13 @@ var tabLineColorMap = {
34
34
  lineColor: "var(--ds-border, ".concat(_colors.N30, ")"),
35
35
  hoveredColor: "var(--ds-border, transparent)",
36
36
  activeColor: "var(--ds-border, transparent)",
37
- selectedColor: "var(--ds-text-brand, ".concat(_colors.B400, ")")
37
+ selectedColor: "var(--ds-border-selected, ".concat(_colors.B400, ")")
38
38
  },
39
39
  dark: {
40
40
  lineColor: "var(--ds-border, ".concat(_colors.DN0, ")"),
41
41
  hoveredColor: "var(--ds-border, transparent)",
42
42
  activeColor: "var(--ds-border, transparent)",
43
- selectedColor: "var(--ds-text-brand, ".concat(_colors.B75, ")")
43
+ selectedColor: "var(--ds-border-selected, ".concat(_colors.B75, ")")
44
44
  }
45
45
  };
46
46
 
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.6",
3
+ "version": "13.2.9",
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.6"
14
+ packageVersion: "13.2.9"
15
15
  };
16
16
 
17
17
  const getTabPanelWithContext = ({
package/dist/es2019/internal/colors.js CHANGED
@@ -4,14 +4,14 @@ const tabColorMap = {
4
4
  labelColor: `var(--ds-text-subtle, ${N500})`,
5
5
  activeLabelColor: `var(--ds-text, ${B500})`,
6
6
  hoverLabelColor: `var(--ds-text-subtle, ${B400})`,
7
- selectedColor: `var(--ds-text-brand, ${B400})`,
7
+ selectedColor: `var(--ds-text-selected, ${B400})`,
8
8
  focusBorderColor: `var(--ds-border-focused, ${B100})`
9
9
  },
10
10
  dark: {
11
11
  labelColor: `var(--ds-text-subtle, ${DN400})`,
12
12
  activeLabelColor: `var(--ds-text, ${B200})`,
13
13
  hoverLabelColor: `var(--ds-text-subtle, ${B75})`,
14
- selectedColor: `var(--ds-text-brand, ${B75})`,
14
+ selectedColor: `var(--ds-text-selected, ${B75})`,
15
15
  focusBorderColor: `var(--ds-border-focused, ${B75})`
16
16
  }
17
17
  };
@@ -23,13 +23,13 @@ const tabLineColorMap = {
23
23
  lineColor: `var(--ds-border, ${N30})`,
24
24
  hoveredColor: "var(--ds-border, transparent)",
25
25
  activeColor: "var(--ds-border, transparent)",
26
- selectedColor: `var(--ds-text-brand, ${B400})`
26
+ selectedColor: `var(--ds-border-selected, ${B400})`
27
27
  },
28
28
  dark: {
29
29
  lineColor: `var(--ds-border, ${DN0})`,
30
30
  hoveredColor: "var(--ds-border, transparent)",
31
31
  activeColor: "var(--ds-border, transparent)",
32
- selectedColor: `var(--ds-text-brand, ${B75})`
32
+ selectedColor: `var(--ds-border-selected, ${B75})`
33
33
  }
34
34
  };
35
35
  export const getTabLineColor = mode => tabLineColorMap[mode];
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.6",
3
+ "version": "13.2.9",
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.6"
21
+ packageVersion: "13.2.9"
22
22
  };
23
23
 
24
24
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
package/dist/esm/internal/colors.js CHANGED
@@ -4,14 +4,14 @@ var tabColorMap = {
4
4
  labelColor: "var(--ds-text-subtle, ".concat(N500, ")"),
5
5
  activeLabelColor: "var(--ds-text, ".concat(B500, ")"),
6
6
  hoverLabelColor: "var(--ds-text-subtle, ".concat(B400, ")"),
7
- selectedColor: "var(--ds-text-brand, ".concat(B400, ")"),
7
+ selectedColor: "var(--ds-text-selected, ".concat(B400, ")"),
8
8
  focusBorderColor: "var(--ds-border-focused, ".concat(B100, ")")
9
9
  },
10
10
  dark: {
11
11
  labelColor: "var(--ds-text-subtle, ".concat(DN400, ")"),
12
12
  activeLabelColor: "var(--ds-text, ".concat(B200, ")"),
13
13
  hoverLabelColor: "var(--ds-text-subtle, ".concat(B75, ")"),
14
- selectedColor: "var(--ds-text-brand, ".concat(B75, ")"),
14
+ selectedColor: "var(--ds-text-selected, ".concat(B75, ")"),
15
15
  focusBorderColor: "var(--ds-border-focused, ".concat(B75, ")")
16
16
  }
17
17
  };
@@ -23,13 +23,13 @@ var tabLineColorMap = {
23
23
  lineColor: "var(--ds-border, ".concat(N30, ")"),
24
24
  hoveredColor: "var(--ds-border, transparent)",
25
25
  activeColor: "var(--ds-border, transparent)",
26
- selectedColor: "var(--ds-text-brand, ".concat(B400, ")")
26
+ selectedColor: "var(--ds-border-selected, ".concat(B400, ")")
27
27
  },
28
28
  dark: {
29
29
  lineColor: "var(--ds-border, ".concat(DN0, ")"),
30
30
  hoveredColor: "var(--ds-border, transparent)",
31
31
  activeColor: "var(--ds-border, transparent)",
32
- selectedColor: "var(--ds-text-brand, ".concat(B75, ")")
32
+ selectedColor: "var(--ds-border-selected, ".concat(B75, ")")
33
33
  }
34
34
  };
35
35
  export var getTabLineColor = function getTabLineColor(mode) {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.6",
3
+ "version": "13.2.9",
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.6",
3
+ "version": "13.2.9",
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/"
@@ -23,9 +23,9 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@atlaskit/analytics-next": "^8.2.0",
26
- "@atlaskit/codemod-utils": "^3.4.0",
26
+ "@atlaskit/codemod-utils": "^4.0.0",
27
27
  "@atlaskit/theme": "^12.1.0",
28
- "@atlaskit/tokens": "^0.6.0",
28
+ "@atlaskit/tokens": "^0.9.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",
@@ -48,7 +48,7 @@
48
48
  "react-dom": "^16.8.0",
49
49
  "react-lorem-component": "^0.13.0",
50
50
  "storybook-addon-performance": "^0.16.0",
51
- "typescript": "3.9.6",
51
+ "typescript": "3.9.10",
52
52
  "wait-for-expect": "^1.2.0"
53
53
  },
54
54
  "techstack": {