style: unify tag styles

Author: essenmitsosse

app/components/Filter/Panel.vue

@@ -249,7 +249,6 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
               type="button"
               role="radio"
               :aria-checked="filters.downloadRange === range.value"
-              class="transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
               :class="
                 filters.downloadRange === range.value
                   ? 'bg-fg text-bg border-fg hover:text-bg/50'
@@ -278,7 +277,6 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
               type="button"
               role="radio"
               :aria-checked="filters.updatedWithin === option.value"
-              class="transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
               :class="
                 filters.updatedWithin === option.value
                   ? 'bg-fg text-bg border-fg hover:text-bg/70'
@@ -307,7 +305,7 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
               role="radio"
               disabled
               :aria-checked="filters.security === option.value"
-              class="transition-colors duration-200 opacity-50 cursor-not-allowed focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
+              class="opacity-50 cursor-not-allowed"
               :class="
                 filters.security === option.value ? 'bg-fg text-bg border-fg hover:text-bg/70' : ''
               "
@@ -328,7 +326,6 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
               :key="keyword"
               type="button"
               :aria-pressed="filters.keywords.includes(keyword)"
-              class="text-xs transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
               :class="
                 filters.keywords.includes(keyword) ? 'bg-fg text-bg border-fg hover:text-bg/70' : ''
               "

app/components/Package/TableRow.vue

@@ -122,7 +122,6 @@ const allMaintainersText = computed(() => {
           v-for="keyword in pkg.keywords.slice(0, 3)"
           :key="keyword"
           type="button"
-          class="text-xs hover:bg-fg hover:text-bg hover:border-fg transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
           :title="`Filter by ${keyword}`"
           @click.stop="emit('clickKeyword', keyword)"
         >

app/components/Tag/Clickable.vue

@@ -5,7 +5,7 @@ const props = withDefaults(defineProps<{ as?: string | Component }>(),{ as: 'but
 <template>
   <component
     :is="props.as"
-    class="inline-flex items-center px-2 py-0.5 text-xs font-mono text-fg-muted bg-bg-muted border border-border rounded transition-colors duration-200 hover:(text-fg border-border-hover)"
+    class="inline-flex items-center px-2 py-0.5 text-xs font-mono text-fg-muted bg-bg-muted border border-border rounded transition-colors duration-200 hover:(text-fg border-border-hover) focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
   >
     <slot />
   </component>