@atlaskit/tabs 13.4.3 → 13.4.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tabs
 
+## 13.4.4
+
+### Patch Changes
+
+- [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
+
 ## 13.4.3
 
 ### Patch Changes

package/dist/cjs/components/tabs.js

@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "13.4.3"
+  packageVersion: "13.4.4"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/cjs/internal/styles.js

@@ -57,7 +57,7 @@ var getTabsStyles = function getTabsStyles(mode) {
       '& [role="tabpanel"]': getTabPanelStyles(mode),
       // The hidden attribute doesn't work on flex elements
       // Change display to be none
-      // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
       '& > [hidden]': {
         display: 'none'
       }
@@ -112,8 +112,14 @@ 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/dist/es2019/components/tabs.js

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

package/dist/es2019/internal/styles.js

@@ -43,7 +43,7 @@ css({
   '& [role="tabpanel"]': getTabPanelStyles(mode),
   // The hidden attribute doesn't work on flex elements
   // Change display to be none
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '& > [hidden]': {
     display: 'none'
   }
@@ -92,8 +92,14 @@ 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

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

package/dist/esm/internal/styles.js

@@ -50,7 +50,7 @@ export var getTabsStyles = function getTabsStyles(mode) {
       '& [role="tabpanel"]': getTabPanelStyles(mode),
       // The hidden attribute doesn't work on flex elements
       // Change display to be none
-      // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
       '& > [hidden]': {
         display: 'none'
       }
@@ -103,8 +103,14 @@ 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.3",
+  "version": "13.4.4",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -43,13 +43,9 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.8.0",
-    "@atlaskit/docs": "*",
+    "@af/accessibility-testing": "*",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/ssr": "*",
-    "@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/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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