fix: rename default ->md

packages/ui/src/components/base/buttons/Button.vue

@@ -15,7 +15,7 @@ const props = withDefaults(
 	}>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		nativeType: 'button',
 		disabled: false,
 		loading: false,

packages/ui/src/components/base/buttons/ButtonFrame.vue

@@ -21,17 +21,17 @@ const baseClasses = [
 
 const sizeClasses: Record<ButtonSize, string> = {
 	sm: 'h-8 gap-1 rounded-lg px-1.5 text-sm font-semibold leading-5 [&>svg]:size-4 [&>svg]:min-h-4 [&>svg]:min-w-4 [&>svg]:shrink-0',
-	default:
+	md:
 		'h-9 gap-1.5 rounded-xl px-2.5 text-base font-semibold leading-5 [&>svg]:size-5 [&>svg]:min-h-5 [&>svg]:min-w-5 [&>svg]:shrink-0',
-	md: 'h-10 gap-2 rounded-[14px] px-4 text-base font-semibold leading-5 [&>svg]:size-5 [&>svg]:min-h-5 [&>svg]:min-w-5 [&>svg]:shrink-0',
-	lg: 'h-12 gap-2 rounded-2xl px-3.5 text-base font-extrabold leading-5 [&>svg]:size-6 [&>svg]:min-h-6 [&>svg]:min-w-6 [&>svg]:shrink-0',
+	lg: 'h-10 gap-2 rounded-[14px] px-4 text-base font-semibold leading-5 [&>svg]:size-5 [&>svg]:min-h-5 [&>svg]:min-w-5 [&>svg]:shrink-0',
+	xl: 'h-12 gap-2 rounded-2xl px-3.5 text-base font-extrabold leading-5 [&>svg]:size-6 [&>svg]:min-h-6 [&>svg]:min-w-6 [&>svg]:shrink-0',
 }
 
 const iconOnlySizeClasses: Record<ButtonSize, string> = {
 	sm: 'w-8 px-0',
-	default: 'w-9 px-0',
-	md: 'w-10 px-0',
-	lg: 'w-12 px-0',
+	md: 'w-9 px-0',
+	lg: 'w-10 px-0',
+	xl: 'w-12 px-0',
 }
 
 const typeClasses: Record<ButtonType, string> = {
@@ -63,7 +63,7 @@ const props = withDefaults(
 	}>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		iconOnly: false,
 		nativeType: undefined,
 	},

packages/ui/src/components/base/buttons/ButtonLink.vue

@@ -24,7 +24,7 @@ const props = withDefaults(
 	defineProps<ButtonLinkProps>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		target: undefined,
 		rel: undefined,
 		download: undefined,

packages/ui/src/components/base/buttons/FileButton.vue

@@ -25,7 +25,7 @@ const props = withDefaults(
 		disabled: false,
 		allowDrop: true,
 		type: 'base',
-		size: 'default',
+		size: 'md',
 	},
 )
 

packages/ui/src/components/base/buttons/IconButton.vue

@@ -16,7 +16,7 @@ const props = withDefaults(
 	}>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		nativeType: 'button',
 		disabled: false,
 		loading: false,

packages/ui/src/components/base/buttons/SplitButton.vue

@@ -33,7 +33,7 @@ const props = withDefaults(
 	{
 		groupLabel: undefined,
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		nativeType: 'button',
 		disabled: false,
 		primaryDisabled: false,

packages/ui/src/components/base/buttons/TeleportOverflowMenu.vue

@@ -28,7 +28,7 @@ const props = withDefaults(
 	}>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		disabled: false,
 		placement: 'bottom-end',
 	},

packages/ui/src/components/base/buttons/TeleportPopoutMenu.vue

@@ -27,7 +27,7 @@ const props = withDefaults(
 	}>(),
 	{
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		disabled: false,
 		iconOnly: false,
 		placement: 'bottom-end',

packages/ui/src/components/base/buttons/types.ts

@@ -5,7 +5,7 @@ import type { AnchoredTeleportPlacement } from '../../../utils/use-anchored-tele
 
 export type ButtonType = 'base' | 'colored' | 'outlined' | 'quiet'
 
-export type ButtonSize = 'sm' | 'default' | 'md' | 'lg'
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl'
 
 // TODO: Standardized color string enum props across @modrinth/ui
 export type ButtonColor =

packages/ui/src/stories/buttons/Button.stories.ts

@@ -6,13 +6,13 @@ import ButtonLink from '../../components/base/buttons/ButtonLink.vue'
 import IconButton from '../../components/base/buttons/IconButton.vue'
 
 const types = ['base', 'colored', 'outlined', 'quiet'] as const
-const sizes = ['sm', 'default', 'md', 'lg'] as const
+const sizes = ['sm', 'md', 'lg', 'xl'] as const
 const colors = ['brand', 'red', 'orange', 'green', 'blue', 'purple', 'medal_promotion'] as const
 const sizeColumns = [
 	{ value: 'sm', label: 'Small' },
-	{ value: 'default', label: 'Default' },
 	{ value: 'md', label: 'Medium' },
 	{ value: 'lg', label: 'Large' },
+	{ value: 'xl', label: 'Extra large' },
 ] as const
 const typeRows = [
 	{ label: 'Base', type: 'base' },
@@ -55,7 +55,7 @@ const meta = {
 	},
 	args: {
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		color: 'brand',
 		nativeType: 'button',
 		disabled: false,

packages/ui/src/stories/buttons/FileButton.stories.ts

@@ -13,7 +13,7 @@ const meta = {
 		},
 		size: {
 			control: 'select',
-			options: ['sm', 'default', 'md', 'lg'],
+			options: ['sm', 'md', 'lg', 'xl'],
 		},
 		color: {
 			control: 'select',
@@ -23,7 +23,7 @@ const meta = {
 	args: {
 		prompt: 'Select file',
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		multiple: false,
 		disabled: false,
 	},

packages/ui/src/stories/buttons/TeleportOverflowMenu.stories.ts

@@ -56,7 +56,7 @@ const meta = {
 		label: 'More actions',
 		options,
 		type: 'base',
-		size: 'default',
+		size: 'md',
 		placement: 'bottom-end',
 		disabled: false,
 	},