V13-FE-005: Complete KBX v60 frontend components, T01-T12 screen recipes, and WBS progress tracker

frontend/src/shared/ui/components/KsButton.vue

@@ -13,6 +13,7 @@ export interface KsButtonProps {
   icon?: string
   iconPosition?: 'left' | 'right'
   ariaLabel?: string
+  severity?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'text' | string
 }
 
 const props = withDefaults(defineProps<KsButtonProps>(), {
@@ -70,13 +71,13 @@ onMounted(() => {
     @click="handleClick"
   >
     <!-- Loading spinner -->
-    <span v-if="loading" class="ks-button__spinner" aria-hidden="true" />
+    <span v-if="loading" class="ks-button__spinner" aria-hidden="true">…</span>
 
     <!-- Icon (left) -->
     <span v-if="icon && iconPosition === 'left'" class="ks-button__icon ks-button__icon--left" v-text="icon" />
 
     <!-- Label -->
-    <span v-if="label" class="ks-button__label">{{ label }}</span>
+    <span v-if="label" class="ks-button__label">{{ label }}<span v-if="loading" class="ks-sr-only">…</span></span>
     <slot v-else />
 
     <!-- Icon (right) -->