From 93e41506af531bbc9470774f1d524bab6bc718b6 Mon Sep 17 00:00:00 2001
From: Bandzyrka <88003201+Bandzyrka@users.noreply.github.com>
Date: Fri, 11 Mar 2022 20:49:54 +0100
Subject: [PATCH] Removed unused css class transition-colors (#1113)

---
 src/components/DropdownButton.vue                    | 2 +-
 src/components/VButton.vue                           | 2 +-
 src/components/VCheckbox/VCheckbox.vue               | 2 +-
 src/components/VContentSwitcher/VSearchTypeRadio.vue | 1 -
 src/components/VRadio/VRadio.vue                     | 2 +-
 5 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/DropdownButton.vue b/src/components/DropdownButton.vue
index c5df2b0e61..f2fa7e5116 100644
--- a/src/components/DropdownButton.vue
+++ b/src/components/DropdownButton.vue
@@ -213,7 +213,7 @@ sizes throughout the codebase.
 }
 
 .dropdown-item {
-  @apply hover:bg-light-gray px-2 py-1 mb-1 rounded-sm transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
+  @apply hover:bg-light-gray px-2 py-1 mb-1 rounded-sm focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
 }
 
 .dropdown-item-active {
diff --git a/src/components/VButton.vue b/src/components/VButton.vue
index 1c90210acd..1f2da3556f 100644
--- a/src/components/VButton.vue
+++ b/src/components/VButton.vue
@@ -2,7 +2,7 @@
   <Component
     :is="as"
     :type="typeRef"
-    class="transition-colors flex items-center rounded-sm justify-center transition-shadow duration-100 ease-linear disabled:opacity-70 no-underline appearance-none ring-offset-1 focus:outline-none"
+    class="flex items-center rounded-sm justify-center transition-shadow duration-100 ease-linear disabled:opacity-70 no-underline appearance-none ring-offset-1 focus:outline-none"
     :class="[
       $style.button,
       $style[variant],
diff --git a/src/components/VCheckbox/VCheckbox.vue b/src/components/VCheckbox/VCheckbox.vue
index 5f6ac0b24d..44b6d11e30 100644
--- a/src/components/VCheckbox/VCheckbox.vue
+++ b/src/components/VCheckbox/VCheckbox.vue
@@ -130,7 +130,7 @@ export default VCheckbox
 .checkbox {
   @apply appearance-none w-5 h-5 border-dark-charcoal border rounded-sm me-3 flex-shrink-0 relative;
   @apply focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink;
-  @apply transition-colors disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40;
+  @apply disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40;
   @apply checked:bg-dark-charcoal;
 }
 .checkmark {
diff --git a/src/components/VContentSwitcher/VSearchTypeRadio.vue b/src/components/VContentSwitcher/VSearchTypeRadio.vue
index 8b5cce6a78..95aafa307b 100644
--- a/src/components/VContentSwitcher/VSearchTypeRadio.vue
+++ b/src/components/VContentSwitcher/VSearchTypeRadio.vue
@@ -1,7 +1,6 @@
 <template>
   <button
     type="button"
-    class="transition-colors"
     :class="[$style.button, selected && $style['button-pressed']]"
     :aria-pressed="selected"
     @click="handleClick"
diff --git a/src/components/VRadio/VRadio.vue b/src/components/VRadio/VRadio.vue
index 01cb289b66..ba8fa9989d 100644
--- a/src/components/VRadio/VRadio.vue
+++ b/src/components/VRadio/VRadio.vue
@@ -4,7 +4,7 @@
       :id="id"
       v-bind="$attrs"
       :value="value"
-      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 transition-colors focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
+      class="radio appearance-none relative flex-shrink-0 bg-white w-5 h-5 border border-dark-charcoal rounded-full me-3 focus:outline-none focus:ring focus:ring-offset-2 focus:ring-pink disabled:bg-dark-charcoal-10 disabled:border-dark-charcoal-40"
       type="radio"
       :checked="isChecked"
       @input="handleInput"