@ozdao/martyrs 0.2.571 → 0.2.572

package/src/modules/orders/components/blocks/CardOrderBackoffice.vue

@@ -12,7 +12,7 @@
 
     <div class="mn-b-small pd-small bg-white radius-small flex-nowrap flex"> 
       <div class="w-100">
-        <p class="t-truncate">{{order.delivery.address || 'Not specified'}}</p> 
+        <p class="truncate">{{order.delivery.address || 'Not specified'}}</p> 
       </div>
 
       <div class="w-100 t-right">
@@ -52,23 +52,23 @@
 
     <div class="pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex"> 
       <IconTime class="i-medium t-transp" fill="rgb(var(--black)" />
-      <p class="t-medium mn-r-auto">{{formatDate(order.deadline)}}</p>
+      <p class="fw-medium mn-r-auto">{{formatDate(order.deadline)}}</p>
 
       <span 
-        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin bg-main"
+        class="flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin bg-main"
       >
         {{order.status}}
       </span>
 
       <span 
-        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin t-white bg-red"
+        class="flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin t-white bg-red"
       >
         {{order.payment.status || 'Not defined'}}
       </span>
     </div>
 
     <div v-if="order.comment" class="pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small">
-      <p class="mn-b-thin t-transp uppercase p-small t-medium">Comment</p>
+      <p class="mn-b-thin t-transp uppercase p-small fw-medium">Comment</p>
       <p>{{order.comment}}</p>
     </div>
   </div>

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -15,11 +15,11 @@
       </div>
       
       <div class="w-100 pos-relative">
-        <p class="t-truncate t-medium">{{ name }}</p>
+        <p class="truncate fw-medium">{{ name }}</p>
         
         <div class="mn-t-thin">
           <p v-if="price != null && quantity != null">
-            <span class="t-second mn-r-micro d-inline-block t-demi">
+            <span class="t-grey mn-r-micro d-inline-block fw-demi">
               {{ returnCurrency() }}{{ totalPrice }}
             </span>
             <span v-if="isRental && rentDates.start && rentDates.end" class="p-small t-transp">
@@ -30,7 +30,7 @@
             <span v-else class="p-small t-transp">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>
           </p>
           
-          <p v-else-if="price != null && quantity == null" class="t-second mn-r-micro d-inline-block t-demi">
+          <p v-else-if="price != null && quantity == null" class="t-grey mn-r-micro d-inline-block fw-demi">
             {{ returnCurrency() }}{{ price }}
           </p>
           
@@ -40,7 +40,7 @@
         </div>
         
         <slot></slot>
-        <div v-if="showControls" class="mn-t-thin gap-thin flex-nojustify flex">
+        <div v-if="showControls" class="mn-t-thin gap-thin flex-justify-start flex">
           <div 
             v-if="isRental && rentDates.start && rentDates.end" 
             class="flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small"
@@ -51,7 +51,7 @@
             />
             <p 
               @click="editable ? openRentDatePopup : null" 
-              class="t-medium t-transp"
+              class="fw-medium t-transp"
             >
               {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - 
               {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}
@@ -61,22 +61,22 @@
           <template v-if="editable && !isRental">
             <IconAdd
               @click="increase"
-              class="hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              class="hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small"
             />
             <IconMinus
               @click="decrease"
-              class="hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              class="hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small"
             />
             <IconDelete
               @click="remove"
-              class="hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              class="hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small"
             />
           </template>
 
           <IconEdit
             v-if="isRental && editable"
             @click="openRentDatePopup"
-            class="hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small"
+            class="hover:scale-[1.05] cursor-pointer bg-light i-big pd-small radius-small"
           />
         </div>
       </div>

package/src/modules/orders/components/blocks/CardOrderUser.vue

@@ -27,7 +27,7 @@
 						  :alt="positions[index - 1].name" 
 					>
 			      <div v-else-if="index === 4 && positions.length > 3" class="flex-center h-100">
-			        <span class="t-medium t-white">+{{ positions.length - 3 }}</span>
+			        <span class="fw-medium t-white">+{{ positions.length - 3 }}</span>
 			      </div>
 			    </div>
 			  </template>
@@ -80,9 +80,9 @@
 		    />
 		  </svg>	
 		  <span 
-		  	class="p-regular t-semi"
+		  	class="p-regular fw-semi"
 		  	:class="[
-			    hasOverdue ? 't-red' : 't-second'
+			    hasOverdue ? 't-red' : 't-grey'
 			  ]"
 		  >
 				Need to return part of the equipment

package/src/modules/orders/components/blocks/CardOrderVar1.vue

@@ -26,7 +26,7 @@
               Order: #{{order._id}}
 
               <span 
-                class="flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-thin bg-main"
+                class="flex-child flex-shrink-0 capitalize w-max mn-r-thin fw-medium radius-big pd-thin bg-main"
               >
                 {{order.status}}
               </span>
@@ -50,7 +50,7 @@
 
             <div class="w-100 bg-white radius-small pd-small">
 
-              <span class="flex-child flex-child-shrink-0">
+              <span class="flex-child flex-shrink-0">
                 Positions {{order.positions.length}} <a class="t-main mn-r-auto">Check Leftover</a>
               </span>
               <!-- <img loading="lazy" :class="{ 'spoiler-active': spoiler }" class="button-icon" src="@/assets/icons/arrow-down-spoiler.svg"> -->
@@ -86,13 +86,13 @@
 
              <div class="mn-b-thin w-100 bg-white radius-small pd-small">
 
-              <span class="flex-child flex-child-shrink-0">
+              <span class="flex-child flex-shrink-0">
                  <span class="h4">Amount: 4 500</span>
               </span>
             </div>
 
             <div v-if="order.comment"  class="bg-fifth-transp-10 pd-thin">
-              <p class="t-truncate">Comment: {{order.comment}}</p>
+              <p class="truncate">Comment: {{order.comment}}</p>
             </div>
       </router-link>
 </template>

package/src/modules/orders/components/blocks/StatusHistory.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="bg-light radius-medium w-100">
     <h3 class="pd-medium">Tracking History</h3>
-    <div v-for="status in statusDetailedHistory" :key="status" class="w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex">
-      <div class="flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small">
+    <div v-for="status in statusDetailedHistory" :key="status" class="w-100 br-t-1px br-black-transp-10 pd-medium flex-v-center flex-nowrap flex">
+      <div class="flex-center flex i-big radius-extra br-2px br-black-transp-10 mn-r-small">
         <IconCheckmark
           v-if="isStatusInHistory(status.status)"
           class="i-medium"
@@ -18,7 +18,7 @@
         params: {
           _id: status.user
         }
-      }" class="pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi">Check User</router-link> -->
+      }" class="pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase fw-semi">Check User</router-link> -->
     </div>
   </div>
 </template>

package/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue

@@ -32,7 +32,7 @@
             :href="social.url"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover-scale-1 bg-light radius-small pd-thin transition-all"
+            class="hover:scale-[1.05] bg-light radius-small pd-thin ease"
           >
             <component
               :is="socialIcons[social.icon]"

package/src/modules/orders/components/elements/PriceTotal.vue

@@ -19,15 +19,15 @@
     </p>
 
     <!-- Delivery fee (conditional) -->
-    <p v-if="showDeliveryFee" class="flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small">
+    <p v-if="showDeliveryFee" class="flex flex-nowrap br-black-transp-10 br-b-1px pd-b-small pd-t-small">
       <span class="w-100 t-transp">{{ t('delivery') }}</span>
       <span class="w-100 t-right">{{currency}}{{deliveryAmount}}</span>
     </p>
     
     <!-- Grand total -->
     <p class="p-medium flex flex-nowrap pd-b-small pd-t-small">
-      <span class="w-100 t-medium">{{ t('intotal') }}</span>
-      <span class="w-100 t-main t-medium t-right">{{currency}}{{grandTotal}}</span>
+      <span class="w-100 fw-medium">{{ t('intotal') }}</span>
+      <span class="w-100 t-main fw-medium t-right">{{currency}}{{grandTotal}}</span>
     </p>
   </div>
 </template>

package/src/modules/orders/components/forms/FormApplicationDetails.vue

@@ -59,13 +59,13 @@
     <div class="gap-thin flex mn-t-small">
       <Button 
         @click="handleSave"
-        class="w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
       >
         {{ createMode ? 'Create Application' : 'Save Changes' }}
       </Button>
       <Button 
         @click="handleCancel"
-        class="w-100 pd-small radius-big bg-light t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-light t-black uppercase fw-medium"
       >
         Cancel
       </Button>

package/src/modules/orders/components/forms/FormCustomerDetails.vue

@@ -88,7 +88,7 @@
 
     <!-- Address Fields -->
     <div v-if="showAddressFields" class="mn-t-small">
-      <h3 class="t-medium mn-b-thin">Address Information</h3>
+      <h3 class="fw-medium mn-b-thin">Address Information</h3>
       
       <Field 
         v-model:field="customer.address.country"   
@@ -146,13 +146,13 @@
     <div v-if="showButtons" class="gap-thin flex mn-t-small">
       <Button 
         @click="handleSave"
-        class="w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
       >
         {{ createMode ? 'Create Customer' : 'Save Changes' }}
       </Button>
       <Button 
         @click="handleCancel"
-        class="w-100 pd-small radius-big bg-light t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-light t-black uppercase fw-medium"
       >
         Cancel
       </Button>

package/src/modules/orders/components/pages/Favorites.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="">
-		<p class="mn-b-small t-semi p-medium">Избранное</p>
+		<p class="mn-b-small fw-semi p-medium">Избранное</p>
 		<hr class="mn-b-semi">
 		<div class="grid-layout">
 			 <p v-if="(favorites.length == 0)" style="padding-top: 1.5rem;"><i>У вас еще нет товаров в избранном. Может стоит что-нибудь добавить?</i></p>

package/src/modules/orders/components/pages/OrderBackoffice.vue

@@ -3,7 +3,7 @@
 
 	  <div v-if="order" class="mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium">
 	  	<div class="mn-b-small flex-nowrap flex">
-		  	<p class="t-medium p-regular">
+		  	<p class="fw-medium p-regular">
 		     	Order No: <span class="p-small t-transp">#{{order._id}}</span>
 		    </p>
 			</div>
@@ -20,7 +20,7 @@
 		      />
 		      <div 
 		      	:class="{ 't-transp': !isActiveStatus(index) }"
-					  class="mn-t-thin p-small t-medium uppercase">{{ status.value }}</div>
+					  class="mn-t-thin p-small fw-medium uppercase">{{ status.value }}</div>
 		    	</div>
 			  </div>
 	  </div>
@@ -132,8 +132,8 @@
 		    >
 		    	<div class="pd-small flex-nowrap flex">
 			    	<div class="mn-r-auto">
-				    	<span class="d-block t-medium p-regular mn-b-thin">Order is</span>
-					    <span class=" t-lh-075 h2 d-block mn-b-small">{{order.status}}</span>
+				    	<span class="d-block fw-medium p-regular mn-b-thin">Order is</span>
+					    <span class=" lh-[0.75] h2 d-block mn-b-small">{{order.status}}</span>
 					    <p class="pd-thin radius-extra bg-black t-white w-max">{{formatDate(order.updatedAt, {language: locale })}}</p>
 					  </div>
 					 <!--  <div class="t-right">
@@ -145,8 +145,8 @@
 					  </div> -->
 					</div>
 
-					<div v-if="order.customer.target?.number" class="pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid">
-			    	<p class="w-100 t-medium p-regular">
+					<div v-if="order.customer.target?.number" class="pd-small flex flex-nowrap flex-v-center br-t-1px br-black-transp-10">
+			    	<p class="w-100 fw-medium p-regular">
 			      	Phone
 			      </p>
 
@@ -155,8 +155,8 @@
 			      </p>
 			    </div>
 
-			    <div class="pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid">
-			    	<p class="t-medium p-regular">
+			    <div class="pd-small   flex flex-nowrap flex-v-center br-t-1px br-black-transp-10">
+			    	<p class="fw-medium p-regular">
 			      	Address
 			      </p>
 
@@ -170,12 +170,12 @@
 
 
 			    <div v-if="order.comment" class="pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small">
-			      <p class="mn-b-thin t-transp uppercase p-small t-medium">Comment</p>
+			      <p class="mn-b-thin t-transp uppercase p-small fw-medium">Comment</p>
 			      <p>{{order.comment}}</p>
 			    </div>
 
-			    <div class="pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid">
-			    	<p class="t-medium p-regular">
+			    <div class="pd-small  flex flex-nowrap flex-v-center br-t-1px br-black-transp-10">
+			    	<p class="fw-medium p-regular">
 			      	Delivery
 			      </p>
 
@@ -184,8 +184,8 @@
 			      </p>
 			    </div>
 
-			     <div class="pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid">
-			    	<p class="mn-r-auto t-medium p-regular">
+			     <div class="pd-small  flex flex-nowrap flex-v-center br-t-1px br-black-transp-10">
+			    	<p class="mn-r-auto fw-medium p-regular">
 			      	Payment
 			      </p>
 
@@ -194,7 +194,7 @@
 			        {{order.payment.type ? order.payment.type : 'Not specified'}} 
 			      </p>
 
-			      <p @click="route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)" class="w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right">
+			      <p @click="route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)" class="w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover:bg-black t-right">
 			        {{order.payment.status ? order.payment.status : 'Unpaid'}} 
 			      </p>
 			    </div>
@@ -205,7 +205,7 @@
 				<div v-if="route.meta.context !== 'user' && route.meta.context !== 'root'" class="o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex">
 		  		<div class="flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20">
 		  			<IconTime class="i-medium t-transp" fill="rgb(var(--black)" />
-		        <p class="t-medium mn-r-auto"><span class="p-small t-transp">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>
+		        <p class="fw-medium mn-r-auto"><span class="p-small t-transp">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>
 			  	</div>
 			  	<button v-if="getNextStatus(order.status)" @click="openStatusPopup" class="flex-child-default  mn-l-auto bg-black t-white button">  
 				    Mark as {{ (getNextStatus(order.status)).label }}  

package/src/modules/orders/components/pages/OrderCreate.vue

@@ -50,7 +50,7 @@
 		<!-- Order positions -->
 		<div 
 			v-if="shopcart.state.positions.length > 0" 
-			class="bg-white br-solid br-light br-1px pd-medium radius-medium"
+			class="bg-white br-light br-1px pd-medium radius-medium"
 		>
 			<h4 class="font-second mn-b-thin">Your Order</h4>
 
@@ -110,7 +110,7 @@
       </Button>
 
 		  <p class='mn-b-thin'>
-				I agree that placing the order places me under an obligation to make a payment in accordance with <a class="t-semi font-second t-second" href="/pages/terms-of-use" target="_blank">Terms of Use.</a>
+				I agree that placing the order places me under an obligation to make a payment in accordance with <a class="fw-semi font-second t-grey" href="/pages/terms-of-use" target="_blank">Terms of Use.</a>
 			</p>
 			<p >
 				

package/src/modules/orders/components/pages/OrderCreateBackoffice.vue

@@ -6,7 +6,7 @@
         <Button 
           :submit="onSubmit"
           :callback="redirectTo"
-          class="pd-small radius-big bg-main t-black uppercase t-medium"
+          class="pd-small radius-big bg-main t-black uppercase fw-medium"
         >
           Add Order 
         </Button>
@@ -21,7 +21,7 @@
         {name: 'Delivery', value: 'delivery'},
         {name: 'Payment', value: 'payment'}
       ]"
-      class="t-medium radius-medium bg-light mn-b-small"
+      class="fw-medium radius-medium bg-light mn-b-small"
     />
 
     <Popup 
@@ -106,7 +106,7 @@
             v-for="(variant, index) in items" 
             :key="index"
             @click="addVariantToOrder(variant)"
-            class="w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+            class="w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
           >
             <div v-if="variant.images && variant.images.length" class="aspect-1x1 h-3r radius-small o-hidden">
               <img 
@@ -115,7 +115,7 @@
               />
             </div>
             <div>
-              <p class="t-medium">{{ variant.name || 'Default variant' }}</p>
+              <p class="fw-medium">{{ variant.name || 'Default variant' }}</p>
               <p v-if="variant.attributes && variant.attributes.length" class="t-small t-transp">
                 {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}
               </p>

package/src/modules/orders/components/pages/Orders_refact.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="mn-b-big">
 		 <!-- v-if="order.state.current._id === ''" -->
-		<p class="mn-b-small t-semi p-medium">История заказов</p>
+		<p class="mn-b-small fw-semi p-medium">История заказов</p>
 		<!-- @click="store.commit('orders/resetOrder')" v-if="order.state.current._id !== ''"  -->
-		<p class="mn-b-small t-semi p-medium flex-nojustify flex-center flex link-inherit">
+		<p class="mn-b-small fw-semi p-medium flex-justify-start flex-center flex link-inherit">
 			<svg class="mn-r-small" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 				<path fill="rgb(var(--black))" fill-rule="evenodd" clip-rule="evenodd" d="M5.34661 10.8333L10.5907 16.0774L9.41217 17.2559L2.15625 10L9.41217 2.74408L10.5907 3.92259L5.34661 9.16667H17.5014V10.8333H5.34661Z" />
 			</svg>
@@ -25,7 +25,7 @@
 						<img loading="lazy" v-if="order.status === 'Ожидает отправки'" 			class="mn-r-small" src="@/assets/icons/status/paid.svg"/>
 						<img loading="lazy" v-if="order.status === 'Отправлен'" 		class="mn-r-small" src="@/assets/icons/status/finished.svg"/>
 						<img loading="lazy" v-if="order.status === 'Выполнен'" 		class="mn-r-small" src="@/assets/icons/status/finished.svg"/>
-		        <span class="w-100 t-medium p-medium">{{order.status}}</span>
+		        <span class="w-100 fw-medium p-medium">{{order.status}}</span>
 		      </p>
 		      <ul class="mn-b-semi order-images-wrapper">
 		        <li v-for="(product, index) in orderProducts(order.positions.slice(0,2))" :key="product._id" class="mn-r-small">

package/src/modules/orders/components/partials/ShopCart.vue

@@ -1,5 +1,5 @@
 <template>
-	<section class="z-index-5 flex flex-column  transition-ease-in-out bg-white shop-cart" :class="{'shop-cart-active':shopcart.state.currentState === true}">
+	<section class="z-index-5 flex flex-column  ease-in-out bg-white shop-cart" :class="{'shop-cart-active':shopcart.state.currentState === true}">
     <!-- ---------------------------------------------------------------- -->
     <!-- 01. Popup Header  -->
     <!-- ---------------------------------------------------------------- -->
@@ -39,7 +39,7 @@
     <!-- ---------------------------------------------------------------- -->
     <!-- 03. Footer  -->
     <!-- ---------------------------------------------------------------- -->
-    <div  class="h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black">
+    <div  class="h-30 ease-in-out pd-b-medium pd-x-medium pd-big ease-cubic bg-light t-black">
       <div v-if="shopcart.state.positions.length > 0" class="mn-b-small total-price">
        <PriceTotal
           :totalPrice="cartTotalPrice"

package/src/modules/orders/components/sections/ApplicationDetails.vue

@@ -52,13 +52,13 @@
     <div class="gap-thin flex mn-t-small">
       <Button 
         @click="$emit('edit')"
-        class="w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
       >
         Edit
       </Button>
       <Button 
         @click="$emit('delete')"
-        class="w-100 pd-small radius-big bg-danger t-white uppercase t-medium"
+        class="w-100 pd-small radius-big bg-danger t-white uppercase fw-medium"
       >
         Delete
       </Button>

package/src/modules/orders/components/sections/AskToLogin.vue

@@ -24,7 +24,7 @@
     > -->
 
     <div class="mn-r-auto">
-      <h3 class="t-semi mn-b-small">Already registered?</h3>
+      <h3 class="fw-semi mn-b-small">Already registered?</h3>
       <span class="p-regular t-transp">Sign in to your account to checkout faster.</span>
     </div>
 

package/src/modules/orders/components/sections/CustomerDetails.vue

@@ -68,13 +68,13 @@
     <div class="gap-thin flex mn-t-small">
       <Button 
         @click="$emit('edit')"
-        class="w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+        class="w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
       >
         Edit
       </Button>
       <Button 
         @click="$emit('delete')"
-        class="w-100 pd-small radius-big bg-danger t-white uppercase t-medium"
+        class="w-100 pd-small radius-big bg-danger t-white uppercase fw-medium"
       >
         Delete
       </Button>

package/src/modules/orders/components/sections/Succes.vue

@@ -2,16 +2,16 @@
 <div class="t-center order-finished">
       <p class="mn-b-medium p-medium">Order completed!</p>
       <div class="mn-b-big pd-big order-number">
-        <p class="mn-b-small t-semi small">#485792</p>
-        <p class="t-lh-2">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="t-semi">+995 585 888 660</span></p>
+        <p class="mn-b-small fw-semi small">#485792</p>
+        <p class="lh-[2]">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="fw-semi">+995 585 888 660</span></p>
       </div>
       <div class="order-data pd-big">
         <div class="mn-b-small t-left flex-nowrap flex">
-          <p class="mn-r-small w-33 t-semi">Receiver</p>
+          <p class="mn-r-small w-33 fw-semi">Receiver</p>
           <p class="mn-r-small w-100">{{order.name}} {{order.surname}}, {{order.phone}}, {{order.email}}</p>
         </div>
         <div class="t-left flex-nowrap flex">
-          <p class="mn-r-small w-33 t-semi">Address</p>
+          <p class="mn-r-small w-33 fw-semi">Address</p>
           <p class="mn-r-small w-100">{{order.city}}, {{order.adress}}</p>
         </div>
       </div>

package/src/modules/organizations/components/blocks/CardDepartment.vue

@@ -11,7 +11,7 @@
       <ul>
         <li v-if="department.members.length < 1">No members in department</li>
         <User 
-          class="h-4r pd-small br-solid br-1px br-black-transp-5 radius-small mn-b-thin" 
+          class="h-4r pd-small br-1px br-black-transp-5 radius-small mn-b-thin" 
           v-for="(member, index) in department.members" 
           :key="index" 
           :user="member.user" 

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -21,7 +21,7 @@
       <div class="pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100">
         
         <!-- <Text :text="organization.profile.name ? organization.profile.name : ''" :maxLen="18" class="h3 d-block"/> -->
-        <p class="h4 t-truncate w-100">{{organization.profile.name}}</p>
+        <p class="h4 truncate w-100">{{organization.profile.name}}</p>
         <!-- RATING -->
         <!-- <div v-if="showRating && organization.rating" class="w-max star-container flex-v-center flex">
           <img loading="lazy" 
@@ -30,7 +30,7 @@
             :src="i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'"
           >
 
-          <span class="p-small t-semi mn-r-thin">{{organization.rating.median}}</span>
+          <span class="p-small fw-semi mn-r-thin">{{organization.rating.median}}</span>
           <span class="p-small">({{organization.rating.amount}})</span>
         </div> -->
 
@@ -41,8 +41,8 @@
             :chips="organization.profile.tags.slice(0,3)"
             class="pos-relative t-trimmed"
           >
-           <div v-if="showFollowers" class="t-truncate pos-relative p-regular 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">
-            <p class="t-truncate">{{organization.numberOfSubscribers}} followers</p>
+           <div v-if="showFollowers" class="truncate pos-relative p-regular 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">
+            <p class="truncate">{{organization.numberOfSubscribers}} followers</p>
 
             <ButtonToggleMembership
               v-if="

package/src/modules/organizations/components/blocks/Contacts.vue

@@ -1,20 +1,20 @@
 <template>
   <div class="mn-b-small w-100">
-    <a v-if="formattedWebsite" :href="formattedWebsite" target="_blank" class="w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
+    <a v-if="formattedWebsite" :href="formattedWebsite" target="_blank" class="w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
       <!-- <img loading="lazy" class="i-medium mn-r-small" src="@/assets/icons/website.svg"> -->
-      <span class="t-semi uppercase">Website</span>
+      <span class="fw-semi uppercase">Website</span>
     </a>
-    <a v-if="props.phone" :href="`tel:${props.phone}`" class="w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
+    <a v-if="props.phone" :href="`tel:${props.phone}`" class="w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
       <!-- <img loading="lazy" class="i-medium mn-r-small" src="@/assets/icons/phone.svg"> -->
-      <span class="t-semi uppercase">Phone</span>
+      <span class="fw-semi uppercase">Phone</span>
     </a>
-    <a v-if="props.email" :href="`mailto:${props.email}`" target="_blank" class="w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
+    <a v-if="props.email" :href="`mailto:${props.email}`" target="_blank" class="w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
       <!-- <img loading="lazy" class="i-medium mn-r-small" src="@/assets/icons/email.svg"> -->
-      <span class="t-semi uppercase">Email</span>
+      <span class="fw-semi uppercase">Email</span>
     </a>
-    <a v-if="encodedAddress" :href="`https://www.google.com/maps/search/?api=1&query=${encodedAddress}`" target="_blank" class="w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
+    <a v-if="encodedAddress" :href="`https://www.google.com/maps/search/?api=1&query=${encodedAddress}`" target="_blank" class="w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex">
       <!-- <img loading="lazy" class="i-medium mn-r-small" src="@/assets/icons/address.svg"> -->
-      <span class="t-semi uppercase">Address</span>
+      <span class="fw-semi uppercase">Address</span>
     </a>
   </div>
 </template>

package/src/modules/organizations/components/blocks/Rating.vue

@@ -1,7 +1,7 @@
 <template>
 	<section>
 		<div class="w-100 mn-b-small star-container flex-v-center flex">
-	       	<span class="p-medium t-semi mn-r-small">{{rating}}</span>
+	       	<span class="p-medium fw-semi mn-r-small">{{rating}}</span>
 
 	       	<svg 
 	       		v-for="i in 5" 

package/src/modules/organizations/components/forms/AddExistingMembersForm.vue

@@ -28,7 +28,7 @@
         v-for="user in items"
         :key="user._id"
         @click="() => toggleUserSelection(user)"
-        class="pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1"
+        class="pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover:scale-[1.05]"
         :class="getUserCardClass(user)"
       >
         <div class="flex-nowrap flex-v-center flex gap-thin">
@@ -43,7 +43,7 @@
           </div>
           
           <div class="w-100">
-            <p class="t-medium">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>
+            <p class="fw-medium">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>
             <p class="t-small t-transp">{{ user.email || user.phone || 'No contact info' }}</p>
           </div>
 
@@ -124,7 +124,7 @@ function getUserCardClass(user) {
   if (isUserSelected(user)) {
     return 'bg-green-light';
   }
-  return 'bg-white hover-bg-light';
+  return 'bg-white hover:bg-light';
 }
 
 // Toggle user selection