fix: resolve zoom a11Y for token version display (#748)(#763)

Author: AhmedAmineZr

MIGRATION.md

@@ -1,10 +1,26 @@
 # Migration Guide
 
+- [v1.3.0 → v1.3.1](#v130--v131)
 - [v1.2.0 → v1.3.0](#v120--v130)
 - [v1.1.x → v1.2.0](#v11x--v120)
 - [v1.0.0 → v1.1.1](#v100--v111)
 - [Support](#support)
 
+> **Note**: v1.3.1 is a maintenance release with bug fixes and improvements. No migration is required.
+
+## v1.3.0 → v1.3.1
+
+### Overview
+
+This is a maintenance and patch release focusing on bug fixes and accessibility improvements.
+
+### Compatibility
+
+- **Backward Compatibility**: Full (no breaking changes)
+- **Migration Required**: No
+
+---
+
 ## v1.2.0 → v1.3.0
 
 ### Overview

app/CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 ### Fixed
 - [Library] Null check operator used on a null value in all components has isHighContrastEnabled ([#756](https://github.com/Orange-OpenSource/ouds-flutter/issues/756))
+- [DemoApp] Layout Overflow on Demo Screen for component version when system font size is increased for accessibility. ([#748](https://github.com/Orange-OpenSource/ouds-flutter/issues/748))
 
 ## [1.3.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/1.2.0...1.3.0) - 2026-05-08
 ### Added

app/lib/ui/utilities/reference_design_version_component.dart

@@ -12,21 +12,37 @@ class ReferenceDesignVersionComponent extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    ThemeController? themeController = Provider.of<ThemeController>(context, listen: false);
+    ThemeController? themeController = Provider.of<ThemeController>(
+      context,
+      listen: false,
+    );
+    final paddingLarge = themeController.currentTheme
+        .spaceScheme(context)
+        .paddingBlockLarge;
+
     return Padding(
-        padding: EdgeInsetsDirectional.all(
-          themeController.currentTheme.spaceScheme(context).paddingBlockLarge,
-        ),
-        child: Row(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text(
-              context.l10n.app_components_common_version_label,
-              style: themeController.currentTheme.typographyTokens.typeLabelStrongLarge(context),
-            ),
-            Spacer(),
-            OudsTag.text(label: version,appearance: OudsTagAppearance.muted, status: Info(), size: OudsTagSize.small)          ],
-        )
+      padding: EdgeInsetsDirectional.all(paddingLarge),
+      child: Wrap(
+        crossAxisAlignment: WrapCrossAlignment.center,
+        spacing: paddingLarge,
+        runSpacing: paddingLarge / 2,
+        children: [
+          // Text wraps naturally without overflow
+          Text(
+            context.l10n.app_components_common_version_label,
+            style: themeController.currentTheme.typographyTokens
+                .typeLabelStrongLarge(context),
+            softWrap: true,
+          ),
+          // Tag stays compact and moves to next line if needed
+          OudsTag.text(
+            label: version,
+            appearance: OudsTagAppearance.muted,
+            status: Info(),
+            size: OudsTagSize.small,
+          ),
+        ],
+      ),
     );
   }
 }