chore: update BaseLink size prop values

Author: antoineneff

app/components/Compare/ReplacementSuggestion.vue

@@ -73,7 +73,7 @@ const docUrl = computed(() => {
     </ButtonBase>
 
     <!-- Info link -->
-    <LinkBase v-else-if="docUrl" :to="docUrl" variant="button-secondary" size="small">
+    <LinkBase v-else-if="docUrl" :to="docUrl" variant="button-secondary" size="sm">
       {{ $t('package.replacement.learn_more') }}
     </LinkBase>
   </div>

app/components/Link/Base.vue

@@ -13,7 +13,7 @@ const props = withDefaults(
     /** Visual style of the link */
     variant?: 'button-primary' | 'button-secondary' | 'link'
     /** Size (only applicable for button variants) */
-    size?: 'small' | 'medium'
+    size?: 'sm' | 'md'
     /** Makes the link take full width */
     block?: boolean
 
@@ -48,7 +48,7 @@ const props = withDefaults(
      */
     noNewTabIcon?: boolean
   }>(),
-  { variant: 'link', size: 'medium' },
+  { variant: 'link', size: 'md' },
 )
 
 const isLinkExternal = computed(
@@ -64,8 +64,8 @@ const isLinkAnchor = computed(
 /** size is only applicable for button like links */
 const isLink = computed(() => props.variant === 'link')
 const isButton = computed(() => !isLink.value)
-const isButtonSmall = computed(() => props.size === 'small' && !isLink.value)
-const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
+const isButtonSmall = computed(() => props.size === 'sm' && !isLink.value)
+const isButtonMedium = computed(() => props.size === 'md' && !isLink.value)
 const keyboardShortcutsEnabled = useKeyboardShortcuts()
 </script>
 

app/components/Link/Link.stories.ts

@@ -66,7 +66,7 @@ export const ButtonSecondary: Story = {
 export const SmallButton: Story = {
   args: {
     variant: 'button-primary',
-    size: 'small',
+    size: 'sm',
     default: 'Small Button',
   },
 }
@@ -113,14 +113,14 @@ export const Snapshot: Story = {
         <LinkBase to="/" classicon="i-lucide:check">Link with icon</LinkBase>
         <LinkBase to="/" no-underline>Link without underline</LinkBase>
         <LinkBase to="/" disabled>Disabled Link</LinkBase>
-        
+
         <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
           <LinkBase to="/" variant="button-primary">Primary</LinkBase>
           <LinkBase to="/" variant="button-secondary">Secondary</LinkBase>
           <LinkBase to="/" variant="button-primary" disabled>Disabled</LinkBase>
           <LinkBase to="/" variant="button-primary" classicon="i-lucide:copy">With Icon</LinkBase>
         </div>
-        
+
         <div style="display: flex; gap: 1rem;">
           <LinkBase to="/" variant="button-primary" size="small">Small Button</LinkBase>
         </div>

app/components/Package/Keywords.vue

@@ -11,7 +11,7 @@ const { model } = useGlobalSearch()
       <li v-for="keyword in keywords.slice(0, 15)" :key="keyword">
         <LinkBase
           variant="button-secondary"
-          size="small"
+          size="sm"
           :to="{ name: 'search', query: { q: `keyword:${keyword}` } }"
           @click="model = `keyword:${keyword}`"
         >

app/components/Package/MetricsBadges.vue

@@ -61,7 +61,7 @@ const typesHref = computed(() => {
         <LinkBase
           v-if="typesHref"
           variant="button-secondary"
-          size="small"
+          size="sm"
           :to="typesHref"
           classicon="i-lucide:check"
         >

app/pages/package/[[org]]/[name].vue

@@ -713,7 +713,7 @@ const showSkeleton = shallowRef(false)
                 <ButtonGroup v-if="dependencyCount > 0" class="ms-auto">
                   <LinkBase
                     variant="button-secondary"
-                    size="small"
+                    size="sm"
                     :to="`https://npmgraph.js.org/?q=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
                     :title="$t('package.stats.view_dependency_graph')"
                     classicon="i-lucide:network -rotate-90"
@@ -723,7 +723,7 @@ const showSkeleton = shallowRef(false)
 
                   <LinkBase
                     variant="button-secondary"
-                    size="small"
+                    size="sm"
                     :to="`https://node-modules.dev/grid/depth#install=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
                     :title="$t('package.stats.inspect_dependency_tree')"
                     classicon="i-lucide:table"

test/nuxt/a11y.spec.ts

@@ -550,7 +550,7 @@ describe('component accessibility audits', () => {
           to: 'http://example.com',
           disabled: true,
           variant: 'button-secondary',
-          size: 'small',
+          size: 'sm',
         },
         slots: { default: 'Button link content' },
       })