@riosst100/pwa-marketplace 2.0.6 → 2.0.8

package/src/components/SportCardsSets/sportCardsSets.js

@@ -170,15 +170,15 @@ const SportCardsSets = props => {
             <>
                 {active == "all" && newSportCardsSets.length > 1 ?
                 <div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
-                    <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' >
+                    <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
                         {group}
                     </div>
                     <div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
                 </div> : ''}
                 {active == group || newSportCardsSets.length == 1 ? setsResultSplitted && setsResultSplitted.length && setsResultSplitted.map((setsResult, index) =>
                     <div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
-                        {index == 0 ? <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2'>{group}</div> : 
-                        <div className='singles_item_group_letter text-xl font-semibold pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
+                        {index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> : 
+                        <div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
                         <div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
                     </div>
                 )

package/src/components/SportCardsSets/sportCardsSets.shimmer.js

@@ -23,22 +23,22 @@ const SportCardsSets = props => {
                 <section className='singles-container'>
                     <div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                     </div>
                 </section>

package/src/components/TrainsSets/trainsSets.js

@@ -133,15 +133,15 @@ const TrainsSets = props => {
             <>
                 {active == "all" && newTrainsSets.length > 1 ?
                 <div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
-                    <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' >
+                    <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
                         {group}
                     </div>
                     <div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
                 </div> : ''}
                 {active == group || newTrainsSets.length == 1 ? setsResultSplitted && setsResultSplitted.length && setsResultSplitted.map((setsResult, index) =>
                     <div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
-                        {index == 0 ? <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2'>{group}</div> : 
-                        <div className='singles_item_group_letter text-xl font-semibold pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
+                        {index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> : 
+                        <div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
                         <div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
                     </div>
                 )

package/src/components/TrainsSets/trainsSets.shimmer.js

@@ -22,22 +22,22 @@ const TrainsSets = props => {
                 <section className='singles-container'>
                     <div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                         <div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
-                            <div className='singles_item_group_letter text-xl font-semibold border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
+                            <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
                         </div>
                     </div>
                 </section>

package/src/components/commons/Tabs/index.js

@@ -16,7 +16,7 @@ const Tabs = (props) => {
 
     const [activeTabs, setActiveTabs] = React.useState(0);
     const rootClass = cn('mb-4 border-b border-gray-100', rootClassName);
-    const tabTitleClass = cn('inline-block p-[10px] rounded-t-lg text-[14px] font-semibold', tabTitleClassName);
+    const tabTitleClass = cn('inline-block p-[10px] rounded-t-lg text-[14px] font-medium', tabTitleClassName);
     const tabContainerClass = cn('tab-content-container', tabContentContainerClassName);
     const tabContentWrapperClass = cn('tab-content-wrapper', tabContentWrapperClassName);
     const tabActiveClass = cn('border-solid border-b-2', tabActiveClassName);

package/src/overwrites/venia-ui/lib/RootComponents/Category/NoProductsFound/noProductsFound.module.css

@@ -7,7 +7,7 @@
 }
 
 .title {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-colorDefault from global;
     composes: text-center from global;
 }

package/src/overwrites/venia-ui/lib/RootComponents/Category/category.js

@@ -12,6 +12,7 @@ import { useIntl } from 'react-intl';
 import ShopBy from '@riosst100/pwa-marketplace/src/components/ShopBy/shopBy';
 import SubCategoryPage from '@riosst100/pwa-marketplace/src/components/CustomSubCategoryPage/subCategoryPage';
 import ShopBySets from '@riosst100/pwa-marketplace/src/components/ShopBySets/shopBySets';
+import ShopByCard from '@riosst100/pwa-marketplace/src/components/ShopByCard/shopByCard';
 import { useLocation } from 'react-router-dom';
 import SportCardsSets from '@riosst100/pwa-marketplace/src/components/SportCardsSets/sportCardsSets';
 import NonSportCardsSets from '@riosst100/pwa-marketplace/src/components/NonSportCardsSets/nonSportCardsSets';
@@ -100,6 +101,9 @@ const Category = props => {
                 isLoading={loading} /> : shopby == "sets" || shopby == "expansion_sets" || shopby == "release_year" ? <ShopBySets
                 categoryId={uid}
                 shopby={shopby}
+                isLoading={loading} /> : shopby == "card" ? <ShopByCard
+                categoryId={uid}
+                shopby={shopby}
                 isLoading={loading} /> : (shopby && shopby != "gauge" ? (
                     <ShopBy
                     categoryId={uid}

package/src/overwrites/venia-ui/lib/RootComponents/Category/category.module.css

@@ -3,7 +3,7 @@
 }
 
 .title {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-[24px] from global;
     composes: leading-[24px] from global;
     padding: 20px 0px 20px;
@@ -19,7 +19,7 @@
 }
 
 .categoryTitle {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-[20px] from global;
 }
 

package/src/overwrites/venia-ui/lib/components/AccountMenu/accountMenuItems.module.css

@@ -8,7 +8,7 @@
 
 .link {
     composes: cursor-pointer from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: inline-flex from global;
     composes: items-center from global;
     composes: justify-start from global;

package/src/overwrites/venia-ui/lib/components/CartPage/GiftCards/giftCards.module.css

@@ -60,7 +60,7 @@
 .card_input_container_error p {
     /* composes: text-error from global; */
     color: rgb(var(--venia-global-color-error));
-    /* composes: font-semibold from global; */
+    /* composes: font-medium from global; */
     font-weight: 600;
 }
 

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.module.css

@@ -33,7 +33,7 @@
 .entryFormError p {
     /* composes: text-error from global; */
     color: rgb(var(--venia-global-color-error));
-    /* composes: font-semibold from global; */
+    /* composes: font-medium from global; */
     font-weight: 600;
 }
 

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingForm.module.css

@@ -10,7 +10,7 @@
 }
 
 .formTitle {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .zip {

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingMethods.module.css

@@ -9,7 +9,7 @@
 }
 
 .prompt {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .shipping_methods {

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingRadio.module.css

@@ -1,3 +1,3 @@
 .price {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.js

@@ -110,7 +110,7 @@ const PriceSummary = props => {
     return (
         <div className={cn(classes.root, 'border border-gray-100 rounded-md p-6')} data-cy="PriceSummary-root">
             <div>
-                <p className='text-[16px] front font-semibold mb-4'>
+                <p className='text-[16px] front font-medium mb-4'>
                     <FormattedMessage
                         id={'priceSummary.summaryLabel'}
                         defaultMessage={'Summary'}

package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.module.css

@@ -27,12 +27,12 @@
 
 .totalLabel {
     composes: lineItemLabel;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .totalPrice {
     composes: price;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .priceUpdating {

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productDetail.module.css

@@ -17,7 +17,7 @@
 }
 
 .productName {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-xl from global;
 }
 
@@ -29,5 +29,5 @@
 }
 
 .price {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productForm.module.css

@@ -13,7 +13,7 @@
 }
 
 .quantityLabel {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-normal from global;
     composes: mb-sm from global;
     composes: pt-xs from global;

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/errorMessage.module.css

@@ -2,7 +2,7 @@
     composes: border-l-4 from global;
     composes: border-solid from global;
     composes: border-error from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-normal from global;
     composes: mb-xs from global;
     composes: pl-xs from global;

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.js

@@ -139,7 +139,7 @@ const Product = props => {
                 </div>
                 <div className="flex flex-col">
 
-                    <span className={cn(classes.price, 'text-[16px] font-semibold text-right mb-5')} data-cy="Product-price">
+                    <span className={cn(classes.price, 'text-[16px] font-medium text-right mb-5')} data-cy="Product-price">
                         <Price currencyCode={currency} value={unitPrice} />
                         {/* <FormattedMessage
                             id={'product.price'}

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.module.css

@@ -68,7 +68,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     grid-area: name;
     display: -webkit-box;
     -webkit-line-clamp: 2;
@@ -117,7 +117,7 @@
 }
 
 .stockStatusMessage {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-error from global;
     composes: text-sm from global;
     grid-area: stock;

package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressBook.module.css

@@ -65,7 +65,7 @@
     composes: border-2 from global;
     composes: border-dashed from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: rounded-md from global;
     composes: text-brand-dark from global;
     composes: text-sm from global;

package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressCard.module.css

@@ -63,7 +63,7 @@
     composes: border from global;
     composes: border-solid from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: mb-1 from global;
     composes: px-sm from global;
     composes: py-1.5 from global;
@@ -73,7 +73,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .address {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/item.module.css

@@ -38,7 +38,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     grid-column: 2 / span 1;
     grid-row: 1 / span 1;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/itemsReview.module.css

@@ -16,5 +16,5 @@
 }
 
 .total_quantity_amount {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/showAllButton.module.css

@@ -16,7 +16,7 @@
 }
 
 .text {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-brand-dark from global;
     composes: text-sm from global;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderConfirmationPage/orderConfirmationPage.module.css

@@ -33,7 +33,7 @@
 }
 
 .header {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .text {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderSummary/orderSummary.js

@@ -10,7 +10,7 @@ const OrderSummary = props => {
     console.log("🚀 ~ OrderSummary ~ props:", props)
     return (
         <div data-cy="OrderSummary-root" className={classes.root}>
-            <h2 aria-live="polite" className="text-[16px] font-semibold mb-4">
+            <h2 aria-live="polite" className="text-[16px] font-medium mb-4">
                 <FormattedMessage
                     id={'checkoutPage.orderSummary'}
                     defaultMessage={'Summary'}

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/braintreeSummary.module.css

@@ -23,7 +23,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .address_summary_container {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/paymentMethods.module.css

@@ -23,7 +23,7 @@
 }
 
 .radio_label {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: justify-self-start from global;
 }
 

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/summary.module.css

@@ -11,7 +11,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .card_details_container {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/checkoutPage.module.css

@@ -47,7 +47,7 @@
     composes: border-b from global;
     composes: border-solid from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: pb-xs from global;
     composes: text-colorDefault from global;
     composes: uppercase from global;

package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.js

@@ -69,7 +69,7 @@ const CreateAccount = props => {
             onKeyDown={handleEnterKeyPress}
             data-cy="CreateAccount-submitButton"
             classes={{
-                content: 'font-semibold text-[16px] capitalize',
+                content: 'font-medium text-[16px] capitalize',
             }}
         >
             <FormattedMessage

package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.module.css

@@ -48,5 +48,5 @@
 .title {
     composes: capitalize from global;
     composes: text-lg from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/FilterModal/CurrentFilters/currentFilter.module.css

@@ -2,7 +2,7 @@
     min-height: 24px;
     composes: border from global;
     composes: border-gray-100 from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: gap-2xs from global;
     composes: grid-flow-col from global;
     composes: inline-grid from global;

package/src/overwrites/venia-ui/lib/components/FilterModal/filterBlock.module.css

@@ -14,7 +14,7 @@
     composes: leading-[14px] from global;
     composes: text-left from global;
     composes: text-base from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .list {}

package/src/overwrites/venia-ui/lib/components/FilterSidebar/filterSidebar.module.css

@@ -31,7 +31,7 @@
     composes: items-center from global;
     composes: leading-normal from global;
     composes: text-[14px] from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: px-2.5 from global;
     composes: mb-2.5 from global;
 }

package/src/overwrites/venia-ui/lib/components/Footer/footer.module.css

@@ -38,7 +38,7 @@
 
 .linkItem {
     composes: first_text-colorDefault from global;
-    composes: first_font-semibold from global;
+    composes: first_font-medium from global;
 }
 
 .callout {
@@ -52,7 +52,7 @@
 }
 
 .calloutHeading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-colorDefault from global;
     composes: text-sm from global;
 }

package/src/overwrites/venia-ui/lib/components/Gallery/item.js

@@ -138,7 +138,7 @@ const GalleryItem = props => {
                         <span>{name}</span>
                     </Link>
                     <div data-cy="GalleryItem-price" className={cn(classes.price, 'mb-2.5 pt-2.5')}>
-                        <p className='font-semibold text-colorDefault !mb-1 !leading-[14px]'>
+                        <p className='font-medium text-colorDefault !mb-1 !leading-[14px]'>
                             <Price
                                 value={priceSource.value}
                                 currencyCode={priceSource.currency}

package/src/overwrites/venia-ui/lib/components/Gallery/item.module.css

@@ -86,7 +86,7 @@
 .price {
     composes: text-colorDefault from global;
     composes: text-[14px] from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     min-height: 1rem;
 }
 

package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.module.css

@@ -1,7 +1,7 @@
 .counter {
     composes: absolute from global;
     composes: bg-brand-dark from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-tight from global;
     composes: left-sm from global;
     composes: min-w-[1.25rem] from global;

package/src/overwrites/venia-ui/lib/components/MegaMenu/customSubmenuColumn.module.css

@@ -4,7 +4,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .link {

package/src/overwrites/venia-ui/lib/components/MegaMenu/shopByColumn.module.css

@@ -4,7 +4,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .link {

package/src/overwrites/venia-ui/lib/components/Newsletter/newsletter.module.css

@@ -51,7 +51,7 @@
 
 .title {
     composes: block from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: mb-xs from global;
     composes: text-colorDefault from global;
     composes: text-sm from global;

package/src/overwrites/venia-ui/lib/components/OrderHistoryPage/orderRow.js

@@ -93,7 +93,7 @@ const OrderRow = props => {
         );
 
     const badgeStatusStyle = () => {
-        return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-semibold rounded-full px-[30px] py-[5px] border-none';
+        return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-medium rounded-full px-[30px] py-[5px] border-none';
     }
 
     const thumbnailProps = {
@@ -157,7 +157,7 @@ const OrderRow = props => {
                                 defaultMessage={'Order Total'}
                             />
                         </span>
-                        <div className="text-lg font-semibold text-left md_text-center block">{orderTotalPrice}</div>
+                        <div className="text-lg font-medium text-left md_text-center block">{orderTotalPrice}</div>
                     </div>
                 </div>
             </div>