From 883be0800da81f7ac72e586ca28155cd3360c36d Mon Sep 17 00:00:00 2001
From: Oliver Kucharzewski <oliver@olidev.com.au>
Date: Mon, 3 Nov 2025 10:03:28 +1100
Subject: [PATCH 1/3] ref: Update subproject commit in widget-utils

---
 packages/widget-utils | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/widget-utils b/packages/widget-utils
index 8563b595..72befd13 160000
--- a/packages/widget-utils
+++ b/packages/widget-utils
@@ -1 +1 @@
-Subproject commit 8563b595e12173376a1eca7b478c536cc51fe706
+Subproject commit 72befd13ffdad328ba5c1e2a82866f45e61d3485

From 9e7832f30730cbfdd54a35ff81ac9c7e11bfaa49 Mon Sep 17 00:00:00 2001
From: Oliver Kucharzewski <oliver@olidev.com.au>
Date: Mon, 3 Nov 2025 10:47:49 +1100
Subject: [PATCH 2/3] Update vertical tile variant and integrate expanded tiles
 styles

---
 packages/widget-utils                                       | 2 +-
 tests/fixtures/widget.options.ts                            | 2 +-
 .../vertical-expanded-tiles/styles/_expanded-tiles.scss     | 6 +++---
 widgets/shortvideo/widget.scss                              | 1 -
 widgets/storyline/widget.scss                               | 1 -
 widgets/styles/partials/_common-widget-styles.scss          | 2 +-
 6 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/widget-utils b/packages/widget-utils
index 72befd13..7e1c4387 160000
--- a/packages/widget-utils
+++ b/packages/widget-utils
@@ -1 +1 @@
-Subproject commit 72befd13ffdad328ba5c1e2a82866f45e61d3485
+Subproject commit 7e1c4387886f9c5d35a1a11814320b7ff9a6e8da
diff --git a/tests/fixtures/widget.options.ts b/tests/fixtures/widget.options.ts
index 14f272ea..f1022be5 100644
--- a/tests/fixtures/widget.options.ts
+++ b/tests/fixtures/widget.options.ts
@@ -29,7 +29,7 @@ const widgetOptions: SharedWidgetOptions["widgetOptions"] & {
       show_cross_sellers: true,
       show_add_to_cart: true,
       show_carousel_grouping: false,
-      expanded_tile_variant: "horizontal"
+      expanded_tile_variant: "vertical"
     },
     tile_options: {
       show_comments: true,
diff --git a/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss b/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss
index 2797c37e..b425d866 100644
--- a/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss
+++ b/widgets/libs/vertical-expanded-tiles/styles/_expanded-tiles.scss
@@ -16,7 +16,7 @@ html {
   background: var(--widget-background);
 }
 
-expanded-tiles[variation="story"] {
+expanded-tiles[variation="vertical"] {
   --expanded-tiles-background: #fff;
 
   @include sicon.shopspot-icon-styles;
@@ -80,7 +80,7 @@ shopspot-icon {
   @include es.swiper-expanded-styles;
 }
 
-expanded-tiles[variation="story"]:not(:empty) {
+expanded-tiles[variation="vertical"]:not(:empty) {
   :host {
     transition: ease all 0.5s;
   }
@@ -883,7 +883,7 @@ expanded-tiles[variation="story"]:not(:empty) {
 }
 
 @include media-queries.breakpoint(mobile) { 
-  expanded-tiles[variation="story"]:not(:empty) {
+  expanded-tiles[variation="vertical"]:not(:empty) {
     height: 100dvh !important;
 
     iframe {
diff --git a/widgets/shortvideo/widget.scss b/widgets/shortvideo/widget.scss
index b261178b..4ccff24b 100644
--- a/widgets/shortvideo/widget.scss
+++ b/widgets/shortvideo/widget.scss
@@ -1,4 +1,3 @@
-@forward "../libs/vertical-expanded-tiles/styles/expanded-tiles";
 @use "styles";
 @use "@styles/partials/media-queries";
 @use "dimens";
\ No newline at end of file
diff --git a/widgets/storyline/widget.scss b/widgets/storyline/widget.scss
index 1e71b0b5..4ccff24b 100644
--- a/widgets/storyline/widget.scss
+++ b/widgets/storyline/widget.scss
@@ -1,4 +1,3 @@
-// @forward "../libs/vertical-expanded-tiles/styles/expanded-tiles";
 @use "styles";
 @use "@styles/partials/media-queries";
 @use "dimens";
\ No newline at end of file
diff --git a/widgets/styles/partials/_common-widget-styles.scss b/widgets/styles/partials/_common-widget-styles.scss
index c316bf3d..2caeedfa 100644
--- a/widgets/styles/partials/_common-widget-styles.scss
+++ b/widgets/styles/partials/_common-widget-styles.scss
@@ -19,7 +19,7 @@
 @use "@styles/templates/share-menu" as smenu;
 @use "icon-sections" as is;
 @use "expanded-swiper" as es;
-
+@use "../libs/vertical-expanded-tiles/styles/expanded-tiles";
 
 // Mixin that applies all common widget styles
 // Usage: @include common-widget-styles.apply-common-styles('.widget-inline');

From 34636b5870f37c6bcca3f7cb1c29516b0695a379 Mon Sep 17 00:00:00 2001
From: Oliver Kucharzewski <oliver@olidev.com.au>
Date: Mon, 3 Nov 2025 11:05:00 +1100
Subject: [PATCH 3/3] Change expanded_tile_variant from vertical to horizontal

---
 tests/fixtures/widget.options.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/fixtures/widget.options.ts b/tests/fixtures/widget.options.ts
index f1022be5..14f272ea 100644
--- a/tests/fixtures/widget.options.ts
+++ b/tests/fixtures/widget.options.ts
@@ -29,7 +29,7 @@ const widgetOptions: SharedWidgetOptions["widgetOptions"] & {
       show_cross_sellers: true,
       show_add_to_cart: true,
       show_carousel_grouping: false,
-      expanded_tile_variant: "vertical"
+      expanded_tile_variant: "horizontal"
     },
     tile_options: {
       show_comments: true,