@vtex/faststore-plugin-buyer-portal 2.0.1 → 2.0.2

package/src/features/buying-policies/layouts/BuyingPolicyDetailsLayout/buying-policy-details-layout.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "@faststore/ui/src/components/molecules/Dropdown/styles.scss";
 
 @import "../../../shared/layouts/FinanceTabsLayout/finance-tabs-layout.scss";
@@ -25,7 +26,7 @@
       border-top: none;
     }
 
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       flex-direction: column;
     }
 
@@ -94,7 +95,7 @@
   }
 
   [data-fs-buying-policy-details-line-initial] {
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       flex-direction: row;
     }
   }

package/src/features/contracts/layouts/ContractsLayout/contracts-layout.scss

@@ -1,6 +1,4 @@
 [data-fs-contracts-section] {
-  @import "@faststore/ui/src/components/molecules/Toggle/styles.scss";
-
   @import "../../../shared/components/InternalSearch/internal-search.scss";
   @import "../../../shared/components/DropdownFilter/dropdown-filter.scss";
   @import "../../../shared/components/Tag/tag.scss";

package/src/features/credit-cards/components/CreateCreditCardDrawer/create-credit-card-drawer.scss

@@ -1,12 +1,10 @@
 @import "../../../shared/components/BasicDrawer/basic-drawer.scss";
 @import "../../../shared/components/InputText/input-text.scss";
 @import "../../../shared/components/ErrorMessage/error-message.scss";
-@import "@faststore/ui/src/components/atoms/Select/styles.scss";
 @import "@faststore/ui/src/components/molecules/Alert/styles.scss";
 @import "../CreditCardForm/credit-card-form.scss";
 
 [data-fs-bp-create-credit-card-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   @import "../../../addresses/components/ExistingAddress/existing-address.scss";
 
   [data-fs-bp-create-credit-card-drawer-section-label] {

package/src/features/credit-cards/components/CreditCardSettingsDrawer/credit-card-settings-drawer.scss

@@ -1,12 +1,10 @@
 @import "../../../shared/components/BasicDrawer/basic-drawer.scss";
 @import "../../../shared/components/InputText/input-text.scss";
 @import "../../../shared/components/ErrorMessage/error-message.scss";
-@import "@faststore/ui/src/components/atoms/Select/styles.scss";
 @import "@faststore/ui/src/components/molecules/Alert/styles.scss";
 @import "../CreditCardForm/credit-card-form.scss";
 
 [data-fs-bp-edit-credit-card-settings-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   @import "../../../addresses/components/ExistingAddress/existing-address.scss";
 
   [data-fs-bp-edit-credit-card-settings-drawer-section-label] {

package/src/features/credit-cards/components/EditCreditCardDrawer/edit-credit-card-drawer.scss

@@ -3,5 +3,4 @@
 @import "../../../shared/components/ErrorMessage/error-message.scss";
 
 [data-fs-bp-edit-credit-card-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
 }

package/src/features/credit-cards/components/RemoveCreditCardDrawer/remove-credit-card-drawer.scss

@@ -1,7 +1,6 @@
 @import "../../../shared/components/BasicDrawer/basic-drawer.scss";
 
 [data-fs-bp-remove-credit-card-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
 
   [data-fs-bp-drawer-label] {
     color: #0366dd;

package/src/features/credit-cards/layouts/CreditCardsLayout/credit-card-layout.scss

@@ -1,9 +1,8 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../../../shared/components/MainLinksDropdownMenu/main-links-dropdown-menu.scss";
 @import "../../components/CreateCreditCardDrawer/create-credit-card-drawer.scss";
 @import "../../components/EditCreditCardDrawer/edit-credit-card-drawer.scss";
 @import "../../components/RemoveCreditCardDrawer/remove-credit-card-drawer.scss";
-@import "@faststore/ui/src/components/molecules/Toggle/styles.scss";
-
 [data-fs-credit-card-section] {
 	@import "../../../shared/components/InternalSearch/internal-search.scss";
 	@import "../../../shared/components/DropdownFilter/dropdown-filter.scss";
@@ -14,11 +13,11 @@
 
 	padding: 0 calc(var(--fs-spacing-9) - var(--fs-spacing-0));
 
-	@include media("<=notebook") {
+	@include u.media("<=notebook") {
 		padding: 0;
 	}
 
-	@include media("<=phonemid") {
+	@include u.media("<=phonemid") {
 		padding-bottom: var(--fs-spacing-7);
 
 		[data-fs-bp-header-inside] {

package/src/features/org-units/components/AuthSetupDrawer/auth-setup-drawer.scss

@@ -1,7 +1,6 @@
 @import "@faststore/ui/src/components/molecules/Tooltip/styles.scss";
 
 [data-fs-bp-auth-setup-drawer] {
-  @import "@faststore/ui/src/components/atoms/Checkbox/styles.scss";
 
   [data-fs-checkbox]:disabled {
     border-color: var(--fs-bp-color-neutral-3);

package/src/features/org-units/components/OrgUnitBreadcrumb/org-unit-breadcrumb.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-bp-breadcrumb-nav] {
   @import "@faststore/ui/src/components/molecules/Dropdown/styles.scss";
   @import "@faststore/ui/src/components/molecules/Tooltip/styles.scss";
@@ -12,7 +13,7 @@
     --fs-tooltip-background: var(--fs-bp-color-neutral-8);
     --fs-tooltip-border-radius: var(--fs-bp-border-radius-1);
   }
-  @include media(">=tablet") {
+  @include u.media(">=tablet") {
     flex-wrap: wrap;
   }
 

package/src/features/org-units/components/OrgUnitDetailsNavbar/org-unit-details-navbar.scss

@@ -1,5 +1,5 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-bp-org-unit-details-navbar] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   
   display: flex;
   justify-content: space-between;
@@ -9,7 +9,7 @@
   border-bottom: 1px solid var(--fs-bp-color-neutral-2);
   min-height: 4.25rem;
 
-  @include media('>=tablet') {
+  @include u.media(">=tablet") {
     padding-left: var(--fs-bp-padding-10);
     padding-right: var(--fs-bp-padding-10);
   }
@@ -48,7 +48,7 @@
       background-color: var(--fs-bp-color-transparent-1);
     }
 
-    @include media('>=tablet') {
+    @include u.media(">=tablet") {
       display: inline-flex;
     }
   }

package/src/features/org-units/layouts/OrgUnitDetailsLayout/org-units-details.scss

@@ -1,5 +1,5 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "@faststore/ui/src/components/molecules/Dropdown/styles.scss";
-@import "@faststore/ui/src/components/molecules/Breadcrumb/styles.scss";
 @import "../../../shared/components/BasicDropdownMenu/basic-dropdown-menu.scss";
 @import "../../components/OrgUnitDetailsNavbar/org-unit-details-navbar.scss";
 @import "../../../shared/layouts/BaseTabsLayout/about-drawer/about-drawer.scss";
@@ -12,7 +12,6 @@
 @import "../../components/AuthSetupDrawer/auth-setup-drawer.scss";
 
 [data-fs-org-units-details-section] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   @import "../../../shared/components/BasicCard/basic-card.scss";
   @import "../../../shared/components/VerticalNav/vertical-nav.scss";
   @import "../../../shared/components/LetterHighlight/letter-highlight.scss";
@@ -26,12 +25,12 @@
   padding: var(--fs-bp-margin-0) var(--fs-bp-padding-5);
   padding-bottom: var(--fs-bp-padding-12);
 
-  @include media(">=tablet") {
+  @include u.media(">=tablet") {
     padding-left: var(--fs-bp-padding-10);
     padding-right: var(--fs-bp-padding-10);
   }
 
-  @include media(">=notebook") {
+  @include u.media(">=notebook") {
     padding-left: var(--fs-bp-padding-12);
     padding-right: var(--fs-bp-padding-12);
   }
@@ -54,7 +53,7 @@
     grid-template-rows: auto;
     gap: var(--fs-bp-gap-5);
 
-    @include media(">=notebook") {
+    @include u.media(">=notebook") {
       grid-template-columns: repeat(2, 1fr);
       grid-auto-rows: 1fr;
     }
@@ -78,7 +77,7 @@
     [data-fs-card-body] {
       padding: var(--fs-bp-margin-2) var(--fs-bp-margin-0) var(--fs-bp-margin-5);
 
-      @include media(">=tablet") {
+      @include u.media(">=tablet") {
         padding: var(--fs-bp-margin-5) var(--fs-bp-margin-3)
           var(--fs-bp-margin-8);
       }
@@ -87,7 +86,7 @@
     [data-fs-card-footer] {
       padding: var(--fs-bp-padding-5);
 
-      @include media(">=tablet") {
+      @include u.media(">=tablet") {
         padding-left: var(--fs-bp-padding-8);
         padding-right: var(--fs-bp-padding-8);
       }
@@ -96,7 +95,7 @@
         color: var(--fs-bp-color-brand);
         @include text-style("action");
 
-        @include media(">=tablet") {
+        @include u.media(">=tablet") {
           @include text-style("emphasis");
         }
       }
@@ -111,7 +110,7 @@
         width: var(--fs-bp-spacing-9);
         height: var(--fs-bp-spacing-9);
 
-        @include media(">=tablet") {
+        @include u.media(">=tablet") {
           @include text-style("display-6");
           margin-bottom: var(--fs-bp-margin-1);
           width: var(--fs-bp-spacing-12);
@@ -124,14 +123,14 @@
   [data-fs-vertical-nav-menu] {
     [data-fs-vertical-nav-menu-list] {
       margin-top: var(--fs-bp-margin-1);
-      @include media(">=tablet") {
+      @include u.media(">=tablet") {
         margin-top: var(--fs-bp-margin-5);
       }
 
       [data-fs-vertical-nav-menu-link] {
         border-radius: var(--fs-bp-border-radius-0);
 
-        @include media(">=tablet") {
+        @include u.media(">=tablet") {
           border-radius: var(--fs-bp-border-radius-full);
         }
       }

package/src/features/org-units/layouts/OrgUnitsLayout/org-units-layout.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../../components/DeleteOrgUnitDrawer/delete-org-unit-drawer.scss";
 @import "../../components/CreateOrgUnitDrawer/create-org-unit-drawer.scss";
 @import "../../components/OrgUnitsDropdownMenu/org-units-dropdown-menu.scss";
@@ -8,7 +9,6 @@
 @import "../../../shared/layouts/OrgUnitTabsLayout/org-unit-tabs-layout.scss";
 
 [data-fs-org-units-section] {
-  @import "@faststore/ui/src/components/molecules/Toggle/styles.scss";
   @import "../../../shared/components/EmptyState/empty-state.scss";
   @import "../../components/OrgUnitsHierarchyTree/org-units-hierarchy-tree.scss";
 
@@ -16,7 +16,7 @@
   @import "../../../shared/components/HierarchyTree/hierarchy-tree.scss";
   @import "../../../shared/components/InternalSearch/internal-search.scss";
 
-  @include media("<=phonemid") {
+  @include u.media("<=phonemid") {
     padding-bottom: var(--fs-spacing-7);
 
     [data-fs-bp-header-inside] {
@@ -42,7 +42,7 @@
     justify-content: space-between;
     padding: 0 0 var(--fs-spacing-4);
 
-    @include media("<tablet") {
+    @include u.media("<tablet") {
       [data-fs-buyer-portal-internal-search] {
         width: 100%;
       }

package/src/features/payment-methods/components/AddPaymentMethodsDrawer/add-payment-methods-drawer.scss

@@ -1,10 +1,10 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../SearchPaymentMethods/search-payment-methods.scss";
 
 [data-fs-bp-add-payment-methods-drawer] {
   [data-fs-payment-methods-drawer] {
     @import "../../../shared/components/EmptyState/empty-state.scss";
     @import "../../../shared/components/Table/table.scss";
-    @import "@faststore/ui/src/components/atoms/Checkbox/styles.scss";
     @import "@faststore/ui/src/components/atoms/Skeleton/styles.scss";
 
     [data-fs-bp-add-payment-methods-drawer-description] {
@@ -22,7 +22,7 @@
       align-items: center;
       height: 2.5rem;
 
-      @include media("<=tablet") {
+      @include u.media("<=tablet") {
         [data-fs-buyer-portal-internal-search] {
           width: 100%;
         }
@@ -61,19 +61,19 @@
     }
   }
 
-  @include media("<=tablet") {
+  @include u.media("<=tablet") {
     [data-fs-buyer-portal-internal-search] {
       width: 18rem !important;
     }
   }
 
-  @include media("<=phonemid") {
+  @include u.media("<=phonemid") {
     [data-fs-buyer-portal-internal-search] {
       width: 14rem !important;
     }
   }
 
-  @include media("<=phone") {
+  @include u.media("<=phone") {
     [data-fs-buyer-portal-internal-search] {
       width: 10rem !important;
     }

package/src/features/payment-methods/components/RemovePaymentMethodsDrawer/remove-payment-methods-drawer.scss

@@ -1,6 +1,5 @@
 [data-fs-bp-remove-payment-methods-drawer] {
     [data-fs-payment-methods-drawer] {
-        @import "@faststore/ui/src/components/atoms/Checkbox/styles.scss";
         @import "@faststore/ui/src/components/molecules/CheckboxField/styles.scss";
 
         [data-fs-bp-remove-payment-methods-drawer-description] {

package/src/features/payment-methods/components/SearchPaymentMethods/search-payment-methods.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../../../shared/components/InternalSearch/internal-search.scss";
 
 [data-fs-bp-payment-methods-search-container] {
@@ -14,7 +15,7 @@
     display: block;
   }
 
-  @include media("<=tablet") {
+  @include u.media("<=tablet") {
     [data-fs-payment-methods-section] {
       [data-fs-buyer-portal-internal-search] {
         width: 100%;

package/src/features/payment-methods/layouts/PaymentMethodsLayout/payment-methods-layout.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../../components/AddPaymentMethodsDrawer/add-payment-methods-drawer.scss";
 @import "../../components/RemovePaymentMethodsDrawer/remove-payment-methods-drawer.scss";
 @import "../../components/SearchPaymentMethods/search-payment-methods.scss";
@@ -87,7 +88,7 @@
   @import "../../../shared/components/EmptyState/empty-state.scss";
   @import "../../../shared/components/Paginator/paginator.scss";
 
-  @include media(">=notebook") {
+  @include u.media(">=notebook") {
     padding: 0 calc(var(--fs-spacing-9) - var(--fs-spacing-0));
   }
 
@@ -109,7 +110,7 @@
     height: 2.5rem;
     margin-bottom: var(--fs-spacing-3);
 
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       [data-fs-buyer-portal-internal-search] {
         width: 100%;
       }
@@ -149,12 +150,12 @@
     text-align: end;
     display: none;
     margin-top: var(--fs-spacing-3);
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       display: block;
     }
   }
 
-  @include media("<=phonemid") {
+  @include u.media("<=phonemid") {
     padding-bottom: var(--fs-spacing-7);
 
     [data-fs-buyer-portal-internal-search] {

package/src/features/profile/components/ProfileSummary/profile-summary.scss

@@ -44,7 +44,6 @@
 }
 
 [data-fs-self-profile-summary-person-actions] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
 
   display: grid;
   align-items: center;
@@ -75,5 +74,7 @@
     --fs-button-text-size: var(--fs-bp-text-body);
     --fs-control-tap-size: var(--fs-bp-spacing-9);
     flex: 0 0 auto;
+    color: #0366dd;
+    font-weight: var(--fs-text-weight-semibold);
   }
 }

package/src/features/profile/layouts/ProfileLayout/profile-layout.scss

@@ -1,8 +1,8 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "../../../shared/components/MainLinksDropdownMenu/main-links-dropdown-menu.scss";
 @import "../../../shared/layouts/ContractTabsLayout/contract-tabs-layout.scss";
 
 [data-fs-bp-profile] {
-  @import "@faststore/ui/src/components/molecules/Toggle/styles.scss";
   @import "../../../shared/components/InternalTopbar/internal-top-bar.scss";
   @import "../../../shared/components/HeaderInside/header-inside.scss";
   @import "../../../shared/components/Error/error.scss";
@@ -47,7 +47,7 @@
       font-size: var(--fs-bp-text-body);
     }
 
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       flex-direction: column;
     }
   }

package/src/features/roles/layout/RoleDetailsLayout/role-details-layout.scss

@@ -1,8 +1,9 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-role-details-page] {
 	@import "../../../shared/components/Table/table.scss";
 
 	[data-fs-bp-table-head] {
-		@include media("<=tablet") {
+		@include u.media("<=tablet") {
 			border: none;
 		}
 
@@ -17,7 +18,7 @@
 		justify-content: space-between;
 		margin-bottom: var(--fs-spacing-3);
 
-		@include media(">=tablet") {
+		@include u.media(">=tablet") {
 			margin-bottom: calc(var(--fs-spacing-3) + var(--fs-spacing-0));
 		}
 
@@ -45,11 +46,11 @@
 		[data-fs-bp-table-row-title-cell] {
 			padding-left: var(--fs-spacing-0);
 
-			@include media(">phonemid") {
+			@include u.media(">phonemid") {
 				padding-left: var(--fs-spacing-2);
 			}
 
-			@include media(">tablet") {
+			@include u.media(">tablet") {
 				padding-left: calc(var(--fs-spacing-4) - var(--fs-spacing-0));
 			}
 		}
@@ -57,11 +58,11 @@
 		[data-fs-bp-table-row-actions] {
 			padding-right: var(--fs-spacing-0);
 
-			@include media(">phonemid") {
+			@include u.media(">phonemid") {
 				padding-right: var(--fs-spacing-2);
 			}
 
-			@include media(">tablet") {
+			@include u.media(">tablet") {
 				padding-right: calc(var(--fs-spacing-4) - var(--fs-spacing-0));
 			}
 		}
@@ -76,7 +77,7 @@
 				display: block;
 				padding: var(--fs-spacing-0) 0;
 
-				@include media(">tablet") {
+				@include u.media(">tablet") {
 					display: flex;
 					padding: 0;
 				}
@@ -91,7 +92,7 @@
 				overflow: hidden;
 				text-overflow: ellipsis;
 
-				@include media(">phonemid") {
+				@include u.media(">phonemid") {
 					font-size: var(--fs-text-size-1);
 					line-height: calc(var(--fs-spacing-4) - var(--fs-spacing-0));
 					font-weight: var(--fs-text-weight-medium);
@@ -108,7 +109,7 @@
 				color: #1f1f1f;
 				margin-top: var(--fs-spacing-0);
 
-				@include media(">tablet") {
+				@include u.media(">tablet") {
 					display: none;
 				}
 			}

package/src/features/shared/components/BasicDrawer/basic-drawer.scss

@@ -1,8 +1,7 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 @import "@faststore/ui/src/components/atoms/Overlay/styles.scss";
-@import "@faststore/ui/src/components/organisms/SlideOver/styles.scss";
 
 [data-fs-bp-basic-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
 
   display: flex;
   flex-direction: column;
@@ -16,7 +15,7 @@
     max-height: 100%;
   }
 
-  @include media("<=tablet") {
+  @include u.media("<=tablet") {
     &[data-fs-slide-over][data-fs-mobile-bottom-sheet] {
       &:not([data-fs-slide-over-sidebar]) {
         left: 0;
@@ -52,7 +51,7 @@
     }
   }
 
-  @include media(">=tablet") {
+  @include u.media(">=tablet") {
     height: 100%;
     bottom: auto;
     border-radius: var(--fs-bp-border-radius-0);
@@ -61,7 +60,7 @@
   &[data-fs-slide-over-size="partial"] {
     width: 100%;
 
-    @include media(">=tablet") {
+    @include u.media(">=tablet") {
       width: 30rem; // 480px 
       min-width: 3rem;
       max-width: 100vw;
@@ -87,7 +86,7 @@
     min-height: 4.25rem;
     padding-left: var(--fs-bp-padding-5);
 
-    @include media('>=tablet') {
+    @include u.media(">=tablet") {
       padding-left: .625rem;
     }
 
@@ -96,12 +95,12 @@
       font-weight: var(--fs-bp-weight-semibold);
       color: var(--fs-bp-color-black);
       
-      @include media(">=tablet") {
+      @include u.media(">=tablet") {
         @include text-style('display-6');
       }
 
       &:first-child {
-        @include media('>=tablet') {
+        @include u.media(">=tablet") {
           padding-left: 3.125rem;
         }
       }
@@ -139,11 +138,11 @@
       padding: var(--fs-bp-padding-5);
       width: 100%;
   
-      @include media('>=tablet') {
+      @include u.media(">=tablet") {
         padding: var(--fs-bp-padding-8) var(--fs-bp-padding-10) 0;
       }
   
-      @include media('>=notebook') {
+      @include u.media(">=notebook") {
         padding: var(--fs-bp-padding-9) var(--fs-bp-padding-12) 0;
       }
     }
@@ -158,7 +157,7 @@
     flex-direction: column;
     gap: var(--fs-bp-gap-5);
 
-    @include media(">=tablet") {
+    @include u.media(">=tablet") {
       flex-direction: row;
       padding: var(--fs-bp-padding-6) var(--fs-bp-padding-12);
     }

package/src/features/shared/components/CustomDropdown/custom-dropdown.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-bp-custom-dropdown] {
   position: relative;
   display: inline-block;
@@ -57,7 +58,7 @@
     line-height: var(--fs-spacing-3);
     text-align: center;
 
-    @include media("<=tablet") {
+    @include u.media("<=tablet") {
       min-width: 8rem;
     }
   }

package/src/features/shared/components/HeaderInside/header-inside.scss

@@ -1,3 +1,4 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-bp-header-inside] {
   width: 100%;
   display: flex;
@@ -7,11 +8,11 @@
   box-sizing: content-box;
   min-height: var(--fs-bp-spacing-9);
 
-  @include media('>=tablet') {
+  @include u.media(">=tablet") {
     padding: var(--fs-bp-padding-8) 0;
   }
 
-  @include media('>=notebook') {
+  @include u.media(">=notebook") {
     padding: var(--fs-bp-padding-9) 0;
   }
 
@@ -30,7 +31,7 @@
     text-transform: capitalize;
     margin-right: auto;
 
-    @include media('>=tablet') {
+    @include u.media(">=tablet") {
       @include text-style('display-5');
     }
   }
@@ -50,7 +51,7 @@
     background-color: var(--fs-bp-color-brand);
     color: var(--fs-bp-color-white);
 
-    @include media ('>=tablet') {
+    @include u.media(">=tablet") {
       position: static;
       margin-left: var(--fs-bp-spacing-5);
       width: var(--fs-bp-spacing-9);

package/src/features/shared/components/InternalTopbar/internal-top-bar.scss

@@ -1,7 +1,6 @@
 @import "@faststore/ui/src/components/molecules/Dropdown/styles.scss";
 
 [data-fs-buyer-portal-topbar] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
 
   display: flex;
   justify-content: space-between;

package/src/features/shared/components/Pagination/pagination.scss

@@ -1,5 +1,5 @@
+@use "~@faststore/ui/src/styles/base/utilities" as u;
 [data-fs-bp-pagination] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
   @import "@faststore/ui/src/components/atoms/Loader/styles.scss";
   @import "@faststore/ui/src/components/atoms/Skeleton/styles.scss";
 
@@ -25,7 +25,7 @@
     margin-left: auto;
   }
 
-  @include media("<=tablet") {
+  @include u.media("<=tablet") {
     [data-fs-buyer-portal-internal-search] {
       width: 100% !important;
     }

package/src/features/shared/components/SettingsDrawer/settings-drawer.scss

@@ -1,5 +1,4 @@
 [data-fs-bp-settings-drawer] {
-  @import "@faststore/ui/src/components/atoms/Radio/styles.scss";
 
   [data-fs-bp-settings-drawer-body] {
     color: #1f1f1f;