@atlaskit/tabs 13.3.9 → 13.3.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/tabs
 
+## 13.3.11
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.10
+
+### Patch Changes
+
+- [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
+- Updated dependencies
+
 ## 13.3.9
 
 ### Patch Changes

package/dist/cjs/components/tab-list.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _components = require("@atlaskit/theme/components");
-
 var _hooks = require("../hooks");
-
 var _context = require("../internal/context");
-
 var _styles = require("../internal/styles");
-
 var _utils = require("../internal/utils");
-
 /** @jsx jsx */
 
 /**
@@ -34,69 +25,60 @@ var _utils = require("../internal/utils");
  */
 var TabList = function TabList(props) {
   var children = props.children;
-
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var _useTabList = (0, _hooks.useTabList)(),
-      tabsId = _useTabList.tabsId,
-      selected = _useTabList.selected,
-      onChange = _useTabList.onChange;
-
-  var ref = /*#__PURE__*/(0, _react.createRef)(); // Don't include any conditional children
+    tabsId = _useTabList.tabsId,
+    selected = _useTabList.selected,
+    onChange = _useTabList.onChange;
+  var ref = /*#__PURE__*/(0, _react.createRef)();
 
+  // Don't include any conditional children
   var childrenArray = _react.Children.toArray(children).filter(Boolean);
-
   var length = childrenArray.length;
   var tabListStyles = (0, _react.useMemo)(function () {
     return (0, _styles.getTabListStyles)(mode);
   }, [mode]);
   var selectTabByIndex = (0, _react.useCallback)(function (index) {
     var _ref$current;
-
     var newSelectedNode = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("[id='".concat(tabsId, "-").concat(index, "']"));
-
     if (newSelectedNode) {
       newSelectedNode.focus();
     }
-
     onChange(index);
   }, [tabsId, ref, onChange]);
   var onKeyDown = (0, _react.useCallback)(function (e) {
     if (!['ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(e.key)) {
       return;
-    } // preventing horizontal or vertical scroll
-
+    }
 
+    // preventing horizontal or vertical scroll
     e.preventDefault();
     var lastTabIndex = length - 1;
-
     if (['Home', 'End'].includes(e.key)) {
       var _newSelected = e.key === 'Home' ? 0 : lastTabIndex;
-
       selectTabByIndex(_newSelected);
       return;
-    } // We use aria-posinset so we don't rely on the selected variable
+    }
+
+    // We use aria-posinset so we don't rely on the selected variable
     // If we used the selected variable this would regenerate each time
     // and create an unstable reference
-
-
     var selectedIndex = parseInt(e.currentTarget.getAttribute('aria-posinset') || '0') - 1;
     var modifier = e.key === 'ArrowRight' ? 1 : -1;
     var newSelected = selectedIndex + modifier;
-
     if (newSelected < 0 || newSelected >= length) {
       // Cycling focus to move from last to first and from first to last
       newSelected = newSelected < 0 ? lastTabIndex : 0;
     }
-
     selectTabByIndex(newSelected);
-  }, [length, selectTabByIndex]); // Memoized so the function isn't recreated each time
+  }, [length, selectTabByIndex]);
 
+  // Memoized so the function isn't recreated each time
   var getTabWithContext = (0, _react.useCallback)(function (_ref) {
     var tab = _ref.tab,
-        isSelected = _ref.isSelected,
-        index = _ref.index;
+      isSelected = _ref.isSelected,
+      index = _ref.index;
     return (0, _react2.jsx)(_context.TabContext.Provider, {
       value: {
         onClick: function onClick() {
@@ -115,7 +97,8 @@ var TabList = function TabList(props) {
       key: index
     }, tab);
   }, [length, onKeyDown, onChange, tabsId]);
-  return (// Only styles that affect the TabList itself have been applied via primitives.
+  return (
+    // Only styles that affect the TabList itself have been applied via primitives.
     // The other styles applied through the CSS prop are there for styling children
     // through inheritance. This is important for custom cases that use the useTab(),
     // which applies accessibility atributes that we use as a styling hook.
@@ -124,8 +107,9 @@ var TabList = function TabList(props) {
       role: "tablist",
       display: "flex",
       position: "relative",
-      padding: "scale.0",
-      ref: ref // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      padding: "space.0",
+      ref: ref
+      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: tabListStyles
     }, childrenArray.map(function (child, index) {
@@ -137,6 +121,5 @@ var TabList = function TabList(props) {
     }))
   );
 };
-
 var _default = TabList;
 exports.default = _default;

package/dist/cjs/components/tab-panel.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _hooks = require("../hooks");
-
 /** @jsx jsx */
-// Note this is not being memoized as children is an unstable reference
 
+// Note this is not being memoized as children is an unstable reference
 /**
  * __TabPanel__
  *
@@ -31,13 +24,12 @@ var _hooks = require("../hooks");
  */
 var TabPanel = function TabPanel(_ref) {
   var children = _ref.children,
-      testId = _ref.testId;
+    testId = _ref.testId;
   var tabPanelAttributes = (0, _hooks.useTabPanel)();
   return (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, (0, _extends2.default)({
     testId: testId,
     as: "div"
   }, tabPanelAttributes), (0, _react2.jsx)(_react.Fragment, null, children));
 };
-
 var _default = TabPanel;
 exports.default = _default;

package/dist/cjs/components/tab.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Tab;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _hooks = require("../hooks");
-
 /** @jsx jsx */
 
 /**
@@ -28,7 +22,7 @@ var _hooks = require("../hooks");
  */
 function Tab(_ref) {
   var children = _ref.children,
-      testId = _ref.testId;
+    testId = _ref.testId;
   var tabAttributes = (0, _hooks.useTab)();
   return (0, _react.jsx)(_dsExplorations.UNSAFE_Box, (0, _extends2.default)({
     as: "div",

package/dist/cjs/components/tabs.js

@@ -1,50 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _components = require("@atlaskit/theme/components");
-
 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; }
-
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.3.9"
+  packageVersion: "13.3.11"
 };
-
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,
-      index = _ref.index,
-      isSelected = _ref.isSelected,
-      tabsId = _ref.tabsId;
-  return (// Ensure tabPanel exists in case it has been removed
+    index = _ref.index,
+    isSelected = _ref.isSelected,
+    tabsId = _ref.tabsId;
+  return (
+    // Ensure tabPanel exists in case it has been removed
     tabPanel && (0, _react2.jsx)(_context.TabPanelContext.Provider, {
       value: {
         role: 'tabpanel',
@@ -58,6 +43,7 @@ var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
     }, tabPanel)
   );
 };
+
 /**
  * __Tabs__
  *
@@ -67,51 +53,42 @@ var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
  * - [Code](https://atlassian.design/components/tabs/code)
  * - [Usage](https://atlassian.design/components/tabs/usage)
  */
-
-
 var Tabs = function Tabs(props) {
   var _props$shouldUnmountT = props.shouldUnmountTabPanelOnChange,
-      shouldUnmountTabPanelOnChange = _props$shouldUnmountT === void 0 ? false : _props$shouldUnmountT,
-      SelectedType = props.selected,
-      defaultSelected = props.defaultSelected,
-      onChangeProp = props.onChange,
-      id = props.id,
-      analyticsContext = props.analyticsContext,
-      children = props.children,
-      testId = props.testId;
-
+    shouldUnmountTabPanelOnChange = _props$shouldUnmountT === void 0 ? false : _props$shouldUnmountT,
+    SelectedType = props.selected,
+    defaultSelected = props.defaultSelected,
+    onChangeProp = props.onChange,
+    id = props.id,
+    analyticsContext = props.analyticsContext,
+    children = props.children,
+    testId = props.testId;
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var _useState = (0, _react.useState)(SelectedType || defaultSelected || 0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedState = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedState = _useState2[0],
+    setSelected = _useState2[1];
   var selected = SelectedType === undefined ? selectedState : SelectedType;
-
-  var childrenArray = _react.Children.toArray(children) // Don't include any conditional children
+  var childrenArray = _react.Children.toArray(children)
+  // Don't include any conditional children
   .filter(function (child) {
     return Boolean(child);
-  }); // First child should be a tabList followed by tab panels
-
-
+  });
+  // First child should be a tabList followed by tab panels
   var _childrenArray = (0, _toArray2.default)(childrenArray),
-      tabList = _childrenArray[0],
-      tabPanels = _childrenArray.slice(1); // Keep track of visited and add to a set
-
+    tabList = _childrenArray[0],
+    tabPanels = _childrenArray.slice(1);
 
+  // Keep track of visited and add to a set
   var visited = (0, _react.useRef)(new Set([selected]));
-
   if (!visited.current.has(selected)) {
     visited.current.add(selected);
   }
-
   var onChange = (0, _react.useCallback)(function (index, analyticsEvent) {
     if (onChangeProp) {
       onChangeProp(index, analyticsEvent);
     }
-
     setSelected(index);
   }, [onChangeProp]);
   var onChangeAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
@@ -124,7 +101,8 @@ var Tabs = function Tabs(props) {
     index: selected,
     isSelected: true,
     tabsId: id
-  }) : // If a panel has already been visited, don't unmount it
+  }) :
+  // If a panel has already been visited, don't unmount it
   Array.from(visited.current).map(function (tabIndex) {
     return getTabPanelWithContext({
       tabPanel: tabPanels[tabIndex],
@@ -136,7 +114,8 @@ var Tabs = function Tabs(props) {
   var tabsStyles = (0, _react.useMemo)(function () {
     return (0, _styles.getTabsStyles)(mode);
   }, [mode]);
-  return (// Only styles that affect the Tabs container itself have been applied via primitives.
+  return (
+    // Only styles that affect the Tabs container itself have been applied via primitives.
     // The other styles applied through the CSS prop are there for styling children
     // through inheritance. This is important for custom cases that use the useTabPanel(),
     // which applies accessibility atributes that we use as a styling hook.
@@ -150,7 +129,8 @@ var Tabs = function Tabs(props) {
         minHeight: '0%',
         flexBasis: '100%',
         flexGrow: 1
-      } // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      }
+      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       ,
       css: tabsStyles
     }, (0, _react2.jsx)(_context.TabListContext.Provider, {
@@ -162,6 +142,5 @@ var Tabs = function Tabs(props) {
     }, tabList), (0, _react2.jsx)(_react.Fragment, null, tabPanelsWithContext))
   );
 };
-
 var _default = Tabs;
 exports.default = _default;

package/dist/cjs/hooks.js

@@ -4,43 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTabPanel = exports.useTabList = exports.useTab = void 0;
-
 var _react = require("react");
-
 var _context = require("./internal/context");
-
 var useTab = function useTab() {
   var tabData = (0, _react.useContext)(_context.TabContext);
-
   if (tabData == null || typeof tabData === 'undefined') {
     throw Error('@atlaskit/tabs: A Tab must have a TabList parent.');
   }
-
   return tabData;
 };
-
 exports.useTab = useTab;
-
 var useTabList = function useTabList() {
   var tabListData = (0, _react.useContext)(_context.TabListContext);
-
   if (tabListData === null || typeof tabListData === 'undefined') {
     throw Error('@atlaskit/tabs: A TabList must have a Tabs parent.');
   }
-
   return tabListData;
 };
-
 exports.useTabList = useTabList;
-
 var useTabPanel = function useTabPanel() {
   var tabPanelData = (0, _react.useContext)(_context.TabPanelContext);
-
   if (tabPanelData === null || typeof tabPanelData === 'undefined') {
     throw Error('@atlaskit/tabs:  A TabPanel must have a Tabs parent.');
   }
-
   return tabPanelData;
 };
-
 exports.useTabPanel = useTabPanel;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,13 +40,8 @@ Object.defineProperty(exports, "useTabPanel", {
     return _hooks.useTabPanel;
   }
 });
-
 var _tabs = _interopRequireDefault(require("./components/tabs"));
-
 var _tabPanel = _interopRequireDefault(require("./components/tab-panel"));
-
 var _tab = _interopRequireDefault(require("./components/tab"));
-
 var _tabList = _interopRequireDefault(require("./components/tab-list"));
-
 var _hooks = require("./hooks");

package/dist/cjs/internal/colors.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTabPanelFocusColor = exports.getTabLineColor = exports.getTabColors = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var tabColorMap = {
   light: {
     labelColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
@@ -23,11 +21,9 @@ var tabColorMap = {
     focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
   }
 };
-
 var getTabColors = function getTabColors(mode) {
   return tabColorMap[mode];
 };
-
 exports.getTabColors = getTabColors;
 var tabLineColorMap = {
   light: {
@@ -43,19 +39,15 @@ var tabLineColorMap = {
     selectedColor: "var(--ds-border-selected, ".concat(_colors.B75, ")")
   }
 };
-
 var getTabLineColor = function getTabLineColor(mode) {
   return tabLineColorMap[mode];
 };
-
 exports.getTabLineColor = getTabLineColor;
 var tabPanelFocusColorMap = {
   light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
   dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
 };
-
 var getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
   return tabPanelFocusColorMap[mode];
 };
-
 exports.getTabPanelFocusColor = getTabPanelFocusColor;

package/dist/cjs/internal/context.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabPanelContext = exports.TabListContext = exports.TabContext = void 0;
-
 var _react = require("react");
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
+
 var TabContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.TabContext = TabContext;
 var TabListContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/internal/styles.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
@@ -26,8 +18,9 @@ var tabTopBottomPadding = "".concat(gridSize / 2, "px");
 var underlineHeight = '2px';
 var highContrastFocusStyles = {
   outline: '1px solid'
-}; // Required so the focus ring is visible in high contrast mode
+};
 
+// Required so the focus ring is visible in high contrast mode
 var highContrastFocusRing = {
   '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': {
     '&:focus-visible': highContrastFocusStyles,
@@ -36,7 +29,6 @@ var highContrastFocusRing = {
     }
   }
 };
-
 var tabFocusStyles = function tabFocusStyles(mode) {
   return {
     boxShadow: "0 0 0 2px ".concat((0, _colors.getTabPanelFocusColor)(mode), " inset"),
@@ -44,11 +36,9 @@ var tabFocusStyles = function tabFocusStyles(mode) {
     outline: 'none'
   };
 };
-
 var getTabPanelStyles = function getTabPanelStyles(mode) {
   return _objectSpread({
     flexGrow: 1,
-
     /*
       NOTE min-height set to 0% because of Firefox bug
       FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
@@ -62,9 +52,9 @@ var getTabPanelStyles = function getTabPanelStyles(mode) {
     }
   }, highContrastFocusRing);
 };
-
 var getTabsStyles = function getTabsStyles(mode) {
-  return (// eslint-disable-next-line @repo/internal/styles/no-exported-styles
+  return (
+    // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
       '& [role="tabpanel"]': getTabPanelStyles(mode),
       // The hidden attribute doesn't work on flex elements
@@ -76,7 +66,6 @@ var getTabsStyles = function getTabsStyles(mode) {
     })
   );
 };
-
 exports.getTabsStyles = getTabsStyles;
 var tabLineStyles = {
   content: '""',
@@ -88,9 +77,9 @@ var tabLineStyles = {
   left: tabLeftRightPadding,
   right: tabLeftRightPadding
 };
-
 var getTabListStyles = function getTabListStyles(mode) {
-  return (// eslint-disable-next-line @repo/internal/styles/no-exported-styles
+  return (
+    // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
       '& [role="tab"]': getTabStyles(mode),
       fontWeight: "var(--ds-font-weight-medium, 500)",
@@ -102,9 +91,7 @@ var getTabListStyles = function getTabListStyles(mode) {
     })
   );
 };
-
 exports.getTabListStyles = getTabListStyles;
-
 var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
   var colors = (0, _colors.getTabColors)(mode);
   return {
@@ -117,7 +104,6 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
     }
   };
 };
-
 var getTabStyles = function getTabStyles(mode) {
   var colors = (0, _colors.getTabColors)(mode);
   return _objectSpread(_objectSpread({
@@ -161,5 +147,4 @@ var getTabStyles = function getTabStyles(mode) {
     }
   });
 };
-
 exports.getTabStyles = getTabStyles;

package/dist/cjs/internal/utils.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onMouseDownBlur = void 0;
-
 // Prevent a focus ring if clicked
 var onMouseDownBlur = function onMouseDownBlur(e) {
   var currentTarget = e.currentTarget;
@@ -14,11 +13,9 @@ var onMouseDownBlur = function onMouseDownBlur(e) {
       currentTarget.focus();
       return;
     }
-
     if (!focusedDuringMouseDown && document.body.contains(currentTarget)) {
       currentTarget.blur();
     }
   });
 };
-
 exports.onMouseDownBlur = onMouseDownBlur;

package/dist/cjs/version.json

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