@ozdao/martyrs 0.2.547 → 0.2.548

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

@@ -1,6 +1,6 @@
 <template>
 <div class="t-center order-finished">
-      <p class="mn-b-medium p-semi">Order completed!</p>
+      <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>

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

@@ -39,9 +39,9 @@
           <Chips 
             v-if="showTags && organization.profile.tags?.length > 0" 
             :chips="organization.profile.tags.slice(0,3)"
-            class="pos-relative t-trimmed p-medium"
+            class="pos-relative t-trimmed p-regular"
           >
-           <div v-if="showFollowers" class="t-truncate pos-relative p-medium 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 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>
 
             <ButtonToggleMembership
@@ -56,7 +56,7 @@
               :status="organization.isSubscriber" 
               :text="{create: '+', remove: '-'}"
               @updateMembership="event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')"
-              class="i-semi" 
+              class="i-medium" 
             />
           </div>
         </Chips>

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

@@ -1,7 +1,7 @@
 <template>
   <section class="mn-b-big radius-medium pd-big bg-white">
     <h3 class="mn-b-regular">{{ title }}</h3>
-    <p class="mn-b-small t-transp p-medium">{{ description }}</p>
+    <p class="mn-b-small t-transp p-regular">{{ description }}</p>
 
     <button @click="callback" class="t-white bg-second w-100 button">
       {{ action }}

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

@@ -1,11 +1,11 @@
 <template>
 	<section>
 		<div class="w-100 mn-b-small star-container flex-v-center flex">
-	       	<span class="p-semi t-semi mn-r-small">{{rating}}</span>
+	       	<span class="p-medium t-semi mn-r-small">{{rating}}</span>
 
 	       	<svg 
 	       		v-for="i in 5" 
-	         	class="i-semi mn-r-small" 
+	         	class="i-medium mn-r-small" 
 	         	:class="{'t-transp': i > rating}"
 	       		width="113" height="108" 
 	       		viewBox="0 0 113 108" 

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mn-b-thin t-transp p-medium">Select users to add to the organization:</p>
+    <p class="mn-b-thin t-transp p-regular">Select users to add to the organization:</p>
 
     <Feed
       :search="{

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

@@ -59,7 +59,7 @@
     <div class="bg-light pd-medium o-hidden radius-medium mn-b-thin">
       <h3 class="mn-b-semi">Department Settings</h3>
       
-      <p class="p-medium mn-b-small">Please settings for your department:</p>
+      <p class="p-regular mn-b-small">Please settings for your department:</p>
       <div class="cols-1 gap-thin">
         <Checkbox 
           label="Hidden department"
@@ -74,7 +74,7 @@
     <div class="bg-light pd-medium o-hidden radius-medium">
       <h3 class="mn-b-semi">Accesses</h3>
       
-      <p class="p-medium mn-b-small">Please select organization accesses for user in department:</p>
+      <p class="p-regular mn-b-small">Please select organization accesses for user in department:</p>
       
       <div class="cols-1 gap-thin">
         <div v-for="(actions, category) in currentDepartment.accesses" :key="category" class="mn-b-small">

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mn-b-thin t-transp p-medium">{{ text }}</p> 
+    <p class="mn-b-thin t-transp p-regular">{{ text }}</p> 
 
     <section class="cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative">
       <div

package/src/modules/organizations/components/pages/Department.vue

@@ -22,13 +22,13 @@
             "
           >
             <IconEdit
-              class="i-regular"
+              class="i-medium"
               classes="fill-white"
             />
           </router-link>
 
         </div>
-        <p class="t-transp p-semi" v-html="departmentsStore.state.items[0].description"></p>
+        <p class="t-transp p-medium" v-html="departmentsStore.state.items[0].description"></p>
       </section>
 
      <section class="mn-b-medium radius-medium pd-semi bg-white">

package/src/modules/organizations/components/pages/DepartmentEdit.vue

@@ -122,7 +122,7 @@
         <div class="bg-light pd-medium o-hidden radius-medium">
           <h3 class="mn-b-semi">Department Settings</h3>
           
-          <p class="p-medium mn-b-small">Please settings for your department:</p>
+          <p class="p-regular mn-b-small">Please settings for your department:</p>
           <div class="cols-1 gap-thin">
             <Checkbox 
               label="Hidden department"
@@ -137,7 +137,7 @@
         <div class="bg-light pd-medium o-hidden radius-medium">
           <h3 class="mn-b-semi">Acessess</h3>
           
-          <p class="p-medium mn-b-small">Please select organization accesses for user in department:</p>
+          <p class="p-regular mn-b-small">Please select organization accesses for user in department:</p>
           
           <div class="cols-1 gap-thin">
             <div v-for="(actions, category) in departmentsStore.state.department.accesses" :key="category">

package/src/modules/organizations/components/pages/Organization.new.vue

@@ -13,7 +13,7 @@
       
       <!-- Основная информация -->
       <div class="bg-light radius-medium pd-medium mn-t-regular">
-        <div class="flex gap-medium">
+        <div class="flex gap-regular">
           <!-- Аватар -->
           <div class="pos-relative">
             <img
@@ -92,12 +92,12 @@
     </div>
 
     <!-- О нас и соцсети -->
-    <div v-if="organizationData" class="cols-2  gap-medium mn-b-big">
+    <div v-if="organizationData" class="cols-2  gap-regular mn-b-big">
       <!-- О нас -->
       <div class="bg-light pd-medium radius-medium">
         <h3 class="h4 mn-b-small">О нас</h3>
         <p class="mn-b-medium">{{ organizationData?.profile?.description }}</p>
-        <div class="flex gap-medium">
+        <div class="flex gap-regular">
           <div class="t-center">
             <div class="h3 t-main">{{ organizationState.stats.projects }}</div>
             <div class="p-small t-grey uppercase">проектов</div>
@@ -229,7 +229,7 @@
         Контакты и адреса
       </h2>
       
-      <div class="cols-2 gap-medium">
+      <div class="cols-2 gap-regular">
         <!-- Контакты -->
         <div>
           <h3 class="h4 mn-b-small">Связь с нами</h3>
@@ -319,11 +319,11 @@
         Расписание ивентов
       </h2>
       
-      <div class="flex flex-column gap-medium">
+      <div class="flex flex-column gap-regular">
         <div
           v-for="event in organizationState.events"
           :key="event.id"
-          class="flex gap-medium pd-small bg-light radius-small"
+          class="flex gap-regular pd-small bg-light radius-small"
         >
           <!-- Дата -->
           <div class="flex flex-column flex-center bg-main pd-small radius-small t-white w-5r h-5r">
@@ -335,7 +335,7 @@
           <div class="flex-child-1">
             <h4 class="t-semi mn-b-micro">{{ event.title }}</h4>
             <p class="p-small t-grey mn-b-small">{{ event.description }}</p>
-            <div class="flex gap-medium p-small t-grey">
+            <div class="flex gap-regular p-small t-grey">
               <div class="flex gap-micro">
                 <Clock class="i-small fill-grey" />
                 <span>{{ event.time }}</span>

package/src/modules/organizations/components/pages/Organization.vue

@@ -8,7 +8,7 @@
 
 			<Dropdown 
 				v-if="auth.state.user._id !== organization.state.current.owner"
-				:label="{ component: IconEllipsis, class: 'i-regular t-transp' }"
+				:label="{ component: IconEllipsis, class: 'i-medium t-transp' }"
 				:align="'right'"
 				class="cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra "
 			>
@@ -59,7 +59,7 @@
 	      "
 	    >
 	      <IconEdit
-	        class="i-regular"
+	        class="i-medium"
 	        classes="fill-white"
 	      />
 	    </router-link>
@@ -85,7 +85,7 @@
 	   	<div class="flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max">
 	   		<IconFollowing class="i-medium mn-r-micro t-transp"/>
 
-	      <p class="mn-t-thin p-medium t-medium uppercase mn-b-thin">{{organization.state.current.numberOfSubscribers}} followers</p>
+	      <p class="mn-t-thin p-regular t-medium uppercase mn-b-thin">{{organization.state.current.numberOfSubscribers}} followers</p>
 
 	      <ButtonToggleMembership
 	        v-if="
@@ -101,18 +101,18 @@
 	        :status="organization.state.current.isSubscriber" 
 	        :text="{create: '+', remove: '-'}"
 	        @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-	        class=" mn-l-thin p-medium t-medium radius-extra i-semi" 
+	        class=" mn-l-thin p-regular t-medium radius-extra i-medium" 
 	      />
 	    </div>
 
-	    <!-- <p class="w-max-50r mn-t-regular mn-b-medium p-semi">
+	    <!-- <p class="w-max-50r mn-t-regular mn-b-medium p-medium">
 	   		<Text :text="organization.profile.description || ''" :showToggleText="true" :maxLen="320" />
 	  	</p>   -->
 
 	  	<Chips 
 	    	v-if="organization.state.current.profile?.tags?.length > 0" 
 	    	:chips="organization.state.current.profile.tags"
-	    	class="p-medium"
+	    	class="p-regular"
 	   	/>
 
 

package/src/modules/organizations/components/pages/OrganizationBackoffice.vue

@@ -17,7 +17,7 @@
 		  	})" 
 		  	class="cursor-pointer"
 		  >
-		  	<IconGroups class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconGroups class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Members
 		    </span>
@@ -45,7 +45,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconProducts class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconProducts class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Products
 		    </span>
@@ -60,7 +60,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconProducts class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconProducts class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Categories
 		    </span>
@@ -75,7 +75,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconLeftovers class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconLeftovers class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Inventory
 		    </span>
@@ -90,7 +90,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconOrders class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconOrders class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Orders
 		    </span>
@@ -105,7 +105,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconOrders class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconOrders class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Rents
 		    </span>
@@ -121,7 +121,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconGallery class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconGallery class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Gallery
 		    </span>
@@ -136,7 +136,7 @@
 		  		}
 		  	})" 
 		  	class="cursor-pointer">
-		  	<IconEvents class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+		  	<IconEvents class="i-medium" :icon="true" :fill="'rgb(var(--white))'"/> 
 		    <span>
 		    	Events
 		    </span>

package/src/modules/organizations/components/sections/MembersAdd.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mn-b-thin t-transp p-medium">{{text}}</p> 
+    <p class="mn-b-thin t-transp p-regular">{{text}}</p> 
 
     <div class="mn-b-thin pos-relative">
       <BlockSearch 

package/src/modules/products/components/blocks/CardCategory.vue

@@ -14,7 +14,7 @@
           } 
         }"
         class="
-          i-semi
+          i-medium
           cursor-pointer 
           card-page-actions
           radius-extra pd-micro bg-second
@@ -31,7 +31,7 @@
         v-if="access"
         @click="deleteCategory(category)"
         class="
-          i-semi
+          i-medium
           cursor-pointer 
           card-page-actions
           radius-extra pd-micro bg-second

package/src/modules/products/components/blocks/CardPosition.vue

@@ -47,7 +47,7 @@
         >
           <component
             :is="action.component"
-            class="i-regular"
+            class="i-medium"
           />
         </div>
       </template>

package/src/modules/products/components/blocks/CardProduct.vue

@@ -19,7 +19,7 @@
       "
     >
       <IconEdit
-        class="i-regular"
+        class="i-medium"
         classes="fill-white"
       />
     </router-link>
@@ -55,7 +55,7 @@
 				{{product.attributes[0].value}}
 			</p>
 			<!-- Name -->
-			<span style=" hyphens: auto;" class="word-break t-truncate p-medium mn-b-micro w-100 w-max-100 ">
+			<span style=" hyphens: auto;" class="word-break t-truncate p-regular mn-b-micro w-100 w-max-100 ">
 				{{product.name}}
 			</span>
 
@@ -72,7 +72,7 @@
 				<Price 
 					:product="product" 
 					size="small" 
-					class="bg-white h-100 p-medium flex flex-center pd-thin radius-small mn-r-auto" 
+					class="bg-white h-100 p-regular flex flex-center pd-thin radius-small mn-r-auto" 
 				/>
 				
 				<button

package/src/modules/products/components/blocks/ProductDiscounts.vue

@@ -15,10 +15,10 @@
         <div class="flex flex-wrap gap-thin flex-v-center w-100">
 
           <Tooltip :text="discount.description || 'No description'">
-            <span class="discount-name t-semi p-medium">{{ discount.name }}</span>
+            <span class="discount-name t-semi p-regular">{{ discount.name }}</span>
           </Tooltip>
 
-          <span class="t-main p-medium">
+          <span class="t-main p-regular">
             {{returnCurrency()}}{{ discount.value }} per {{ currentVariant?.quantity || 1 }}{{ currentVariant?.unit || pcs }}
           </span>
 

package/src/modules/products/components/elements/Price.vue

@@ -3,7 +3,7 @@
     <span
       :class="{
         'h4': !size,
-        'p-medium t-semi': size === 'small',
+        'p-regular t-semi': size === 'small',
         'h3 t-semi': size === 'big'
       }"
     >
@@ -12,9 +12,9 @@
 
     <span
       :class="{
-        'p-medium': !size,
+        'p-regular': !size,
         'p-small': size === 'small',
-        'p-semi': size === 'big'
+        'p-medium': size === 'big'
       }"
       class="p-small mn-l-micro t-transp"
     >
@@ -23,7 +23,7 @@
 
     <p
       v-if="variant.sale"
-      class="pd-r-small t-transp p-medium line-through price"
+      class="pd-r-small t-transp p-regular line-through price"
     >
       {{ returnCurrency() + ((variant.price / 100) * (100 + variant.sale)) }}
     </p>

package/src/modules/products/components/elements/QuantitySelector.vue

@@ -6,7 +6,7 @@
       class="radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1"
       :disabled="modelValue <= 1"
     >
-      <span class="i-regular">-</span>
+      <span class="i-medium">-</span>
     </button>
     <div class="radius-small br-solid br-1px br-light w-3r pd-small">
       <input
@@ -23,7 +23,7 @@
       class="radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1"
       :disabled="modelValue >= maxValue"
     >
-      <span class="i-regular">+</span>
+      <span class="i-medium">+</span>
     </button>
   </div>
 </template>

package/src/modules/products/components/forms/StockAuditForm.vue

@@ -44,7 +44,7 @@
           :class="{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }"
           class="pd-small radius-small flex-column flex-center flex cursor-pointer"
         >
-          <component :is="reason.icon" class="i-regular mn-b-nano" />
+          <component :is="reason.icon" class="i-medium mn-b-nano" />
           <span>{{ reason.label }}</span>
         </div>
       </div>

package/src/modules/products/components/pages/Product.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="products.state.current" class="w-100 mobile:pd-thin pd-small bg-white">
-    <div class="cols-2 mobile:cols-1 tablet:cols-1 w-100 gap-medium">
+    <div class="cols-2 mobile:cols-1 tablet:cols-1 w-100 gap-regular">
 
       <ProductImages
         :images="currentImages"
@@ -24,7 +24,7 @@
           "
         >
           <IconEdit
-            class="i-regular"
+            class="i-medium"
             classes="fill-white"
           />
         </router-link>

package/src/modules/products/components/pages/Products.vue

@@ -49,7 +49,7 @@
               <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
                 <h4 class="w-100">{{ filter.name }}</h4>
                 <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
                 </div>
               </div>
             </template>
@@ -78,7 +78,7 @@
               <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
                 <h4 class="w-100">  Price</h4>
                 <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
                 </div>
               </div>
             </template>
@@ -112,7 +112,7 @@
               <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
                 <h4 class="w-100">Availability</h4>
                 <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-medium"/>
                 </div>
               </div>
             </template>
@@ -124,7 +124,7 @@
                   :class="{ 'bg-light': selectedFilters?.availability }"
                   class="pd-small field-wrapper radius-small bg-light cursor-pointer hover-bg-light transition-all  flex-v-center flex gap-thin"
                 >
-                  <IconCalendar class="i-regular" />
+                  <IconCalendar class="i-medium" />
                   <span class="h-1r">{{ selectedFilters.availability ? `${formatDate(selectedFilters.availability.start, { dayMonth: true, language: 'en' })} - ${formatDate(selectedFilters.availability.end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>
                 </div>
               </div>

package/src/modules/products/components/sections/EditAttributes.vue

@@ -14,19 +14,19 @@
         class="bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin"
       >
         <div class="w-100">
-          <p class="p-medium mn-b-thin t-medium d-block">{{ attribute.name || 'Unnamed parameter' }}</p>
+          <p class="p-regular mn-b-thin t-medium d-block">{{ attribute.name || 'Unnamed parameter' }}</p>
           <p class="t-medium t-transp">{{ attribute.value || 'No value' }}</p>
         </div>
         
         <div class="flex gap-thin">
           <div @click="() => openAttributePopup(index)" class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1">
             <IconEdit
-              class="i-regular"
+              class="i-medium"
             />
           </div>
           <div @click="() => attributes.splice(index, 1)" class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1">
             <IconDelete
-              class="i-regular"
+              class="i-medium"
             />
           </div>
         </div>

package/src/modules/products/components/sections/EditDiscounts.vue

@@ -14,7 +14,7 @@
         class="bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin"
       >
         <div class="w-100">
-          <p class="p-medium mn-b-thin t-medium d-block">{{ discount.name || 'Unnamed discount' }}</p>
+          <p class="p-regular mn-b-thin t-medium d-block">{{ discount.name || 'Unnamed discount' }}</p>
           <p class="t-medium t-transp">
             <template v-if="discount.type === 'special_price'">
               Special price: {{ formatPrice(discount.value) }}
@@ -31,12 +31,12 @@
         <div class="flex gap-thin">
           <div @click="() => openDiscountPopup(index)" class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1">
             <IconEdit
-              class="i-regular"
+              class="i-medium"
             />
           </div>
           <div @click="() => discounts.splice(index, 1)" class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1">
             <IconDelete
-              class="i-regular"
+              class="i-medium"
             />
           </div>
         </div>

package/src/modules/products/components/sections/EditVariants.vue

@@ -46,7 +46,7 @@
           
           <div class="w-100">
             <div class="flex-nowrap mn-b-nano flex-v-center flex">
-              <p class="p-medium t-medium d-block">{{ variant.name || 'Unnamed variant' }}</p>
+              <p class="p-regular t-medium d-block">{{ variant.name || 'Unnamed variant' }}</p>
               <p v-if="variant.status" class="t-small pd-thin mn-l-thin radius-thin bg-light">{{ variant.status }}</p>
             </div>
 
@@ -62,7 +62,7 @@
               class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
               :submit="() => copyVariant(variant)"
             >
-              <IconDuplicate class="i-regular" />
+              <IconDuplicate class="i-medium" />
             </Button>
             <Button
               :showSuccess="false"
@@ -70,7 +70,7 @@
               class="radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
               :submit="() => openVariantPopup(variant)"
             >
-              <IconEdit class="i-regular" />
+              <IconEdit class="i-medium" />
             </Button>
             <Button
               :showSuccess="false"
@@ -78,7 +78,7 @@
               class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1"
               :submit="() => deleteVariant(variant)"
             >
-               <IconDelete class="i-regular" />
+               <IconDelete class="i-medium" />
             </Button>
           </div>
         </li>
@@ -159,7 +159,7 @@
         <div class="radius-small h-100 flex-center flex-child-default flex aspect-1x1 bg-red cursor-pointer hover-scale-1">
           <IconDelete 
             @click="() => currentVariant.attributes.splice(attrIndex, 1)" 
-            class="i-regular"
+            class="i-medium"
           />
         </div>
       </div>

package/src/modules/products/components/sections/FilterProducts.vue

@@ -6,7 +6,7 @@
         :status="true"
       >
         <template #header>
-          <p class="cursor-pointer mn-r-auto t-medium p-semi">{{ t('categoriesTitle') }}</p>
+          <p class="cursor-pointer mn-r-auto t-medium p-medium">{{ t('categoriesTitle') }}</p>
           <!-- SVG Icon -->
         </template>
         <template #content>
@@ -30,7 +30,7 @@
         :status="false"
       >
         <template #header>
-          <p class="cursor-pointer  mn-r-auto t-medium p-semi">{{ t('filters.price.title') }}</p>
+          <p class="cursor-pointer  mn-r-auto t-medium p-medium">{{ t('filters.price.title') }}</p>
           <!-- SVG Icon -->
         </template>
         <template #content>
@@ -54,7 +54,7 @@
         :status="false"
       >
         <template #header>
-          <p class="cursor-pointer  mn-r-auto t-medium p-semi">Delivery</p>
+          <p class="cursor-pointer  mn-r-auto t-medium p-medium">Delivery</p>
         </template>
         <template #content>
           <Checkbox 

package/src/modules/products/components/sections/HeroRecommendation.vue

@@ -82,7 +82,7 @@
 			/>
 
 			<p 
-				class="mn-b-big p-semi t-transp" 
+				class="mn-b-big p-medium t-transp" 
 				v-html="t('description')"
 			/>
 			
@@ -99,7 +99,7 @@
 			/>
 
 			<p 
-				class="w-m-60r t-transp mn-b-semi p-medium" 
+				class="w-m-60r t-transp mn-b-semi p-regular" 
 				v-html="t('subdescription')"
 			/>