From 9b12864c3e51aeaeba4cf3025dfe627e800696c0 Mon Sep 17 00:00:00 2001
From: "hedwig.doets" <hedwig.doets@mendix.com>
Date: Tue, 4 Nov 2025 16:52:45 +0100
Subject: [PATCH 1/4] fix: add focus indicators to previous and next button

---
 .../pluggableWidgets/carousel-web/src/ui/Carousel.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss b/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
index 0a2cc4c54e..4b0c350e8e 100644
--- a/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
+++ b/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
@@ -23,6 +23,16 @@
     align-items: center;
 }
 
+.swiper-button-next:focus {
+    outline: 2px solid #264ae5;
+    outline-offset: 2px;
+}
+
+.swiper-button-prev:focus {
+    outline: 2px solid #264ae5;
+    outline-offset: 2px;
+}
+
 .swiper-slide img {
     display: block;
     width: 100%;

From fa8168b03cec49bfc50468ac7f54484fe0ed53b3 Mon Sep 17 00:00:00 2001
From: "hedwig.doets" <hedwig.doets@mendix.com>
Date: Tue, 4 Nov 2025 16:53:14 +0100
Subject: [PATCH 2/4] fix: disable autoplay by default since it's not
 accessible

---
 packages/pluggableWidgets/carousel-web/src/Carousel.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pluggableWidgets/carousel-web/src/Carousel.xml b/packages/pluggableWidgets/carousel-web/src/Carousel.xml
index 53ee13cd3c..2db73936e0 100644
--- a/packages/pluggableWidgets/carousel-web/src/Carousel.xml
+++ b/packages/pluggableWidgets/carousel-web/src/Carousel.xml
@@ -25,7 +25,7 @@
                     <caption>Navigation controls</caption>
                     <description />
                 </property>
-                <property key="autoplay" type="boolean" defaultValue="true">
+                <property key="autoplay" type="boolean" defaultValue="false">
                     <caption>Auto play</caption>
                     <description />
                 </property>

From a0bb02784f8958f8f0dabfa1bd815525c08bd092 Mon Sep 17 00:00:00 2001
From: "hedwig.doets" <hedwig.doets@mendix.com>
Date: Fri, 7 Nov 2025 11:16:16 +0100
Subject: [PATCH 3/4] feat: add background to carousel nav buttons

---
 .../pluggableWidgets/carousel-web/src/ui/Carousel.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss b/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
index 4b0c350e8e..33b22889ae 100644
--- a/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
+++ b/packages/pluggableWidgets/carousel-web/src/ui/Carousel.scss
@@ -23,11 +23,15 @@
     align-items: center;
 }
 
-.swiper-button-next:focus {
-    outline: 2px solid #264ae5;
-    outline-offset: 2px;
+.swiper-button-next,
+.swiper-button-prev {
+    --swiper-navigation-size: 24px;
+    border-radius: 50%;
+    background-color: rgba(245, 245, 245, 0.7);
+    padding: 2em;
 }
 
+.swiper-button-next:focus,
 .swiper-button-prev:focus {
     outline: 2px solid #264ae5;
     outline-offset: 2px;

From 87ac807f8749731645935b94eac48594aca118ed Mon Sep 17 00:00:00 2001
From: "hedwig.doets" <hedwig.doets@mendix.com>
Date: Fri, 7 Nov 2025 11:35:44 +0100
Subject: [PATCH 4/4] chore: update changelog

---
 packages/pluggableWidgets/carousel-web/CHANGELOG.md    | 4 ++++
 packages/pluggableWidgets/carousel-web/package.json    | 2 +-
 packages/pluggableWidgets/carousel-web/src/package.xml | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/pluggableWidgets/carousel-web/CHANGELOG.md b/packages/pluggableWidgets/carousel-web/CHANGELOG.md
index 446cd0d329..ff8d1c56e2 100644
--- a/packages/pluggableWidgets/carousel-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/carousel-web/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- Added focus indicator and background to navigation buttons of carousel, removed autoplay by default
+
 ## [2.3.0] - 2025-08-19
 
 ### Changed
diff --git a/packages/pluggableWidgets/carousel-web/package.json b/packages/pluggableWidgets/carousel-web/package.json
index d33019f96f..e5c24c49e0 100644
--- a/packages/pluggableWidgets/carousel-web/package.json
+++ b/packages/pluggableWidgets/carousel-web/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@mendix/carousel-web",
     "widgetName": "Carousel",
-    "version": "2.3.0",
+    "version": "2.3.1",
     "description": "Displays images in a carousel",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "license": "Apache-2.0",
diff --git a/packages/pluggableWidgets/carousel-web/src/package.xml b/packages/pluggableWidgets/carousel-web/src/package.xml
index 124bce9c6f..916c59d476 100644
--- a/packages/pluggableWidgets/carousel-web/src/package.xml
+++ b/packages/pluggableWidgets/carousel-web/src/package.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Carousel" version="2.3.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Carousel" version="2.3.1" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Carousel.xml" />
         </widgetFiles>