carbon-react 95.1.0 → 95.1.1

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

@@ -90,7 +90,7 @@ const StyledTitleContent = _styledComponents.default.div`
     ${size === "large" && position === "left" && (0, _styledComponents.css)`
       font-size: 16px;
       padding: 22px 24px;
-      ${!isTabSelected && !alternateStyling && (error || warning || info) && `margin-right: -2px;`}
+      ${!isTabSelected && !alternateStyling && error && `margin-right: -2px;`}
     `}
 
     ${size === "default" && (0, _styledComponents.css)`
@@ -99,7 +99,7 @@ const StyledTitleContent = _styledComponents.default.div`
         padding-bottom: 8px;
       `}
 
-      ${position === "left" && !isTabSelected && !alternateStyling && (error || warning || info) && `margin-right: -2px;`}
+      ${position === "left" && !isTabSelected && !alternateStyling && error && `margin-right: -2px;`}
     `}
   `}
 
@@ -370,21 +370,23 @@ const StyledTabTitle = _styledComponents.default.li`
   alternateStyling,
   error,
   warning,
-  info
+  info,
+  isInSidebar
 }) => position === "left" && (0, _styledComponents.css)`
       background-color: transparent;
       border-bottom: 0px;
 
+      ${!isInSidebar && (0, _styledComponents.css)`
+        border-right: ${alternateStyling ? "1px" : "2px"} solid
+          ${theme.tab.background};
+      `}
+
       ${!borders && (0, _styledComponents.css)`
         ${StyledTitleContent} {
           border-bottom: none;
         }
       `}
 
-      ${!alternateStyling && (0, _styledComponents.css)`
-        border-right: 2px solid ${theme.tab.background};
-      `}
-
       display: block;
       height: auto;
       margin-left: 0px;
@@ -397,6 +399,10 @@ const StyledTabTitle = _styledComponents.default.li`
         ${alternateStyling && `border-right-color: ${theme.tab.background};`}
       }
 
+      ${(warning || info) && (0, _styledComponents.css)`
+        border-right: none;
+      `}
+
       ${({
   isTabSelected
 }) => isTabSelected && (0, _styledComponents.css)`

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -75,11 +75,10 @@ const StyledTabsHeaderList = _styledComponents.default.ul`
 
   ${({
   position,
-  noRightBorder,
-  theme
+  noRightBorder
 }) => position === "left" && (0, _styledComponents.css)`
       flex-direction: column;
-      box-shadow: inset ${computeLineWidth} 0px 0px 0px ${theme.tab.background};
+      box-shadow: none;
 
       ${noRightBorder && (0, _styledComponents.css)`
         box-shadow: none;

package/package.json

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