Update primary button

Author: simurai

src/buttons/button.scss

@@ -113,33 +113,35 @@
   color: var(--color-btn-primary-text);
   background-color: var(--color-btn-primary-bg);
   border-color: var(--color-btn-primary-border);
-  box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-shadow-highlight);
+  box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);
 
   &:hover,
   &.hover,
   [open] > & {
-    background-color: var(--color-btn-primary-bg-hover);
+    background-color: var(--color-btn-primary-hover-bg);
+    border-color: var(--color-btn-primary-hover-border);
   }
 
   &:active,
   &.selected,
   &[aria-selected=true] {
-    background-color: var(--color-btn-primary-bg-active);
-    box-shadow: var(--color-btn-primary-shadow-selected);
+    background-color: var(--color-btn-primary-selected-bg);
+    box-shadow: var(--color-btn-primary-selected-shadow);
   }
 
   &:disabled,
   &.disabled,
   &[aria-disabled=true] {
     color: var(--color-btn-primary-disabled-text);
-    background-color: var(--color-btn-primary-bg-disabled);
-    border-color: var(--color-btn-primary-border-disabled);
-    box-shadow: var(--color-btn-primary-shadow);
+    background-color: var(--color-btn-primary-disabled-bg);
+    border-color: var(--color-btn-primary-disabled-border);
   }
 
   &:focus,
   &.focus {
-    box-shadow: var(--color-btn-primary-disabled-shadow);
+    background-color: var(--color-btn-primary-focus-bg);
+    border-color: var(--color-btn-primary-focus-border);
+    box-shadow: var(--color-btn-primary-focus-shadow);
   }
 
   .Counter {
@@ -149,7 +151,7 @@
 
   .octicon {
     // stylelint-disable-next-line primer/colors
-    color: var(--color-btn-primary-ic);
+    color: var(--color-btn-primary-icon);
   }
 }