@ozdao/martyrs 0.2.571 → 0.2.572

package/src/modules/events/components/pages/EditEventTickets.vue

@@ -15,19 +15,19 @@
     <Block v-if="stats" title="Statistics" class="mn-b-thin">
       <div class="cols-4 mobile:cols-2 gap-thin">
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small t-medium t-transp uppercase mn-b-thin">Total Tickets</p>
+          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Total Tickets</p>
           <h2 class="h2">{{ stats.total }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small t-medium t-transp uppercase mn-b-thin">Sold</p>
+          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Sold</p>
           <h2 class="h2 t-main">{{ stats.sold }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small t-medium t-transp uppercase mn-b-thin">Free</p>
-          <h2 class="h2 t-second">{{ stats.free }}</h2>
+          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Free</p>
+          <h2 class="h2 t-grey">{{ stats.free }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small t-medium t-transp uppercase mn-b-thin">Refunds</p>
+          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Refunds</p>
           <h2 class="h2 t-red">{{ stats.refunded }}</h2>
         </div>
       </div>
@@ -35,21 +35,21 @@
 
     <!-- Attendance Graph -->
     <div v-if="attendance" class="bg-light radius-medium pd-medium mn-b-thin">
-      <h4 class="mn-b-small t-medium">Attendance Graph</h4>
+      <h4 class="mn-b-small fw-medium">Attendance Graph</h4>
 
       <!-- General Stats -->
       <div class="flex-nowrap flex gap-thin mn-b-medium">
         <div class="bg-white radius-small pd-small">
           <span class="p-micro t-transp uppercase d-block mn-b-thin">Total</span>
-          <p class="p-medium t-medium">{{ attendance.total }}</p>
+          <p class="p-medium fw-medium">{{ attendance.total }}</p>
         </div>
         <div class="bg-white radius-small pd-small">
           <span class="p-micro t-transp uppercase d-block mn-b-thin">Expected</span>
-          <p class="p-medium t-medium">{{ attendance.expected }}</p>
+          <p class="p-medium fw-medium">{{ attendance.expected }}</p>
         </div>
         <div class="bg-white radius-small pd-small">
           <span class="p-micro t-transp uppercase d-block mn-b-thin">Arrived</span>
-          <p class="p-medium t-medium t-main">{{ attendance.arrived }}</p>
+          <p class="p-medium fw-medium t-main">{{ attendance.arrived }}</p>
         </div>
       </div>
 
@@ -58,7 +58,7 @@
         <div
           v-for="slot in attendance.timeline"
           :key="slot.time"
-          class="flex-column flex-v-center flex gap-micro flex-child-shrink-0"
+          class="flex-column flex-v-center flex gap-micro flex-shrink-0"
         >
           <div
             v-if="maxCount > 0"
@@ -69,7 +69,7 @@
             v-else
             class="bg-light radius-micro w-2r h-thin"
           ></div>
-          <p class="p-nano t-medium t-nowrap">{{ slot.time }}</p>
+          <p class="p-nano fw-medium t-nowrap">{{ slot.time }}</p>
         </div>
       </div>
     </div>
@@ -162,7 +162,7 @@
         class="radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start"
       >
         <!-- QR Code - clickable PDF -->
-        <a :href="ticket.image" target="_blank" class="flex-child-shrink-0">
+        <a :href="ticket.image" target="_blank" class="flex-shrink-0">
           <img loading="lazy" :src="ticket.qrcode" class="radius-small h-5r w-5r">
         </a>
 
@@ -175,7 +175,7 @@
             {{ ticket.client_refactor?.email || 'No email' }}
           </p>
           <span
-            class="pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano"
+            class="pd-thin radius-extra t-white fw-medium d-block w-max uppercase p-nano"
             :class="{
               'bg-main': ticket.status === 'unused',
               'bg-grey': ticket.status === 'used',
@@ -190,19 +190,19 @@
         <Dropdown
           :label="{ component: IconEllipsis, class: 't-transp i-regular' }"
           :align="'right'"
-          class="cursor-pointer radius-small pd-small bg-white flex-child-shrink-0"
+          class="cursor-pointer radius-small pd-small bg-white flex-shrink-0"
         >
           <section class="bg-black flex-column flex gap-thin pd-thin radius-small">
             <button
               @click="sendTicketEmail(ticket._id)"
-              class="w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+              class="w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button"
             >
               Send Email
             </button>
 
             <button
               @click="copyTicketLink(ticket._id)"
-              class="w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+              class="w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
             >
               Copy Link
             </button>
@@ -210,7 +210,7 @@
             <button
               v-if="ticket.status !== 'deactivated'"
               @click="changeStatus(ticket, 'deactivated')"
-              class="w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+              class="w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
             >
               Deactivate
             </button>
@@ -218,7 +218,7 @@
             <button
               v-if="ticket.status === 'deactivated' || ticket.status === 'used'"
               @click="changeStatus(ticket, 'unused')"
-              class="w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+              class="w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
             >
               Activate
             </button>

package/src/modules/events/components/pages/Event.vue

@@ -20,7 +20,7 @@
         class="o-hidden"
       />
 
-      <div class="cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra" v-if="!isLoading && event"> 
+      <div class="cols-[2fr_1fr] mobile:cols-1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra" v-if="!isLoading && event"> 
         
         <div class="bg-light mobile:pd-medium pd-big radius-big">
 
@@ -28,8 +28,8 @@
             {{event?.name}}
           </h1>
 
-          <div class="flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center">
-            <span v-if="event.date?.start" class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white">
+          <div class="flex flex-wrap gap-micro fw-medium p-medium mn-b-semi justify-start align-center">
+            <span v-if="event.date?.start" class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white">
               <IconDate :fill="'rgb(var(--black))'" class="w-1r h-auto"/>
               {{formatDate(event.date.start, locale)}}
             </span>
@@ -72,9 +72,9 @@
             <div v-if="event?.ticketsTypes?.length > 0" v-for="ticketType in event.ticketsTypes" class="pd-medium w-100 radius-medium bg-white mn-b-small">
               <div class="flex-nowrap mn-b-small p-medium flex">
                   <span class="mn-r-auto">{{ticketType.name}}</span>
-                  <span class="t-medium">{{ticketType.price}} {{returnCurrency()}}</span>
+                  <span class="fw-medium">{{ticketType.price}} {{returnCurrency()}}</span>
               </div>
-              <a :href="ticketType.link"  class="d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  ">
+              <a :href="ticketType.link"  class="d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase fw-medium t-white w-100 bg-second  ">
                 Buy Now
               </a>
             </div>

package/src/modules/events/components/pages/Events.vue

@@ -8,7 +8,7 @@
           dateStart: 0,
           dateEnd: 30
         }"
-        class="bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin"
+        class="bs-black-small br-b-1px br-black-transp-10 o-hidden bg-white  pd-l-zero pd-r-zero pd-thin"
       />
     </div>
 
@@ -18,7 +18,7 @@
       <h2
         class="mn-b-small"
       >
-        Events in <p @click="openCitySelectionPopup" class="d-inline-block hover-bg-second hover-t-white  cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra">Phuket</p>
+        Events in <p @click="openCitySelectionPopup" class="d-inline-block hover:bg-second hover:t-white  cursor-pointer ease-elastic duration-150 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-1px br-black-transp-10 radius-extra">Phuket</p>
       </h2>
 
       <Popup  

package/src/modules/events/components/pages/EventsBackoffice.vue

@@ -14,7 +14,7 @@
     	<button
     		v-if="auth.state.user._id === route.params.user || route.params._id"
     		@click="router.push({name: getRouteName('Create Event')})"
-    		class="radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+    		class="radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
     	>
     		+
     	</button>
@@ -37,7 +37,7 @@
 					h5 
 					bg-white
 					gap-micro pd-t-thin pd-b-thin
-					br-b br-solid br-black-transp-10
+					br-b-1px br-black-transp-10
 				"
 				classTab="bg-light pd-small radius-small w-100"
 			/>

package/src/modules/events/components/sections/EditTickets.vue

@@ -24,15 +24,15 @@
       </div>
 
       <div class="w-100">
-        <p class="p-regular mn-b-thin t-medium d-block">{{ ticket.name || 'Unnamed ticket' }}</p>
-        <p class="t-medium t-transp">{{ returnCurrency() }}{{ ticket.price }}</p>
+        <p class="p-regular mn-b-thin fw-medium d-block">{{ ticket.name || 'Unnamed ticket' }}</p>
+        <p class="fw-medium t-transp">{{ returnCurrency() }}{{ ticket.price }}</p>
       </div>
 
       <div class="flex gap-thin">
         <Button
           :showSuccess="false"
           :showLoader="false"
-          class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
+          class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]"
           :submit="() => openTicketPopup(ticket, index)"
         >
           <IconEdit class="i-regular" />
@@ -40,7 +40,7 @@
         <Button
           :showSuccess="false"
           :showLoader="false"
-          class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1"
+          class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]"
           :submit="() => deleteTicket(index)"
         >
           <IconDelete class="i-regular" />
@@ -88,7 +88,7 @@
           class="w-100 bg-light radius-small pd-small"
         />
 
-        <div class="t-medium mn-t-small ">Validity Period</div>
+        <div class="fw-medium mn-t-small ">Validity Period</div>
         <Checkbox
           v-model:radio="currentTicket.validity.always"
           label="Valid Always"

package/src/modules/events/components/sections/EventsHot.vue

@@ -30,8 +30,8 @@
           >
             {{ item.name }}
           </h3>
-          <span v-if="item.date?.start" class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white">
-            <span class="t-semi t-black" > 
+          <span v-if="item.date?.start" class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white">
+            <span class="fw-semi t-black" > 
               {{item.location}} / {{formatDate(item.date.start, { language: $i18n.locale, monthName: true,  })}} 
             </span>
           </span> 

package/src/modules/events/components/sections/List.vue

@@ -24,7 +24,7 @@
         :user="user"
         class="pd-small mobile:pd-thin"
         :class="{
-          'br-b br-solid br-black-transp-10': index !== eventsList.length - 1
+          'br-b-1px br-black-transp-10': index !== eventsList.length - 1
         }"
       />
     </TransitionGroup>

package/src/modules/events/components/sections/SelectDate.vue

@@ -11,7 +11,7 @@
         class="bg-light radius-medium pd-medium cursor-pointer"
         @click="handleDateSelect(date)"
       >
-        <p class="mn-b-small p-medium t-medium">{{ date.label }}</p>
+        <p class="mn-b-small p-medium fw-medium">{{ date.label }}</p>
         <div class="p-regular t-transp">{{ date.range }}</div>
       </div>
     </div>

package/src/modules/gallery/components/pages/Gallery.vue

@@ -45,7 +45,7 @@
       v-slot="{ 
         items 
       }"
-      class="cols-4 gap-thin"
+      class="cols-4 mobile:cols-2 gap-thin"
     >
       <div v-for="item in items"  :key="item._id" class="bg-light radius-medium o-hidden flex-column pos-relative flex-wrap">
         <div class="w-100 h-100 h-min-10r h-max-20r pos-relative">

package/src/modules/gallery/components/sections/BackofficeGallery.vue

@@ -66,7 +66,7 @@
             class="w-100 h-20r object-fit-contain bg-black " @click="openPreviewPopup(item)" 
           />
           <div 
-            class="pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra"
+            class="pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra"
           >
             {{item.status}}
           </div>

package/src/modules/governance/reactcode/src/components/CreateInitiativeForm.tsx

@@ -39,7 +39,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
       <div className="bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
         <div className="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between">
-          <h2 className="text-xl font-semibold text-gray-900">Create New Initiative</h2>
+          <h2 className="text-xl fonfw-semibold text-gray-900">Create New Initiative</h2>
           <button
             onClick={onClose}
             className="text-gray-400 hover:text-gray-600 transition-colors"
@@ -50,7 +50,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
 
         <form onSubmit={handleSubmit} className="p-6 space-y-4">
           <div>
-            <label htmlFor="name" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="name" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Name <span className="text-red-500">*</span>
             </label>
             <input
@@ -66,7 +66,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="title" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="title" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Title
             </label>
             <input
@@ -81,7 +81,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="description" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="description" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Description <span className="text-red-500">*</span>
             </label>
             <textarea
@@ -98,7 +98,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
 
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <label htmlFor="status" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="status" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Status
               </label>
               <select
@@ -116,7 +116,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
             </div>
 
             <div>
-              <label htmlFor="client" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="client" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Client
               </label>
               <input
@@ -132,7 +132,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="url" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="url" className="block text-sm fonfw-medium text-gray-700 mb-1">
               URL
             </label>
             <input
@@ -147,7 +147,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="cover" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="cover" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Cover Image URL
             </label>
             <input
@@ -163,7 +163,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
 
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <label htmlFor="structure" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="structure" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Structure
               </label>
               <input
@@ -178,7 +178,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
             </div>
 
             <div>
-              <label htmlFor="team" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="team" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Team
               </label>
               <input
@@ -194,7 +194,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="services" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="services" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Services
             </label>
             <input
@@ -209,7 +209,7 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           </div>
 
           <div>
-            <label htmlFor="date" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="date" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Date
             </label>
             <input
@@ -239,14 +239,14 @@ export default function CreateInitiativeForm({ onSubmit, onClose }: CreateInitia
           <div className="flex gap-3 pt-4">
             <button
               type="submit"
-              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Create Initiative
             </button>
             <button
               type="button"
               onClick={onClose}
-              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Cancel
             </button>

package/src/modules/governance/reactcode/src/components/CreateMilestoneForm.tsx

@@ -52,7 +52,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
       <div className="bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
         <div className="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between">
-          <h2 className="text-xl font-semibold text-gray-900">Create New Milestone</h2>
+          <h2 className="text-xl fonfw-semibold text-gray-900">Create New Milestone</h2>
           <button
             onClick={onClose}
             className="text-gray-400 hover:text-gray-600 transition-colors"
@@ -63,7 +63,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
 
         <form onSubmit={handleSubmit} className="p-6 space-y-4">
           <div>
-            <label htmlFor="name" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="name" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Name <span className="text-red-500">*</span>
             </label>
             <input
@@ -79,7 +79,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           </div>
 
           <div>
-            <label htmlFor="description" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="description" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Description
             </label>
             <textarea
@@ -95,7 +95,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
 
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <label htmlFor="status" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="status" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Status
               </label>
               <select
@@ -112,7 +112,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
             </div>
 
             <div>
-              <label htmlFor="priority" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="priority" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Priority
               </label>
               <select
@@ -131,7 +131,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
 
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <label htmlFor="startDate" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="startDate" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Start Date <span className="text-red-500">*</span>
               </label>
               <input
@@ -146,7 +146,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
             </div>
 
             <div>
-              <label htmlFor="dueDate" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="dueDate" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Due Date <span className="text-red-500">*</span>
               </label>
               <input
@@ -162,7 +162,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           </div>
 
           <div>
-            <label htmlFor="progress" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="progress" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Progress: {formData.progress}%
             </label>
             <input
@@ -178,7 +178,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           </div>
 
           <div>
-            <label htmlFor="owner" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="owner" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Owner <span className="text-red-500">*</span>
             </label>
             <select
@@ -199,7 +199,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           </div>
 
           <div>
-            <label htmlFor="contributors" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="contributors" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Contributors
             </label>
             <select
@@ -221,7 +221,7 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           </div>
 
           <div>
-            <label htmlFor="tags" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="tags" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Tags
             </label>
             <input
@@ -238,14 +238,14 @@ export default function CreateMilestoneForm({ initiativeId, onSubmit, onClose }:
           <div className="flex gap-3 pt-4">
             <button
               type="submit"
-              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Create Milestone
             </button>
             <button
               type="button"
               onClick={onClose}
-              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Cancel
             </button>

package/src/modules/governance/reactcode/src/components/EmptyState.tsx

@@ -14,12 +14,12 @@ export default function EmptyState({ icon: Icon, title, message, actionText, onA
       <div className="bg-gray-100 rounded-full p-6 mb-4">
         <Icon className="w-12 h-12 text-gray-400" />
       </div>
-      <h3 className="text-xl font-semibold text-gray-900 mb-2">{title}</h3>
+      <h3 className="text-xl fonfw-semibold text-gray-900 mb-2">{title}</h3>
       <p className="text-gray-600 text-center max-w-md mb-6">{message}</p>
       {actionText && onAction && (
         <button
           onClick={onAction}
-          className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition-colors"
+          className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg fonfw-medium transition-colors"
         >
           {actionText}
         </button>

package/src/modules/governance/reactcode/src/components/InitiativeCard.tsx

@@ -44,7 +44,7 @@ export default function InitiativeCard({ initiative }: InitiativeCardProps) {
               <span>{initiative.milestoneCount}</span>
             </div>
           </div>
-          <h3 className="text-lg font-semibold text-gray-900 mb-2 group-hover:text-blue-600 transition-colors">
+          <h3 className="text-lg fonfw-semibold text-gray-900 mb-2 group-hover:text-blue-600 transition-colors">
             {initiative.title}
           </h3>
           <p className="text-gray-600 text-sm mb-4 line-clamp-2">{initiative.description}</p>

package/src/modules/governance/reactcode/src/components/LinkedEntityCard.tsx

@@ -47,7 +47,7 @@ export default function LinkedEntityCard({ entityType, entityData }: LinkedEntit
           </div>
           <div className="flex-1 min-w-0">
             <div className="text-xs text-gray-500 mb-1">{config.label}</div>
-            <h4 className="text-sm font-semibold text-gray-900 mb-2 truncate">{displayName}</h4>
+            <h4 className="text-sm fonfw-semibold text-gray-900 mb-2 truncate">{displayName}</h4>
             <TaskStatusBadge status={entityData.status} />
           </div>
         </div>

package/src/modules/governance/reactcode/src/components/MilestoneCard.tsx

@@ -36,7 +36,7 @@ export default function MilestoneCard({ milestone }: MilestoneCardProps) {
     <Link to={`/milestones/${milestone.id}`} className="block group">
       <div className="bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-200 p-5 border border-gray-100">
         <div className="flex items-start justify-between mb-3">
-          <h3 className="text-base font-semibold text-gray-900 group-hover:text-blue-600 transition-colors">
+          <h3 className="text-base fonfw-semibold text-gray-900 group-hover:text-blue-600 transition-colors">
             {milestone.name}
           </h3>
           <TaskStatusBadge status={milestone.status} />
@@ -45,7 +45,7 @@ export default function MilestoneCard({ milestone }: MilestoneCardProps) {
         <div className="mb-4">
           <div className="flex items-center justify-between mb-2 text-sm">
             <span className="text-gray-600">Progress</span>
-            <span className="font-semibold text-gray-900">{milestone.progress}%</span>
+            <span className="fonfw-semibold text-gray-900">{milestone.progress}%</span>
           </div>
           <div className="w-full bg-gray-200 rounded-full h-2 overflow-hidden">
             <div

package/src/modules/governance/reactcode/src/components/ProductRepositories.tsx

@@ -10,7 +10,7 @@ export default function ProductRepositories({ repositories }: ProductRepositorie
       <div className="bg-white rounded-xl shadow-sm p-6">
         <div className="flex items-center gap-2 mb-4">
           <GitBranch className="w-5 h-5 text-gray-600" />
-          <h3 className="text-lg font-semibold text-gray-900">Repositories</h3>
+          <h3 className="text-lg fonfw-semibold text-gray-900">Repositories</h3>
         </div>
         <p className="text-gray-500">No repositories configured yet.</p>
       </div>
@@ -21,7 +21,7 @@ export default function ProductRepositories({ repositories }: ProductRepositorie
     <div className="bg-white rounded-xl shadow-sm p-6">
       <div className="flex items-center gap-2 mb-6">
         <GitBranch className="w-5 h-5 text-gray-600" />
-        <h3 className="text-lg font-semibold text-gray-900">Repositories</h3>
+        <h3 className="text-lg fonfw-semibold text-gray-900">Repositories</h3>
       </div>
 
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -29,7 +29,7 @@ export default function ProductRepositories({ repositories }: ProductRepositorie
           <div key={index} className="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition-colors">
             <div className="flex items-start justify-between mb-3">
               <div className="flex-1">
-                <h4 className="font-semibold text-gray-900 mb-1">{repo.name}</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-1">{repo.name}</h4>
                 <p className="text-sm text-gray-500 font-mono">{repo.path}</p>
               </div>
               <a
@@ -48,7 +48,7 @@ export default function ProductRepositories({ repositories }: ProductRepositorie
               ) : (
                 <XCircle className="w-4 h-4 text-red-600" />
               )}
-              <span className={`text-sm font-medium ${repo.buildStatus === 'passing' ? 'text-green-600' : 'text-red-600'}`}>
+              <span className={`text-sm fonfw-medium ${repo.buildStatus === 'passing' ? 'text-green-600' : 'text-red-600'}`}>
                 {repo.buildStatus === 'passing' ? 'Build Passing' : 'Build Failing'}
               </span>
             </div>
@@ -56,9 +56,9 @@ export default function ProductRepositories({ repositories }: ProductRepositorie
             <div className="flex items-center justify-between text-sm">
               <div>
                 <span className="text-gray-500">Owner:</span>
-                <span className="ml-1 font-medium text-gray-900">{repo.owner.name}</span>
+                <span className="ml-1 fonfw-medium text-gray-900">{repo.owner.name}</span>
               </div>
-              <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs font-medium">
+              <span className="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs fonfw-medium">
                 {repo.lastRelease}
               </span>
             </div>