changed outline disabled color (#3098)

Author: adids1221

src/components/button/__tests__/__snapshots__/index.spec.js.snap

@@ -4399,7 +4399,7 @@ exports[`Button outline should return disabled color for outline if button is di
     {
       "alignItems": "center",
       "backgroundColor": "transparent",
-      "borderColor": "#D2D6D8",
+      "borderColor": "#E8ECF0",
       "borderRadius": 999,
       "borderWidth": 1,
       "flexDirection": "row",

src/style/designTokens.ts

@@ -62,7 +62,7 @@ export default {
 
   // OUTLINE
   $outlineDefault: colorsPalette.grey60,
-  $outlineDisabled: colorsPalette.grey50,
+  $outlineDisabled: colorsPalette.grey60,
   $outlineDisabledHeavy: colorsPalette.grey30,
   $outlineNeutral: colorsPalette.grey50,
   $outlineNeutralHeavy: colorsPalette.grey10,

src/style/designTokensDM.ts

@@ -62,7 +62,7 @@ export default {
 
   // OUTLINE
   $outlineDefault: colorsPalette.grey5,
-  $outlineDisabled: colorsPalette.grey20,
+  $outlineDisabled: colorsPalette.grey5,
   $outlineDisabledHeavy: colorsPalette.grey40,
   $outlineNeutral: colorsPalette.grey20,
   $outlineNeutralHeavy: colorsPalette.grey40,