Merge pull request #1407 from dxc-technology/aida-fix-1383

Changed color for totalLineColor token in slider

Author: raquelarrojo

lib/src/common/variables.js

@@ -1042,7 +1042,7 @@ export const componentTokens = {
     trackLineColorOnDark: globalTokens.hal_blue_l_50,
     totalLineThickness: "2px",
     totalLineVerticalPosition: "50%",
-    totalLineColor: globalTokens.hal_grey_l_90,
+    totalLineColor: "#0000001a",
     totalLineColorOnDark: globalTokens.hal_grey_l_75,
     disabledThumbVerticalPosition: "10px",
     disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,

lib/src/slider/Slider.tsx

@@ -260,7 +260,7 @@ const SliderInput = styled.input<SliderInputPropsType>`
         : props.theme.disabledTotalLineColor + "61"
       : props.backgroundType === "dark"
       ? props.theme.totalLineColorOnDark + "61"
-      : props.theme.totalLineColor + "61"};
+      : props.theme.totalLineColor};
   background-image: ${(props) =>
     props.disabled
       ? props.backgroundType === "dark"