@atlaskit/tabs 13.4.7 → 13.4.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tabs
 
+## 13.4.9
+
+### Patch Changes
+
+- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
+
+## 13.4.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.4.7
 
 ### Patch Changes

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

@@ -122,5 +122,4 @@ var TabList = function TabList(_ref) {
     }))
   );
 };
-var _default = TabList;
-exports.default = _default;
+var _default = exports.default = TabList;

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

@@ -40,5 +40,4 @@ var TabPanel = function TabPanel(_ref) {
     tabIndex: tabIndex
   }, (0, _react2.jsx)(_react.Fragment, null, children));
 };
-var _default = TabPanel;
-exports.default = _default;
+var _default = exports.default = TabPanel;

package/dist/cjs/components/tabs.js

@@ -28,7 +28,7 @@ var baseStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.7"
+  packageVersion: "13.4.9"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,
@@ -140,5 +140,4 @@ var Tabs = function Tabs(props) {
     }, tabList), (0, _react2.jsx)(_react.Fragment, null, tabPanelsWithContext))
   );
 };
-var _default = Tabs;
-exports.default = _default;
+var _default = exports.default = Tabs;

package/dist/cjs/hooks.js

@@ -6,27 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTabPanel = exports.useTabList = exports.useTab = void 0;
 var _react = require("react");
 var _context = require("./internal/context");
-var useTab = function useTab() {
+var useTab = exports.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 useTabList = exports.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 useTabPanel = exports.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/internal/colors.js

@@ -21,10 +21,9 @@ var tabColorMap = {
     focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
   }
 };
-var getTabColors = function getTabColors(mode) {
+var getTabColors = exports.getTabColors = function getTabColors(mode) {
   return tabColorMap[mode];
 };
-exports.getTabColors = getTabColors;
 var tabLineColorMap = {
   light: {
     lineColor: "var(--ds-border, ".concat(_colors.N30, ")"),
@@ -39,15 +38,13 @@ var tabLineColorMap = {
     selectedColor: "var(--ds-border-selected, ".concat(_colors.B75, ")")
   }
 };
-var getTabLineColor = function getTabLineColor(mode) {
+var getTabLineColor = exports.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) {
+var getTabPanelFocusColor = exports.getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
   return tabPanelFocusColorMap[mode];
-};
-exports.getTabPanelFocusColor = getTabPanelFocusColor;
+};

package/dist/cjs/internal/context.js

@@ -7,9 +7,6 @@ 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);
-exports.TabListContext = TabListContext;
-var TabPanelContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.TabPanelContext = TabPanelContext;
+var TabContext = exports.TabContext = /*#__PURE__*/(0, _react.createContext)(null);
+var TabListContext = exports.TabListContext = /*#__PURE__*/(0, _react.createContext)(null);
+var TabPanelContext = exports.TabPanelContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/internal/styles.js

@@ -50,7 +50,7 @@ var getTabPanelStyles = function getTabPanelStyles(mode) {
     }
   }, highContrastFocusRing);
 };
-var getTabsStyles = function getTabsStyles(mode) {
+var getTabsStyles = exports.getTabsStyles = function getTabsStyles(mode) {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
@@ -64,7 +64,6 @@ var getTabsStyles = function getTabsStyles(mode) {
     })
   );
 };
-exports.getTabsStyles = getTabsStyles;
 var tabLineStyles = {
   content: '""',
   borderRadius: "var(--ds-border-radius-050, 2px)",
@@ -75,7 +74,7 @@ var tabLineStyles = {
   left: tabLeftRightPadding,
   right: tabLeftRightPadding
 };
-var getTabListStyles = function getTabListStyles(mode) {
+var getTabListStyles = exports.getTabListStyles = function getTabListStyles(mode) {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
@@ -89,7 +88,6 @@ var getTabListStyles = function getTabListStyles(mode) {
     })
   );
 };
-exports.getTabListStyles = getTabListStyles;
 var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
   var colors = (0, _colors.getTabColors)(mode);
   return {
@@ -102,7 +100,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
     }
   };
 };
-var getTabStyles = function getTabStyles(mode) {
+var getTabStyles = exports.getTabStyles = function getTabStyles(mode) {
   var colors = (0, _colors.getTabColors)(mode);
   return _objectSpread(_objectSpread({
     color: colors.labelColor,
@@ -112,14 +110,8 @@ var getTabStyles = function getTabStyles(mode) {
     padding: "".concat(tabTopBottomPadding, " ").concat(tabLeftRightPadding),
     position: 'relative',
     whiteSpace: 'nowrap',
+    overflow: 'hidden',
     textOverflow: 'ellipsis',
-    // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-    '@supports not (overflow-x: clip)': {
-      overflow: 'hidden'
-    },
-    '@supports (overflow-x: clip)': {
-      overflowX: 'clip'
-    },
     '&:hover': {
       // TODO: interaction states will be reviewed in DSP-1438
       color: colors.hoverLabelColor,
@@ -150,5 +142,4 @@ var getTabStyles = function getTabStyles(mode) {
       })
     }
   });
-};
-exports.getTabStyles = getTabStyles;
+};

package/dist/cjs/internal/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.onMouseDownBlur = void 0;
 // Prevent a focus ring if clicked
-var onMouseDownBlur = function onMouseDownBlur(e) {
+var onMouseDownBlur = exports.onMouseDownBlur = function onMouseDownBlur(e) {
   var currentTarget = e.currentTarget;
   var focusedDuringMouseDown = currentTarget === document.activeElement;
   requestAnimationFrame(function () {
@@ -17,5 +17,4 @@ var onMouseDownBlur = function onMouseDownBlur(e) {
       currentTarget.blur();
     }
   });
-};
-exports.onMouseDownBlur = onMouseDownBlur;
+};

package/dist/es2019/components/tabs.js

@@ -17,7 +17,7 @@ const baseStyles = css({
 const analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.7"
+  packageVersion: "13.4.9"
 };
 const getTabPanelWithContext = ({
   tabPanel,

package/dist/es2019/internal/styles.js

@@ -92,14 +92,8 @@ export const getTabStyles = mode => {
     padding: `${tabTopBottomPadding} ${tabLeftRightPadding}`,
     position: 'relative',
     whiteSpace: 'nowrap',
+    overflow: 'hidden',
     textOverflow: 'ellipsis',
-    // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-    '@supports not (overflow-x: clip)': {
-      overflow: 'hidden'
-    },
-    '@supports (overflow-x: clip)': {
-      overflowX: 'clip'
-    },
     '&:hover': {
       // TODO: interaction states will be reviewed in DSP-1438
       color: colors.hoverLabelColor,

package/dist/esm/components/tabs.js

@@ -22,7 +22,7 @@ var baseStyles = css({
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.7"
+  packageVersion: "13.4.9"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/esm/internal/styles.js

@@ -103,14 +103,8 @@ export var getTabStyles = function getTabStyles(mode) {
     padding: "".concat(tabTopBottomPadding, " ").concat(tabLeftRightPadding),
     position: 'relative',
     whiteSpace: 'nowrap',
+    overflow: 'hidden',
     textOverflow: 'ellipsis',
-    // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
-    '@supports not (overflow-x: clip)': {
-      overflow: 'hidden'
-    },
-    '@supports (overflow-x: clip)': {
-      overflowX: 'clip'
-    },
     '&:hover': {
       // TODO: interaction states will be reviewed in DSP-1438
       color: colors.hoverLabelColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tabs",
-  "version": "13.4.7",
+  "version": "13.4.9",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,10 +36,10 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/ds-explorations": "^2.3.0",
+    "@atlaskit/ds-explorations": "^3.0.0",
     "@atlaskit/primitives": "^1.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },