chore: Feedback fixes

app/javascript/dashboard/components-next/button/Button.vue

@@ -154,6 +154,13 @@ const STYLE_CONFIG = {
         'text-n-teal-9 hover:enabled:bg-n-alpha-2 focus-visible:bg-n-alpha-2 outline-transparent',
     },
   },
+  iconColor: {
+    blue: 'text-n-blue-11',
+    ruby: 'text-n-ruby-11',
+    amber: 'text-n-amber-11',
+    slate: 'text-n-slate-11',
+    teal: 'text-n-teal-11',
+  },
   sizes: {
     regular: {
       xs: 'h-6 px-2 rounded-lg',
@@ -249,7 +256,11 @@ const animationClasses = computed(() => {
     }"
   >
     <slot v-if="(icon || $slots.icon) && !isLoading" name="icon">
-      <Icon :icon="icon" class="flex-shrink-0" />
+      <Icon
+        :icon="icon"
+        class="flex-shrink-0"
+        :class="STYLE_CONFIG.iconColor[computedColor]"
+      />
     </slot>
 
     <Spinner v-if="isLoading" class="!w-5 !h-5 flex-shrink-0" />