border colors per state - secondary, primary

Author: svc-instui

packages/ui-scripts/lib/build/tokensStudio/canvas/component/Button.json

@@ -347,6 +347,22 @@
     "lineHeightLg": {
       "value": "1.375rem",
       "type": "lineHeights"
+    },
+    "primaryHoverBorderColor": {
+      "value": "{color.stroke.interactive.primary.hover}",
+      "type": "color"
+    },
+    "primaryActiveBorderColor": {
+      "value": "{color.stroke.interactive.primary.active}",
+      "type": "color"
+    },
+    "secondaryHoverBorderColor": {
+      "value": "{color.stroke.interactive.secondary.hover}",
+      "type": "color"
+    },
+    "secondaryActiveBorderColor": {
+      "value": "{color.stroke.interactive.secondary.active}",
+      "type": "color"
     }
   }
 }

packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Button.json

@@ -20,6 +20,14 @@
       "value": "{color.stroke.interactive.primary.base}",
       "type": "color"
     },
+    "primaryHoverBorderColor": {
+      "value": "{color.stroke.interactive.primary.hover}",
+      "type": "color"
+    },
+    "primaryActiveBorderColor": {
+      "value": "{color.stroke.interactive.primary.active}",
+      "type": "color"
+    },
     "primaryDisabledBorderColor": {
       "value": "{color.stroke.interactive.primary.disabled}",
       "type": "color"
@@ -52,6 +60,14 @@
       "value": "{color.stroke.interactive.secondary.base}",
       "type": "color"
     },
+    "secondaryHoverBorderColor": {
+      "value": "{color.stroke.interactive.secondary.hover}",
+      "type": "color"
+    },
+    "secondaryActiveBorderColor": {
+      "value": "{color.stroke.interactive.secondary.active}",
+      "type": "color"
+    },
     "secondaryIconColor": {
       "value": "{color.icon.interactive.secondary.base}",
       "type": "color"

packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json

@@ -328,15 +328,15 @@
         },
         "secondary": {
           "base": {
-            "value": "{color.grey.grey70}",
+            "value": "{color.blue.blue10}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.grey.grey60}",
+            "value": "{color.blue.blue20}",
             "type": "color"
           },
           "active": {
-            "value": "{color.grey.grey80}",
+            "value": "{color.blue.blue20}",
             "type": "color"
           },
           "disabled": {
@@ -494,15 +494,15 @@
         },
         "secondary": {
           "base": {
-            "value": "{color.blue.blue70}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.blue.blue70}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "active": {
-            "value": "{color.blue.blue70}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "disabled": {
@@ -636,19 +636,19 @@
         },
         "secondary": {
           "base": {
-            "value": "{color.grey.grey100}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.grey.grey100}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "active": {
-            "value": "{color.grey.grey100}",
+            "value": "{color.blue.blue90}",
             "type": "color"
           },
           "disabled": {
-            "value": "{color.grey.grey50}",
+            "value": "{color.blue.blue40}",
             "type": "color"
           }
         },