@sonic-equipment/ui 128.0.0 → 130.0.0

package/dist/pages/checkout/shipping-page/components/sonic-address.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"sonic-address":"sonic-address-module-9Q9-Q"};
+
+export { styles as default };

package/dist/pages/checkout/shipping-page/shipping-page.js

@@ -1,13 +1,17 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useEffect, useCallback } from 'react';
 import { Button } from '../../../buttons/button/button.js';
 import { CartTotals } from '../../../cart-totals/cart-totals.js';
 import { CartTotalsSummary } from '../../../cart-totals/cart-totals-summary.js';
+import { Select } from '../../../forms/select/select.js';
 import { FormattedMessage } from '../../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
+import { useFetchSession } from '../../../shared/api/storefront/hooks/authentication/use-fetch-session.js';
 import { useIsAuthenticated } from '../../../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
+import { usePatchSession } from '../../../shared/api/storefront/hooks/authentication/use-patch-session.js';
 import { useFetchCurrentCart } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart.js';
 import { usePatchCart } from '../../../shared/api/storefront/hooks/cart/use-patch-cart.js';
+import { useFetchFulfillmentMethodsForCurrentCart } from '../../../shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart.js';
 import { usePatchBillToAddress } from '../../../shared/api/storefront/hooks/customer/use-patch-bill-to-address.js';
 import { useFetchCountries } from '../../../shared/api/storefront/hooks/website/use-fetch-countries.js';
 import { useNavigate } from '../../../shared/routing/route-provider.js';
@@ -16,8 +20,11 @@ import { Page } from '../../components/page/page.js';
 import { ErrorPage } from '../../error-page/error-page.js';
 import { LoadingPage } from '../../loading-page/loading-page.js';
 import { CheckoutPageLayout } from '../layouts/checkout-page-layout/checkout-page-layout.js';
+import { CheckoutPageSection } from '../layouts/checkout-page-layout/components/checkout-page-section.js';
+import { CheckoutPageSectionContent } from '../layouts/checkout-page-layout/components/checkout-page-section-content.js';
 import { EDIT_ADDRESS_FORM_ID, EditAddresses } from './components/edit-address.js';
 import { ReadOnlyAddresses } from './components/readonly-address.js';
+import styles from './shipping-page.module.css.js';
 
 const REVIEW_AND_SUBMIT_PATH = '/CheckoutReviewAndSubmit';
 function usePatchCartAndBillingAddress() {
@@ -41,18 +48,25 @@ function usePatchCartAndBillingAddress() {
 }
 function ShippingPage() {
     const isAuthenticated = useIsAuthenticated();
-    const { data: cart, error, isLoading: isLoadingCart } = useFetchCurrentCart();
+    const { data: cart, error, isLoading: isLoadingCart, refetch: refetchCart, } = useFetchCurrentCart();
     const { data: countries, isLoading: isLoadingCountries } = useFetchCountries({
         enabled: hasNo(cart?.billTo?.address1),
     });
+    const { data: session } = useFetchSession();
+    const { data: fulfillmentMethods, isLoading: isLoadingFulfillmentMethods } = useFetchFulfillmentMethodsForCurrentCart();
+    const { isLoading: isPatchingSession, mutate: patchSession } = usePatchSession();
     const { isError, isPatching, isSuccess, mutate: patchCartAndBillingAddress, } = usePatchCartAndBillingAddress();
-    const isLoading = isLoadingCart || isLoadingCountries;
+    const isLoading = isLoadingCart || isLoadingCountries || isLoadingFulfillmentMethods;
     const t = useFormattedMessage();
     const { isNavigating, navigate } = useNavigate();
     const hasBillToAddress = useMemo(() => {
         return Boolean(cart?.billTo?.address1);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [Boolean(cart)]);
+    const fulfillmentMethodOptions = fulfillmentMethods?.reduce((acc, method) => ({
+        ...acc,
+        [method]: t(`fulfillmentMethod.${method}`),
+    }), {});
     useEffect(() => {
         if (isNavigating)
             return;
@@ -93,22 +107,32 @@ function ShippingPage() {
             { href: '/', label: t('Home') },
             { href: '/CheckoutShipping', label: t('Shipping details') },
         ], title: t('Shipping details'), children: jsx(CheckoutPageLayout, { actions: {
-                primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", form: EDIT_ADDRESS_FORM_ID, isDisabled: isPatching, isLoading: isPatching && jsx(FormattedMessage, { id: "Updating address" }), type: "submit", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
-            }, mobileSummary: jsx(CartTotalsSummary, { totalAmount: cart.orderGrandTotalDisplay }), overview: jsx(CartTotals, { shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, vatPercentage: cart.cartLines[0]?.pricing?.vatRate }), children: hasBillToAddress ? (jsx(ReadOnlyAddresses, { billTo: cart.billTo, isLoading: isPatching, notes: cart.notes, onSubmit: async ({ notes }) => {
-                    if (!cart.billTo)
-                        return;
-                    await patchCartAndBillingAddress({ cart, notes });
-                    navigate(REVIEW_AND_SUBMIT_PATH);
-                }, shipTo: cart.shipTo })) : (jsx(EditAddresses, { countries: countries || [], isLoading: isPatching, onSubmit: async ({ address, notes }) => {
-                    if (!cart.billTo)
-                        return;
-                    await patchCartAndBillingAddress({
-                        billTo: { ...cart.billTo, ...address },
-                        cart,
-                        notes,
-                    });
-                    navigate(REVIEW_AND_SUBMIT_PATH);
-                } })) }) }));
+                primary: (jsx(Button, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", form: EDIT_ADDRESS_FORM_ID, isDisabled: isPatching, isLoading: isPatching || isPatchingSession ? (jsx(FormattedMessage, { id: "Updating address" })) : undefined, type: "submit", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
+            }, mobileSummary: jsx(CartTotalsSummary, { totalAmount: cart.orderGrandTotalDisplay }), overview: jsx(CartTotals, { fulfillmentMethod: fulfillmentMethods && fulfillmentMethods.length === 1
+                    ? cart.fulfillmentMethod
+                    : undefined, shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, vatPercentage: cart.cartLines[0]?.pricing?.vatRate }), children: jsxs(Fragment, { children: [fulfillmentMethods && fulfillmentMethods.length > 1 && (jsx(CheckoutPageSection, { hasBorder: true, title: t('Fulfillment method'), children: jsx(CheckoutPageSectionContent, { children: jsx("div", { className: styles['fulfillment-select-wrapper'], children: jsx(Select, { isRequired: true, showLabel: true, "data-test-selector": "fulfillmentMethodSelect", defaultSelectedOption: cart.fulfillmentMethod, isLoading: isLoadingFulfillmentMethods, label: t('Fulfillment method'), name: "fulfillmentMethod", onChange: async (value) => {
+                                        await patchSession({
+                                            session: {
+                                                ...session,
+                                                fulfillmentMethod: value,
+                                            },
+                                        });
+                                        await refetchCart();
+                                    }, options: fulfillmentMethodOptions || {}, variant: "solid" }) }) }) })), hasBillToAddress ? (jsx(ReadOnlyAddresses, { billTo: cart.billTo, isLoading: isPatching, isPickup: cart.fulfillmentMethod === 'PickUp', notes: cart.notes, onSubmit: async ({ notes }) => {
+                            if (!cart.billTo)
+                                return;
+                            await patchCartAndBillingAddress({ cart, notes });
+                            navigate(REVIEW_AND_SUBMIT_PATH);
+                        }, shipTo: cart.shipTo })) : (jsx(EditAddresses, { countries: countries || [], isLoading: isPatching, isPickup: cart.fulfillmentMethod === 'PickUp', onSubmit: async ({ address, notes }) => {
+                            if (!cart.billTo)
+                                return;
+                            await patchCartAndBillingAddress({
+                                billTo: { ...cart.billTo, ...address },
+                                cart,
+                                notes,
+                            });
+                            navigate(REVIEW_AND_SUBMIT_PATH);
+                        } }))] }) }) }));
 }
 
 export { ShippingPage };

package/dist/pages/checkout/shipping-page/shipping-page.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"fulfillment-select-wrapper":"shipping-page-module-v6oci"};
+
+export { styles as default };

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.d.ts

@@ -8,6 +8,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -18,7 +19,6 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
@@ -34,6 +34,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
+    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -44,7 +45,6 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
@@ -60,6 +60,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -70,7 +71,6 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
@@ -86,6 +86,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -96,7 +97,6 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
@@ -112,6 +112,7 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -122,7 +123,32 @@ export declare function useFetchCurrentCartLinesWithAtp(): {
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("../../model/storefront.model").CartModel>;
+} | {
+    data: import("../../model/storefront.model").CartLineModel[] | undefined;
+    error: Error | null;
+    isError: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../model/storefront.model").CartModel, Error>>;

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.d.ts

@@ -12,6 +12,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -22,7 +23,6 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
@@ -38,6 +38,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
+    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -48,7 +49,6 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
@@ -64,6 +64,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -74,7 +75,6 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
@@ -90,6 +90,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -100,7 +101,6 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
@@ -116,6 +116,7 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -126,7 +127,32 @@ export declare function useFetchCurrentCartWithAtp<T = CartModel>({ forceRecalcu
     isFetchedAfterMount: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<CartModel>;
+} | {
+    data: T | undefined;
+    error: Error | null;
+    isError: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<CartModel, Error>>;

package/dist/shared/api/storefront/services/website-service.js

@@ -4,13 +4,13 @@ import { request } from '../../../fetch/request.js';
 
 const countryIsoCodeToLanguageIsoCode = {
     '*': ['EN'],
-    AT: ['EN', 'DE'],
-    BE: ['EN', 'NL', 'FR'],
-    CH: ['EN', 'FR', 'DE', 'IT'],
-    DE: ['EN', 'DE'],
-    FR: ['EN', 'FR'],
-    IT: ['EN', 'IT'],
-    LU: ['EN', 'FR', 'DE'],
+    AT: ['DE'],
+    BE: ['NL', 'FR'],
+    CH: ['FR', 'DE', 'IT'],
+    DE: ['DE'],
+    FR: ['FR'],
+    IT: ['IT'],
+    LU: ['FR', 'DE'],
     NL: ['EN', 'NL'],
 };
 async function fetchCountries() {

package/dist/shared/fetch/request.js

@@ -27,26 +27,26 @@ class RequestError extends Error {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Object.defineProperty(this, "body", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         Object.defineProperty(this, "context", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         Object.defineProperty(this, "options", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         if (isResponse(responseOrError)) {
             this.status = responseOrError.status || status || -1;

package/dist/shared/providers/global-state-provider.js

@@ -12,13 +12,13 @@ class State extends EventEmitter {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         Object.defineProperty(this, "_key", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         this._state = state;
         this._key = key;

package/dist/shared/utils/event-emitter.js

@@ -4,7 +4,7 @@ class EventEmitter {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         this.listeners = new Map();
     }

package/dist/styles.css

@@ -687,9 +687,11 @@
   border-radius: var(--width);
   animation: progress-circle-module-kCf7K 0.6s infinite linear;
   -webkit-mask:
+  /* stylelint-disable-next-line declaration-property-value-no-unknown */
     linear-gradient(#000 0 0) padding-box,
     linear-gradient(#000 0 0);
           mask:
+  /* stylelint-disable-next-line declaration-property-value-no-unknown */
     linear-gradient(#000 0 0) padding-box,
     linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
@@ -1424,7 +1426,7 @@
   cursor: default;
   line-height: 1;
   outline: none;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .select-module-LgEJO {
@@ -1433,7 +1435,7 @@
   cursor: pointer;
   line-height: 1;
   outline: none;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .select-module-LgEJO .select-module-lQFw3 {
@@ -2319,9 +2321,9 @@
       font-style: italic;
       font-weight: var(--font-weight-bold);
       line-height: 1;
+      overflow-wrap: break-word;
       text-align: center;
       text-transform: uppercase;
-      word-break: break-word;
     }
 
   .category-card-module-4NUjH .category-card-module-LEhh3 .category-card-module-hL4-A {
@@ -2664,8 +2666,8 @@
       font-weight: var(--font-weight-bold);
       -webkit-line-clamp: 4;
       line-height: 1;
+      overflow-wrap: break-word;
       text-wrap: balance;
-      word-break: break-word;
     }
 
 .product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi mark {
@@ -2900,15 +2902,15 @@
 }
 
 /**
- * Swiper 11.1.14
+ * Swiper 11.2.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
- * Copyright 2014-2024 Vladimir Kharlampidi
+ * Copyright 2014-2025 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: September 12, 2024
+ * Released on: January 10, 2025
  */
 
 /* FONT_START */
@@ -3847,7 +3849,11 @@ button.swiper-pagination-bullet {
   display: none;
 }
 
-.cart-totals-module-Bk9zi p {
+.cart-totals-module-Bk9zi,
+  .cart-totals-module-Bk9zi * {
+    box-sizing: border-box;
+  }
+  .cart-totals-module-Bk9zi p {
     margin: 0;
   }
   .cart-totals-module-Bk9zi .cart-totals-module-VJ51p {
@@ -3869,11 +3875,19 @@ button.swiper-pagination-bullet {
     margin-bottom: 10px;
   }
   .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ {
+    --breakout: var(--space-16);
+
+    width: calc(100% + (2 * var(--breakout)));
     padding: 10px var(--space-16);
     margin-bottom: var(--space-32);
+    margin-left: calc(-1 * var(--breakout));
     background-color: var(--color-brand-light-gray);
     font-weight: var(--font-weight-bold);
   }
+  .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ .cart-totals-module-ciNsz,
+    .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ .cart-totals-module-KaxpH {
+      font-weight: inherit;
+    }
 
 .cart-totals-summary-module-iFaoy {
   display: block;
@@ -3984,7 +3998,7 @@ button.swiper-pagination-bullet {
   background: var(--tooltip-bg-color);
   color: var(--color-white);
   outline: none;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
   .tooltip-module-T-DtX .tooltip-module-CBW5f svg {
@@ -4460,7 +4474,7 @@ button.swiper-pagination-bullet {
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       line-clamp: 1;
-      word-break: break-word;
+      overflow-wrap: break-word;
     }
 
   .search-list-item-module-WXp77 .search-list-item-module-CPrhz .search-list-item-module--5uqN mark {
@@ -4562,7 +4576,7 @@ button.swiper-pagination-bullet {
     margin-bottom: var(--space-24);
     font-size: var(--font-size-24);
     font-weight: var(--font-weight-medium);
-    word-break: break-word;
+    overflow-wrap: break-word;
   }
 
 .search-content-module-H-FX2 .search-content-module-mhiBZ {
@@ -5220,12 +5234,9 @@ button.swiper-pagination-bullet {
 }
   }
 
-  .checkout-page-section-module-zyovs:not(:first-child) {
-    margin-top: var(--space-24);
-  }
-
   .checkout-page-section-module-zyovs:not(:last-child) {
     padding-bottom: var(--space-32);
+    margin-bottom: var(--space-24);
   }
 
   .checkout-page-section-module-zyovs.checkout-page-section-module-pe5iL:not(:last-child) {
@@ -5263,6 +5274,11 @@ button.swiper-pagination-bullet {
 }
   }
 
+.sonic-address-module-9Q9-Q {
+  line-height: 1.5;
+  white-space: pre;
+}
+
 .edit-address-module-oC1yA {
   display: grid;
   gap: var(--space-16);
@@ -5300,6 +5316,10 @@ button.swiper-pagination-bullet {
   margin-bottom: var(--space-12);
 }
 
+.shipping-page-module-v6oci {
+  display: grid;
+}
+
 .product-details-page-layout-module-pPtZX {
   display: flex;
   flex-direction: column;