@atlaskit/tabs 13.3.12 → 13.3.13

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 +6 -0
  2. package/dist/cjs/components/tabs.js +1 -1
  3. package/dist/cjs/internal/styles.js +5 -8
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/tabs.js +1 -1
  6. package/dist/es2019/internal/styles.js +5 -8
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/tabs.js +1 -1
  9. package/dist/esm/internal/styles.js +5 -8
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +1 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tabs
2
2
 
3
+ ## 13.3.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7156bd737b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7156bd737b4) - Internal changes to some tokens. Should be a no-op.
8
+
3
9
  ## 13.3.12
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/tabs.js CHANGED
@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
21
21
  var analyticsAttributes = {
22
22
  componentName: 'tabs',
23
23
  packageName: "@atlaskit/tabs",
24
- packageVersion: "13.3.12"
24
+ packageVersion: "13.3.13"
25
25
  };
26
26
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
27
27
  var tabPanel = _ref.tabPanel,
package/dist/cjs/internal/styles.js CHANGED
@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.getTabsStyles = exports.getTabStyles = exports.getTabListStyles = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
- var _constants = require("@atlaskit/theme/constants");
11
10
  var _colors = require("./colors");
12
11
  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; }
13
12
  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; }
14
- var borderRadius = (0, _constants.borderRadius)();
15
- var gridSize = (0, _constants.gridSize)();
16
- var tabLeftRightPadding = "".concat(gridSize, "px");
17
- var tabTopBottomPadding = "".concat(gridSize / 2, "px");
18
- var underlineHeight = '2px';
13
+ var tabLeftRightPadding = "var(--ds-space-100, 8px)";
14
+ var tabTopBottomPadding = "var(--ds-space-050, 4px)";
15
+ var underlineHeight = "var(--ds-width-100, 2px)";
19
16
  var highContrastFocusStyles = {
20
17
  outline: '1px solid'
21
18
  };
@@ -32,7 +29,7 @@ var highContrastFocusRing = {
32
29
  var tabFocusStyles = function tabFocusStyles(mode) {
33
30
  return {
34
31
  boxShadow: "0 0 0 2px ".concat((0, _colors.getTabPanelFocusColor)(mode), " inset"),
35
- borderRadius: borderRadius,
32
+ borderRadius: "var(--ds-radius-100, 3px)",
36
33
  outline: 'none'
37
34
  };
38
35
  };
@@ -96,7 +93,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
96
93
  var colors = (0, _colors.getTabColors)(mode);
97
94
  return {
98
95
  boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
99
- borderRadius: borderRadius,
96
+ borderRadius: "var(--ds-radius-100, 3px)",
100
97
  outline: 'none',
101
98
  // Hide TabLine on focus
102
99
  '&::after': {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.3.12",
3
+ "version": "13.3.13",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/tabs.js CHANGED
@@ -10,7 +10,7 @@ import { onMouseDownBlur } from '../internal/utils';
10
10
  const analyticsAttributes = {
11
11
  componentName: 'tabs',
12
12
  packageName: "@atlaskit/tabs",
13
- packageVersion: "13.3.12"
13
+ packageVersion: "13.3.13"
14
14
  };
15
15
  const getTabPanelWithContext = ({
16
16
  tabPanel,
package/dist/es2019/internal/styles.js CHANGED
@@ -1,11 +1,8 @@
1
1
  import { css } from '@emotion/react';
2
- import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
3
2
  import { getTabColors, getTabLineColor, getTabPanelFocusColor } from './colors';
4
- const borderRadius = getBorderRadius();
5
- const gridSize = getGridSize();
6
- const tabLeftRightPadding = `${gridSize}px`;
7
- const tabTopBottomPadding = `${gridSize / 2}px`;
8
- const underlineHeight = '2px';
3
+ const tabLeftRightPadding = "var(--ds-space-100, 8px)";
4
+ const tabTopBottomPadding = "var(--ds-space-050, 4px)";
5
+ const underlineHeight = "var(--ds-width-100, 2px)";
9
6
  const highContrastFocusStyles = {
10
7
  outline: '1px solid'
11
8
  };
@@ -21,7 +18,7 @@ const highContrastFocusRing = {
21
18
  };
22
19
  const tabFocusStyles = mode => ({
23
20
  boxShadow: `0 0 0 2px ${getTabPanelFocusColor(mode)} inset`,
24
- borderRadius: borderRadius,
21
+ borderRadius: "var(--ds-radius-100, 3px)",
25
22
  outline: 'none'
26
23
  });
27
24
  const getTabPanelStyles = mode => ({
@@ -76,7 +73,7 @@ const tabPanelFocusStyles = mode => {
76
73
  const colors = getTabColors(mode);
77
74
  return {
78
75
  boxShadow: `0 0 0 2px ${colors.focusBorderColor} inset`,
79
- borderRadius: borderRadius,
76
+ borderRadius: "var(--ds-radius-100, 3px)",
80
77
  outline: 'none',
81
78
  // Hide TabLine on focus
82
79
  '&::after': {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.3.12",
3
+ "version": "13.3.13",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/tabs.js CHANGED
@@ -15,7 +15,7 @@ import { onMouseDownBlur } from '../internal/utils';
15
15
  var analyticsAttributes = {
16
16
  componentName: 'tabs',
17
17
  packageName: "@atlaskit/tabs",
18
- packageVersion: "13.3.12"
18
+ packageVersion: "13.3.13"
19
19
  };
20
20
  var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
21
21
  var tabPanel = _ref.tabPanel,
package/dist/esm/internal/styles.js CHANGED
@@ -2,13 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  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; }
3
3
  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; }
4
4
  import { css } from '@emotion/react';
5
- import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
6
5
  import { getTabColors, getTabLineColor, getTabPanelFocusColor } from './colors';
7
- var borderRadius = getBorderRadius();
8
- var gridSize = getGridSize();
9
- var tabLeftRightPadding = "".concat(gridSize, "px");
10
- var tabTopBottomPadding = "".concat(gridSize / 2, "px");
11
- var underlineHeight = '2px';
6
+ var tabLeftRightPadding = "var(--ds-space-100, 8px)";
7
+ var tabTopBottomPadding = "var(--ds-space-050, 4px)";
8
+ var underlineHeight = "var(--ds-width-100, 2px)";
12
9
  var highContrastFocusStyles = {
13
10
  outline: '1px solid'
14
11
  };
@@ -25,7 +22,7 @@ var highContrastFocusRing = {
25
22
  var tabFocusStyles = function tabFocusStyles(mode) {
26
23
  return {
27
24
  boxShadow: "0 0 0 2px ".concat(getTabPanelFocusColor(mode), " inset"),
28
- borderRadius: borderRadius,
25
+ borderRadius: "var(--ds-radius-100, 3px)",
29
26
  outline: 'none'
30
27
  };
31
28
  };
@@ -87,7 +84,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
87
84
  var colors = getTabColors(mode);
88
85
  return {
89
86
  boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
90
- borderRadius: borderRadius,
87
+ borderRadius: "var(--ds-radius-100, 3px)",
91
88
  outline: 'none',
92
89
  // Hide TabLine on focus
93
90
  '&::after': {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.3.12",
3
+ "version": "13.3.13",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tabs",
3
- "version": "13.3.12",
3
+ "version": "13.3.13",
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/"
@@ -15,7 +15,6 @@
15
15
  "sideEffects": false,
16
16
  "atlaskit:src": "src/index.tsx",
17
17
  "atlassian": {
18
- "disableProductCI": true,
19
18
  "team": "Design System Team",
20
19
  "releaseModel": "scheduled",
21
20
  "website": {