@atlaskit/tabs 13.2.4 → 13.2.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 (19) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/components/tabs.js +3 -3
  3. package/dist/cjs/index.js +8 -8
  4. package/dist/cjs/internal/colors.js +20 -20
  5. package/dist/cjs/internal/styles.js +3 -3
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/components/tabs.js +1 -1
  8. package/dist/es2019/internal/colors.js +20 -20
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/tabs.js +3 -3
  11. package/dist/esm/internal/colors.js +20 -20
  12. package/dist/esm/internal/styles.js +2 -2
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types/components/tab-list.d.ts +1 -0
  15. package/dist/types/components/tab-panel.d.ts +1 -0
  16. package/dist/types/components/tab.d.ts +1 -0
  17. package/dist/types/components/tabs.d.ts +1 -0
  18. package/dist/types/performance/examples.d.ts +1 -0
  19. package/package.json +4 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/tabs
2
2
 
3
+ ## 13.2.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 13.2.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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.
14
+ - Updated dependencies
15
+
16
+ ## 13.2.5
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 13.2.4
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/components/tabs.js CHANGED
@@ -29,14 +29,14 @@ var _styles = require("../internal/styles");
29
29
 
30
30
  var _utils = require("../internal/utils");
31
31
 
32
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
32
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
33
33
 
34
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
34
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
35
35
 
36
36
  var analyticsAttributes = {
37
37
  componentName: 'tabs',
38
38
  packageName: "@atlaskit/tabs",
39
- packageVersion: "13.2.4"
39
+ packageVersion: "13.2.7"
40
40
  };
41
41
 
42
42
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
package/dist/cjs/index.js CHANGED
@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "default", {
8
+ Object.defineProperty(exports, "Tab", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _tabs.default;
11
+ return _tab.default;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "TabPanel", {
14
+ Object.defineProperty(exports, "TabList", {
15
15
  enumerable: true,
16
16
  get: function get() {
17
- return _tabPanel.default;
17
+ return _tabList.default;
18
18
  }
19
19
  });
20
- Object.defineProperty(exports, "Tab", {
20
+ Object.defineProperty(exports, "TabPanel", {
21
21
  enumerable: true,
22
22
  get: function get() {
23
- return _tab.default;
23
+ return _tabPanel.default;
24
24
  }
25
25
  });
26
- Object.defineProperty(exports, "TabList", {
26
+ Object.defineProperty(exports, "default", {
27
27
  enumerable: true,
28
28
  get: function get() {
29
- return _tabList.default;
29
+ return _tabs.default;
30
30
  }
31
31
  });
32
32
  Object.defineProperty(exports, "useTab", {
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, ")"),
15
- selectedColor: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
16
- focusBorderColor: "var(--ds-border-focus, ".concat(_colors.B100, ")")
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
+ selectedColor: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
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, ")"),
22
- selectedColor: "var(--ds-text-selected, ".concat(_colors.B75, ")"),
23
- focusBorderColor: "var(--ds-border-focus, ".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
+ selectedColor: "var(--ds-text-brand, ".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-text-brand, ".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-text-brand, ".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/internal/styles.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.getTabStyles = exports.getTabListStyles = exports.getTabsStyles = void 0;
8
+ exports.getTabsStyles = exports.getTabStyles = exports.getTabListStyles = void 0;
9
9
 
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
 
@@ -13,9 +13,9 @@ var _constants = require("@atlaskit/theme/constants");
13
13
 
14
14
  var _colors = require("./colors");
15
15
 
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
16
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
17
 
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
19
 
20
20
  var borderRadius = (0, _constants.borderRadius)();
21
21
  var gridSize = (0, _constants.gridSize)();
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.4",
3
+ "version": "13.2.7",
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.4"
14
+ packageVersion: "13.2.7"
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})`,
7
- selectedColor: `var(--ds-text-selected, ${B400})`,
8
- focusBorderColor: `var(--ds-border-focus, ${B100})`
4
+ labelColor: `var(--ds-text-subtle, ${N500})`,
5
+ activeLabelColor: `var(--ds-text, ${B500})`,
6
+ hoverLabelColor: `var(--ds-text-subtle, ${B400})`,
7
+ selectedColor: `var(--ds-text-brand, ${B400})`,
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})`,
14
- selectedColor: `var(--ds-text-selected, ${B75})`,
15
- focusBorderColor: `var(--ds-border-focus, ${B75})`
11
+ labelColor: `var(--ds-text-subtle, ${DN400})`,
12
+ activeLabelColor: `var(--ds-text, ${B200})`,
13
+ hoverLabelColor: `var(--ds-text-subtle, ${B75})`,
14
+ selectedColor: `var(--ds-text-brand, ${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-text-brand, ${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-text-brand, ${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.4",
3
+ "version": "13.2.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/tabs.js CHANGED
@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _toArray from "@babel/runtime/helpers/toArray";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
5
 
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
6
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
7
 
8
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
8
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
9
 
10
10
  /** @jsx jsx */
11
11
  import { Children, useCallback, useMemo, useRef, useState } from 'react';
@@ -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.4"
21
+ packageVersion: "13.2.7"
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, ")"),
7
- selectedColor: "var(--ds-text-selected, ".concat(B400, ")"),
8
- focusBorderColor: "var(--ds-border-focus, ".concat(B100, ")")
4
+ labelColor: "var(--ds-text-subtle, ".concat(N500, ")"),
5
+ activeLabelColor: "var(--ds-text, ".concat(B500, ")"),
6
+ hoverLabelColor: "var(--ds-text-subtle, ".concat(B400, ")"),
7
+ selectedColor: "var(--ds-text-brand, ".concat(B400, ")"),
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, ")"),
14
- selectedColor: "var(--ds-text-selected, ".concat(B75, ")"),
15
- focusBorderColor: "var(--ds-border-focus, ".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
+ selectedColor: "var(--ds-text-brand, ".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-text-brand, ".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-text-brand, ".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/internal/styles.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
8
8
  import { getTabColors, getTabLineColor, getTabPanelFocusColor } from './colors';
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.4",
3
+ "version": "13.2.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/tab-list.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { TabListProps } from '../types';
2
3
  export declare const TabList: (props: TabListProps) => JSX.Element;
3
4
  export default TabList;
package/dist/types/components/tab-panel.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { TabPanelProps } from '../types';
2
3
  declare const TabPanel: ({ children, testId }: TabPanelProps) => JSX.Element;
3
4
  export default TabPanel;
package/dist/types/components/tab.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  import { TabProps } from '../types';
2
3
  export default function Tab({ children, testId }: TabProps): JSX.Element;
package/dist/types/components/tabs.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { TabsProps } from '../types';
2
3
  export declare const Tabs: (props: TabsProps) => JSX.Element;
3
4
  export default Tabs;
package/dist/types/performance/examples.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import type { PublicInteractionTask } from 'storybook-addon-performance';
2
3
  export declare const performance: {
3
4
  (): JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.2.4",
3
+ "version": "13.2.7",
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/"
@@ -16,7 +16,6 @@
16
16
  "atlaskit:src": "src/index.ts",
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
- "inPublicMirror": true,
20
19
  "releaseModel": "scheduled",
21
20
  "website": {
22
21
  "name": "Tabs"
@@ -25,8 +24,8 @@
25
24
  "dependencies": {
26
25
  "@atlaskit/analytics-next": "^8.2.0",
27
26
  "@atlaskit/codemod-utils": "^3.4.0",
28
- "@atlaskit/theme": "^12.0.0",
29
- "@atlaskit/tokens": "^0.4.0",
27
+ "@atlaskit/theme": "^12.1.0",
28
+ "@atlaskit/tokens": "^0.7.0",
30
29
  "@babel/runtime": "^7.0.0",
31
30
  "@emotion/core": "^10.0.9"
32
31
  },
@@ -34,8 +33,7 @@
34
33
  "react": "^16.8.0"
35
34
  },
36
35
  "devDependencies": {
37
- "@atlaskit/build-utils": "*",
38
- "@atlaskit/button": "^16.1.0",
36
+ "@atlaskit/button": "^16.2.0",
39
37
  "@atlaskit/docs": "*",
40
38
  "@atlaskit/section-message": "^6.1.0",
41
39
  "@atlaskit/spinner": "^15.1.0",