fix(button, switcher): remove hover styles for pressed/checked state (#259)

Author: ianaa

src/components/Button.vue

@@ -145,9 +145,9 @@ export default defineComponent({
       'bg-zurich text-mediumblue': variant !== 'primary' && pressed,
       'text-inherit bg-transparent': variant === 'subtle' && !pressed,
       'bg-athens text-navy': variant === 'standard' && !pressed,
-      'hover:bg-blueribbon active:bg-darkblue': variant === 'primary' && !isDisabled,
+      'hover:bg-blueribbon active:bg-darkblue': variant === 'primary' && !isDisabled && !pressed,
       'hover:bg-gray hover:text-navy active:bg-zurich active:text-mediumblue':
-        variant !== 'primary' && !isDisabled
+        variant !== 'primary' && !isDisabled && !pressed
     }"
     :disabled="isDisabled"
     :aria-label="ariaLabel"

src/components/Switcher.vue

@@ -75,7 +75,7 @@ export default defineComponent({
         :class="{
           'text-mediumblue bg-zurich': checked,
           'hover:bg-gray hover:text-navy active:bg-zurich48 active:text-mediumblue':
-            !option.disabled && !disabled,
+            !option.disabled && !disabled && !checked,
           'opacity-40 cursor-not-allowed': option.disabled || disabled
         }"
         :aria-label="option.icon ? option.label : undefined"