refactor: rename tag variant

Author: essenmitsosse

app/components/Package/MetricsBadges.vue

@@ -63,7 +63,7 @@ const typesHref = computed(() => {
         </LinkBase>
         <TagStatic
           v-else
-          :variant="hasTypes && !isLoading ? 'default' : 'disabled'"
+          :variant="hasTypes && !isLoading ? 'default' : 'ghost'"
           :tabindex="0"
           :classicon="
             isLoading
@@ -85,7 +85,7 @@ const typesHref = computed(() => {
       >
         <TagStatic
           tabindex="0"
-          :variant="hasEsm && !isLoading ? 'default' : 'disabled'"
+          :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
             isLoading
               ? 'i-carbon-circle-dash motion-safe:animate-spin'
@@ -104,7 +104,7 @@ const typesHref = computed(() => {
       <TooltipApp :text="isLoading ? '' : $t('package.metrics.cjs')">
         <TagStatic
           tabindex="0"
-          :variant="isLoading ? 'disabled' : 'default'"
+          :variant="isLoading ? 'ghost' : 'default'"
           :classicon="
             isLoading ? 'i-carbon-circle-dash motion-safe:animate-spin' : 'i-carbon-checkmark'
           "

app/components/Tag/Static.vue

@@ -2,7 +2,7 @@
 const props = withDefaults(
   defineProps<{
     as?: string | Component
-    variant?: 'disabled' | 'default'
+    variant?: 'ghost' | 'default'
 
     classicon?: string
   }>(),
@@ -14,7 +14,7 @@ const props = withDefaults(
   <component
     :is="as"
     class="bg-bg-muted text-fg-muted inline-flex gap-x-1 items-center justify-center font-mono border border-transparent rounded-md text-xs px-2 py-0.5"
-    :class="{ 'opacity-40': variant === 'disabled' }"
+    :class="{ 'opacity-40': variant === 'ghost' }"
   >
     <span v-if="classicon" :class="['size-3', classicon]" aria-hidden="true" />
     <slot />