@nok-integration/storefront-react 0.29.2 → 0.29.3

package/dist/index.mjs

@@ -11033,18 +11033,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_ws4so_15";
-const screen = "_screen_ws4so_20";
-const body$4 = "_body_ws4so_12";
-const items = "_items_ws4so_34";
-const sectionHeader = "_sectionHeader_ws4so_40";
-const sectionTitle = "_sectionTitle_ws4so_46";
-const count = "_count_ws4so_67";
-const lines = "_lines_ws4so_91";
-const footer = "_footer_ws4so_101";
-const empty = "_empty_ws4so_105";
-const cta$4 = "_cta_ws4so_145";
-const ctaError = "_ctaError_ws4so_153";
+const surface = "_surface_o6bcy_15";
+const screen = "_screen_o6bcy_20";
+const body$4 = "_body_o6bcy_12";
+const items = "_items_o6bcy_34";
+const sectionHeader = "_sectionHeader_o6bcy_40";
+const sectionTitle = "_sectionTitle_o6bcy_46";
+const count = "_count_o6bcy_67";
+const lines = "_lines_o6bcy_91";
+const footer = "_footer_o6bcy_101";
+const empty = "_empty_o6bcy_105";
+const cta$4 = "_cta_o6bcy_146";
+const ctaError = "_ctaError_o6bcy_154";
 const styles$o = {
   surface,
   screen,
@@ -15066,40 +15066,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_sml7n_14";
-const panel = "_panel_sml7n_40";
-const image = "_image_sml7n_93";
-const desktopArt = "_desktopArt_sml7n_98";
-const hero = "_hero_sml7n_137";
-const heroContent = "_heroContent_sml7n_228";
-const heroText = "_heroText_sml7n_252";
-const logo = "_logo_sml7n_261";
-const heroTitle = "_heroTitle_sml7n_281";
-const heroSub = "_heroSub_sml7n_305";
-const swipe = "_swipe_sml7n_324";
-const swipeLabel = "_swipeLabel_sml7n_331";
-const chevron$1 = "_chevron_sml7n_337";
-const overlay$1 = "_overlay_sml7n_11";
-const copy = "_copy_sml7n_374";
-const title$2 = "_title_sml7n_386";
-const subtitle$1 = "_subtitle_sml7n_395";
-const cta = "_cta_sml7n_403";
-const mosaic = "_mosaic_sml7n_447";
-const info = "_info_sml7n_459";
-const art = "_art_sml7n_463";
-const band = "_band_sml7n_468";
-const bandTitle = "_bandTitle_sml7n_477";
-const products = "_products_sml7n_489";
-const wideOnly = "_wideOnly_sml7n_509";
-const phoneOnly = "_phoneOnly_sml7n_535";
-const phoneArt = "_phoneArt_sml7n_536";
-const desktopFocal = "_desktopFocal_sml7n_545";
-const diptych = "_diptych_sml7n_736";
-const tile = "_tile_sml7n_741";
-const tileCopy = "_tileCopy_sml7n_755";
-const tileText = "_tileText_sml7n_768";
-const tileTitle = "_tileTitle_sml7n_775";
-const tileSubtitle = "_tileSubtitle_sml7n_782";
+const showcase = "_showcase_px8r_14";
+const panel = "_panel_px8r_40";
+const image = "_image_px8r_93";
+const desktopArt = "_desktopArt_px8r_98";
+const hero = "_hero_px8r_137";
+const heroContent = "_heroContent_px8r_228";
+const heroText = "_heroText_px8r_252";
+const logo = "_logo_px8r_261";
+const heroTitle = "_heroTitle_px8r_281";
+const heroSub = "_heroSub_px8r_305";
+const swipe = "_swipe_px8r_324";
+const swipeLabel = "_swipeLabel_px8r_331";
+const chevron$1 = "_chevron_px8r_337";
+const overlay$1 = "_overlay_px8r_11";
+const copy = "_copy_px8r_374";
+const title$2 = "_title_px8r_386";
+const subtitle$1 = "_subtitle_px8r_395";
+const cta = "_cta_px8r_403";
+const mosaic = "_mosaic_px8r_447";
+const info = "_info_px8r_459";
+const art = "_art_px8r_463";
+const band = "_band_px8r_468";
+const bandTitle = "_bandTitle_px8r_477";
+const products = "_products_px8r_489";
+const wideOnly = "_wideOnly_px8r_509";
+const phoneOnly = "_phoneOnly_px8r_535";
+const phoneArt = "_phoneArt_px8r_536";
+const desktopFocal = "_desktopFocal_px8r_545";
+const diptych = "_diptych_px8r_740";
+const tile = "_tile_px8r_745";
+const tileCopy = "_tileCopy_px8r_759";
+const tileText = "_tileText_px8r_772";
+const tileTitle = "_tileTitle_px8r_779";
+const tileSubtitle = "_tileSubtitle_px8r_786";
 const styles$3 = {
   showcase,
   panel,
@@ -15146,12 +15146,6 @@ function useDocumentSnap(ref, enabled = true) {
     const previousType = root2.style.scrollSnapType;
     const previousPadding = root2.style.scrollPaddingTop;
     root2.style.scrollPaddingTop = "0px";
-    const desktop = typeof window.matchMedia === "function" ? window.matchMedia("(min-width: 1200px)") : null;
-    const pad = () => {
-      root2.style.scrollPaddingTop = desktop?.matches ? "calc(var(--shop-chrome-top, 0px) + var(--shop-nav-height, 64px))" : "0px";
-    };
-    pad();
-    desktop?.addEventListener?.("change", pad);
     let snapping = false;
     let awaitingTouch = false;
     const layoutOf = () => {
@@ -15265,7 +15259,6 @@ function useDocumentSnap(ref, enabled = true) {
       passive: true
     });
     return () => {
-      desktop?.removeEventListener?.("change", pad);
       document.removeEventListener("scroll", note2, {
         capture: true
       });
@@ -15915,19 +15908,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1aeep_5";
-const scrim = "_scrim_1aeep_21";
-const sheet = "_sheet_1aeep_31";
-const header = "_header_1aeep_80";
-const close = "_close_1aeep_86";
-const list$1 = "_list_1aeep_105";
-const row = "_row_1aeep_120";
-const icon = "_icon_1aeep_149";
-const text = "_text_1aeep_157";
-const title = "_title_1aeep_165";
-const subtitle = "_subtitle_1aeep_172";
-const chevron = "_chevron_1aeep_178";
-const dropdown = "_dropdown_1aeep_187";
+const overlay = "_overlay_y4mxb_5";
+const scrim = "_scrim_y4mxb_21";
+const sheet = "_sheet_y4mxb_31";
+const header = "_header_y4mxb_80";
+const close = "_close_y4mxb_86";
+const list$1 = "_list_y4mxb_105";
+const row = "_row_y4mxb_120";
+const icon = "_icon_y4mxb_149";
+const text = "_text_y4mxb_157";
+const title = "_title_y4mxb_165";
+const subtitle = "_subtitle_y4mxb_172";
+const chevron = "_chevron_y4mxb_178";
+const dropdown = "_dropdown_y4mxb_187";
 const styles$1 = {
   overlay,
   scrim,
@@ -16137,6 +16130,7 @@ function ShopMenuSheet({ open, onClose, onManageOrders, onHelp, closeLabel, labe
       }), jsx("ul", {
         className: styles$1.list,
         children: rows.map((row2) => jsx("li", {
+          "data-row": row2.key,
           children: jsxs("button", {
             type: "button",
             className: styles$1.row,

package/dist/standalone/storefront.mjs

@@ -11033,18 +11033,18 @@ function StickyCtaBar({ children, info: info2, variant = "floating", className }
     })]
   });
 }
-const surface = "_surface_ws4so_15";
-const screen = "_screen_ws4so_20";
-const body$4 = "_body_ws4so_12";
-const items = "_items_ws4so_34";
-const sectionHeader = "_sectionHeader_ws4so_40";
-const sectionTitle = "_sectionTitle_ws4so_46";
-const count = "_count_ws4so_67";
-const lines = "_lines_ws4so_91";
-const footer = "_footer_ws4so_101";
-const empty = "_empty_ws4so_105";
-const cta$4 = "_cta_ws4so_145";
-const ctaError = "_ctaError_ws4so_153";
+const surface = "_surface_o6bcy_15";
+const screen = "_screen_o6bcy_20";
+const body$4 = "_body_o6bcy_12";
+const items = "_items_o6bcy_34";
+const sectionHeader = "_sectionHeader_o6bcy_40";
+const sectionTitle = "_sectionTitle_o6bcy_46";
+const count = "_count_o6bcy_67";
+const lines = "_lines_o6bcy_91";
+const footer = "_footer_o6bcy_101";
+const empty = "_empty_o6bcy_105";
+const cta$4 = "_cta_o6bcy_146";
+const ctaError = "_ctaError_o6bcy_154";
 const styles$o = {
   surface,
   screen,
@@ -15066,40 +15066,40 @@ function ActiveLanding({ token, invite }) {
     })
   });
 }
-const showcase = "_showcase_sml7n_14";
-const panel = "_panel_sml7n_40";
-const image = "_image_sml7n_93";
-const desktopArt = "_desktopArt_sml7n_98";
-const hero = "_hero_sml7n_137";
-const heroContent = "_heroContent_sml7n_228";
-const heroText = "_heroText_sml7n_252";
-const logo = "_logo_sml7n_261";
-const heroTitle = "_heroTitle_sml7n_281";
-const heroSub = "_heroSub_sml7n_305";
-const swipe = "_swipe_sml7n_324";
-const swipeLabel = "_swipeLabel_sml7n_331";
-const chevron$1 = "_chevron_sml7n_337";
-const overlay$1 = "_overlay_sml7n_11";
-const copy = "_copy_sml7n_374";
-const title$2 = "_title_sml7n_386";
-const subtitle$1 = "_subtitle_sml7n_395";
-const cta = "_cta_sml7n_403";
-const mosaic = "_mosaic_sml7n_447";
-const info = "_info_sml7n_459";
-const art = "_art_sml7n_463";
-const band = "_band_sml7n_468";
-const bandTitle = "_bandTitle_sml7n_477";
-const products = "_products_sml7n_489";
-const wideOnly = "_wideOnly_sml7n_509";
-const phoneOnly = "_phoneOnly_sml7n_535";
-const phoneArt = "_phoneArt_sml7n_536";
-const desktopFocal = "_desktopFocal_sml7n_545";
-const diptych = "_diptych_sml7n_736";
-const tile = "_tile_sml7n_741";
-const tileCopy = "_tileCopy_sml7n_755";
-const tileText = "_tileText_sml7n_768";
-const tileTitle = "_tileTitle_sml7n_775";
-const tileSubtitle = "_tileSubtitle_sml7n_782";
+const showcase = "_showcase_px8r_14";
+const panel = "_panel_px8r_40";
+const image = "_image_px8r_93";
+const desktopArt = "_desktopArt_px8r_98";
+const hero = "_hero_px8r_137";
+const heroContent = "_heroContent_px8r_228";
+const heroText = "_heroText_px8r_252";
+const logo = "_logo_px8r_261";
+const heroTitle = "_heroTitle_px8r_281";
+const heroSub = "_heroSub_px8r_305";
+const swipe = "_swipe_px8r_324";
+const swipeLabel = "_swipeLabel_px8r_331";
+const chevron$1 = "_chevron_px8r_337";
+const overlay$1 = "_overlay_px8r_11";
+const copy = "_copy_px8r_374";
+const title$2 = "_title_px8r_386";
+const subtitle$1 = "_subtitle_px8r_395";
+const cta = "_cta_px8r_403";
+const mosaic = "_mosaic_px8r_447";
+const info = "_info_px8r_459";
+const art = "_art_px8r_463";
+const band = "_band_px8r_468";
+const bandTitle = "_bandTitle_px8r_477";
+const products = "_products_px8r_489";
+const wideOnly = "_wideOnly_px8r_509";
+const phoneOnly = "_phoneOnly_px8r_535";
+const phoneArt = "_phoneArt_px8r_536";
+const desktopFocal = "_desktopFocal_px8r_545";
+const diptych = "_diptych_px8r_740";
+const tile = "_tile_px8r_745";
+const tileCopy = "_tileCopy_px8r_759";
+const tileText = "_tileText_px8r_772";
+const tileTitle = "_tileTitle_px8r_779";
+const tileSubtitle = "_tileSubtitle_px8r_786";
 const styles$3 = {
   showcase,
   panel,
@@ -15146,12 +15146,6 @@ function useDocumentSnap(ref, enabled = true) {
     const previousType = root2.style.scrollSnapType;
     const previousPadding = root2.style.scrollPaddingTop;
     root2.style.scrollPaddingTop = "0px";
-    const desktop = typeof window.matchMedia === "function" ? window.matchMedia("(min-width: 1200px)") : null;
-    const pad = () => {
-      root2.style.scrollPaddingTop = desktop?.matches ? "calc(var(--shop-chrome-top, 0px) + var(--shop-nav-height, 64px))" : "0px";
-    };
-    pad();
-    desktop?.addEventListener?.("change", pad);
     let snapping = false;
     let awaitingTouch = false;
     const layoutOf = () => {
@@ -15265,7 +15259,6 @@ function useDocumentSnap(ref, enabled = true) {
       passive: true
     });
     return () => {
-      desktop?.removeEventListener?.("change", pad);
       document.removeEventListener("scroll", note2, {
         capture: true
       });
@@ -15915,19 +15908,19 @@ function ShopBar({ onBack, onMenu, title: title2, showCart, floating: floating2
     })]
   });
 }
-const overlay = "_overlay_1aeep_5";
-const scrim = "_scrim_1aeep_21";
-const sheet = "_sheet_1aeep_31";
-const header = "_header_1aeep_80";
-const close = "_close_1aeep_86";
-const list$1 = "_list_1aeep_105";
-const row = "_row_1aeep_120";
-const icon = "_icon_1aeep_149";
-const text = "_text_1aeep_157";
-const title = "_title_1aeep_165";
-const subtitle = "_subtitle_1aeep_172";
-const chevron = "_chevron_1aeep_178";
-const dropdown = "_dropdown_1aeep_187";
+const overlay = "_overlay_y4mxb_5";
+const scrim = "_scrim_y4mxb_21";
+const sheet = "_sheet_y4mxb_31";
+const header = "_header_y4mxb_80";
+const close = "_close_y4mxb_86";
+const list$1 = "_list_y4mxb_105";
+const row = "_row_y4mxb_120";
+const icon = "_icon_y4mxb_149";
+const text = "_text_y4mxb_157";
+const title = "_title_y4mxb_165";
+const subtitle = "_subtitle_y4mxb_172";
+const chevron = "_chevron_y4mxb_178";
+const dropdown = "_dropdown_y4mxb_187";
 const styles$1 = {
   overlay,
   scrim,
@@ -16137,6 +16130,7 @@ function ShopMenuSheet({ open, onClose, onManageOrders, onHelp, closeLabel, labe
       }), jsx("ul", {
         className: styles$1.list,
         children: rows.map((row2) => jsx("li", {
+          "data-row": row2.key,
           children: jsxs("button", {
             type: "button",
             className: styles$1.row,