carbon-react 102.10.1 → 102.10.2

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -325,10 +325,8 @@ const StyledTabTitle = _styledComponents.default.button`
   alternateStyling,
   error,
   warning,
-  info,
-  isInSidebar
+  info
 }) => isTabSelected && (0, _styledComponents.css)`
-    ${!isInSidebar && "z-index: 1;"}
     color: ${theme.text.color};
     background-color: ${theme.colors.white};
 
@@ -350,7 +348,7 @@ const StyledTabTitle = _styledComponents.default.button`
 }) => `
     &:focus {
       outline: ${isInSidebar ? "none;" : `2px solid ${theme.colors.focus};`}
-      z-index: 1;
+      z-index: 2;
     }
   `}
   
@@ -494,7 +492,7 @@ const StyledLayoutWrapper = _styledComponents.default.div`
 exports.StyledLayoutWrapper = StyledLayoutWrapper;
 const StyledSelectedIndicator = _styledComponents.default.div`
   position: absolute;
-  z-index: 5;
+  z-index: 1;
 
   ${({
   position,

package/lib/components/tabs/tabs.component.js

@@ -249,16 +249,7 @@ const Tabs = ({
         noRightBorder: ["no right side", "no sides"].includes(borders),
         customLayout: customLayout,
         isInSidebar: isInSidebar,
-        align: align,
-        onFocus: () => {
-          if (!hasTabStop(tabId)) {
-            setTabStopId(tabId);
-          }
-
-          if (!isTabSelected(tabId)) {
-            updateVisibleTab(tabId);
-          }
-        }
+        align: align
       });
 
       return tabTitle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "102.10.1",
+  "version": "102.10.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {