@atlaskit/tabs 13.3.12 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/tabs
 
+## 13.4.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.13
+
+### Patch Changes
+
+- [`7156bd737b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7156bd737b4) - Internal changes to some tokens. Should be a no-op.
+
 ## 13.3.12
 
 ### Patch Changes

package/dist/cjs/components/tabs.js

@@ -17,11 +17,11 @@ var _context = require("../internal/context");
 var _styles = require("../internal/styles");
 var _utils = require("../internal/utils");
 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; }
-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; }
+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; } /** @jsx jsx */
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.3.12"
+  packageVersion: "13.4.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/cjs/internal/styles.js

@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getTabsStyles = exports.getTabStyles = exports.getTabListStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _colors = require("./colors");
 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; }
 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; }
-var borderRadius = (0, _constants.borderRadius)();
-var gridSize = (0, _constants.gridSize)();
-var tabLeftRightPadding = "".concat(gridSize, "px");
-var tabTopBottomPadding = "".concat(gridSize / 2, "px");
-var underlineHeight = '2px';
+var tabLeftRightPadding = "var(--ds-space-100, 8px)";
+var tabTopBottomPadding = "var(--ds-space-050, 4px)";
+var underlineHeight = "var(--ds-width-100, 2px)";
 var highContrastFocusStyles = {
   outline: '1px solid'
 };
@@ -32,7 +29,7 @@ var highContrastFocusRing = {
 var tabFocusStyles = function tabFocusStyles(mode) {
   return {
     boxShadow: "0 0 0 2px ".concat((0, _colors.getTabPanelFocusColor)(mode), " inset"),
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-radius-100, 3px)",
     outline: 'none'
   };
 };
@@ -96,7 +93,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
   var colors = (0, _colors.getTabColors)(mode);
   return {
     boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-radius-100, 3px)",
     outline: 'none',
     // Hide TabLine on focus
     '&::after': {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tabs",
-	"version": "13.3.12",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/dist/es2019/components/tabs.js

@@ -10,7 +10,7 @@ import { onMouseDownBlur } from '../internal/utils';
 const analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.3.12"
+  packageVersion: "13.4.0"
 };
 const getTabPanelWithContext = ({
   tabPanel,

package/dist/es2019/internal/styles.js

@@ -1,11 +1,8 @@
 import { css } from '@emotion/react';
-import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { getTabColors, getTabLineColor, getTabPanelFocusColor } from './colors';
-const borderRadius = getBorderRadius();
-const gridSize = getGridSize();
-const tabLeftRightPadding = `${gridSize}px`;
-const tabTopBottomPadding = `${gridSize / 2}px`;
-const underlineHeight = '2px';
+const tabLeftRightPadding = "var(--ds-space-100, 8px)";
+const tabTopBottomPadding = "var(--ds-space-050, 4px)";
+const underlineHeight = "var(--ds-width-100, 2px)";
 const highContrastFocusStyles = {
   outline: '1px solid'
 };
@@ -21,7 +18,7 @@ const highContrastFocusRing = {
 };
 const tabFocusStyles = mode => ({
   boxShadow: `0 0 0 2px ${getTabPanelFocusColor(mode)} inset`,
-  borderRadius: borderRadius,
+  borderRadius: "var(--ds-radius-100, 3px)",
   outline: 'none'
 });
 const getTabPanelStyles = mode => ({
@@ -76,7 +73,7 @@ const tabPanelFocusStyles = mode => {
   const colors = getTabColors(mode);
   return {
     boxShadow: `0 0 0 2px ${colors.focusBorderColor} inset`,
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-radius-100, 3px)",
     outline: 'none',
     // Hide TabLine on focus
     '&::after': {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tabs",
-	"version": "13.3.12",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/dist/esm/components/tabs.js

@@ -15,7 +15,7 @@ import { onMouseDownBlur } from '../internal/utils';
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.3.12"
+  packageVersion: "13.4.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/esm/internal/styles.js

@@ -2,13 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
 import { css } from '@emotion/react';
-import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { getTabColors, getTabLineColor, getTabPanelFocusColor } from './colors';
-var borderRadius = getBorderRadius();
-var gridSize = getGridSize();
-var tabLeftRightPadding = "".concat(gridSize, "px");
-var tabTopBottomPadding = "".concat(gridSize / 2, "px");
-var underlineHeight = '2px';
+var tabLeftRightPadding = "var(--ds-space-100, 8px)";
+var tabTopBottomPadding = "var(--ds-space-050, 4px)";
+var underlineHeight = "var(--ds-width-100, 2px)";
 var highContrastFocusStyles = {
   outline: '1px solid'
 };
@@ -25,7 +22,7 @@ var highContrastFocusRing = {
 var tabFocusStyles = function tabFocusStyles(mode) {
   return {
     boxShadow: "0 0 0 2px ".concat(getTabPanelFocusColor(mode), " inset"),
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-radius-100, 3px)",
     outline: 'none'
   };
 };
@@ -87,7 +84,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
   var colors = getTabColors(mode);
   return {
     boxShadow: "0 0 0 2px ".concat(colors.focusBorderColor, " inset"),
-    borderRadius: borderRadius,
+    borderRadius: "var(--ds-radius-100, 3px)",
     outline: 'none',
     // Hide TabLine on focus
     '&::after': {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/tabs",
-	"version": "13.3.12",
+	"version": "13.4.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tabs",
-  "version": "13.3.12",
+  "version": "13.4.0",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,6 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -24,11 +23,11 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/codemod-utils": "^4.1.0",
-    "@atlaskit/ds-explorations": "^2.0.0",
-    "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.2.0",
+    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/codemod-utils": "^4.2.0",
+    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -36,13 +35,13 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.7.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/spinner": "^15.3.0",
+    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/section-message": "^6.4.0",
+    "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.6.0",
+    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -121,3 +122,15 @@ export const useTabPanel: () => TabPanelAttributesType;
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->