chore: password input component update to v13 (#689)(#488)(#753)

nouha06 · boosted-bot · AhmedAmineZr · web-flow · commit 40892ea68012 · 2026-05-26T14:11:06.000+01:00
* chore: update tokens * chore: update tokens with version 2.4.0 * chore: update tokens with version 2.4.0 * chore: update version components * chore(version): prepare version 2.0.0 (#747) Prepare version v2.0.0 (#747) * feat(password-input): update password input to v1.3 * fix(password-input): Label is truncated when zoom is applied * feat(password-input): update changelog file --------- Co-authored-by: boosted-bot <boosted-bot@users.noreply.github.com> Co-authored-by: Ahmed Amine Zribi <ahmedamine.zribi@sofrecom.com>
diff --git a/app/CHANGELOG.md b/app/CHANGELOG.md
@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased](https://github.com/Orange-OpenSource/ouds-flutter/compare/1.3.1...develop)
 ### Added
 ### Changed
+- [Library] update `Password input` component to v1.3 ([#689](https://github.com/Orange-OpenSource/ouds-flutter/issues/689))
 - [Library] `filter chip` and `suggestion chip` component update to v1.4 ([#688](https://github.com/Orange-OpenSource/ouds-flutter/issues/688))
 - [DemoApp][Library] update `badge icon` component to 1.3.0 ([#680](https://github.com/Orange-OpenSource/ouds-flutter/issues/680))
 - [Library] update library icons to use the one from v1.6 ([#661](https://github.com/Orange-OpenSource/ouds-flutter/issues/661))
@@ -20,6 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [DemoApp][Library] update tokens 2.4.0 ([#726](https://github.com/Orange-OpenSource/ouds-flutter/issues/726))
 
 ### Fixed
+- [Library] `Password input` Label is truncated when zoom is applied ([#600](https://github.com/Orange-OpenSource/ouds-flutter/issues/600))
 - [Library] `Filter chip` is not reached by keyboard focus or Switch Access focus ([#474](https://github.com/Orange-OpenSource/ouds-flutter/issues/474))
 - [Library] `Phone number input` Add a hint to explain how to interact with fields  ([#571](https://github.com/Orange-OpenSource/ouds-flutter/issues/571))
 - [Library] `input tag` the whole component should have the role button ([#481](https://github.com/Orange-OpenSource/ouds-flutter/issues/481))
diff --git a/ouds_core/CHANGELOG.md b/ouds_core/CHANGELOG.md
@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased](https://github.com/Orange-OpenSource/ouds-flutter/compare/1.3.1...develop)
 ### Added
 ### Changed
+- [Library] update `Password input` component to v1.3 ([#689](https://github.com/Orange-OpenSource/ouds-flutter/issues/689))
 - [Library] `filter chip` and `suggestion chip` component update to v1.4 ([#688](https://github.com/Orange-OpenSource/ouds-flutter/issues/688))
 - [Library] update `badge` icon component to 1.3.0 ([#680](https://github.com/Orange-OpenSource/ouds-flutter/issues/680))
 - [Library] update library icons to use the one from v1.6 ([#661](https://github.com/Orange-OpenSource/ouds-flutter/issues/661))
@@ -19,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [Library] update tokens 2.4.0 ([#726](https://github.com/Orange-OpenSource/ouds-flutter/issues/726))
 
 ### Fixed
+- [Library] `Password input` Label is truncated when zoom is applied ([#600](https://github.com/Orange-OpenSource/ouds-flutter/issues/600))
 - [Library] `Filter chip` is not reached by keyboard focus or Switch Access focus ([#474](https://github.com/Orange-OpenSource/ouds-flutter/issues/474))
 - [Library] `Phone number input` Add a hint to explain how to interact with fields  ([#571](https://github.com/Orange-OpenSource/ouds-flutter/issues/571))
 - [Library] `input tag` the whole component should have the role button ([#481](https://github.com/Orange-OpenSource/ouds-flutter/issues/481))
diff --git a/ouds_core/lib/components/form_input/password_input/ouds_password_input.dart b/ouds_core/lib/components/form_input/password_input/ouds_password_input.dart
@@ -22,7 +22,6 @@ import 'package:ouds_core/components/form_input/internal/modifier/ouds_form_inpu
 import 'package:ouds_core/components/form_input/internal/ouds_form_input_control_state.dart';
 import 'package:ouds_core/components/form_input/password_input/ouds_password_input_decoration.dart';
 import 'package:ouds_core/components/utilities/app_assets.dart';
-import 'package:ouds_core/components/utilities/input_utils.dart';
 import 'package:ouds_core/l10n/gen/ouds_localizations.dart';
 import 'package:ouds_theme_contract/ouds_theme.dart';
 import 'package:ouds_theme_contract/ouds_theme_contract.dart';
@@ -242,64 +241,51 @@ class _OudsPasswordInputState extends State<OudsPasswordInput> {
         mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          SizedBox(
-            height: textInput.sizeMinHeight,
-            child: DecoratedBox(
-              decoration: BoxDecoration(
-                // Background color based on current state and error presence
-                color: inputTextBackgroundModifier.getBackgroundColor(
-                  state,
-                  isError,
-                  widget.decoration.outlined,
-                ),
-
-                /// Bottom border styling; full border if style is not default
-                border: inputTextBorderModifier.getBorder(
-                  state,
-                  isError,
-                  widget.decoration.outlined,
-                ),
-
-                // Border radius if enabled in theme configuration
-                borderRadius: inputTextBorderModifier.getBorderRadius(context),
+          DecoratedBox(
+            decoration: BoxDecoration(
+              // Background color based on current state and error presence
+              color: inputTextBackgroundModifier.getBackgroundColor(
+                state,
+                isError,
+                widget.decoration.outlined,
               ),
-              child: Padding(
-                padding: EdgeInsetsGeometry.directional(
-                  start: textInput.spacePaddingInlineDefault,
-                  end: textInput.spacePaddingInlineTrailingAction,
-                  top: textInput.spacePaddingBlockDefault,
-                  bottom: textInput.spacePaddingBlockDefault,
-                ),
-                child: Row(
-                  crossAxisAlignment: CrossAxisAlignment.center,
-                  children: [
-                    /// Left block: prefix icon container
-                    Container(
-                      alignment: Alignment.center,
-                      child: _buildPrefixIcon(context, state),
-                    ),
 
-                    /// Center block: main text input
-                    Flexible(
-                      fit: FlexFit.loose,
-                      child: Semantics(
-                        hint: helperText,
-                        child:
-                            widget.readOnly == true ||
-                                (widget.decoration.loader == true && _isTyping)
-                            ? IgnorePointer(
-                                child: _buildTextField(
-                                  inputTextTextModifier,
-                                  state,
-                                  isError,
-                                  effectiveFocusNode,
-                                  theme,
-                                  context,
-                                  textInput,
-                                  effectiveIsFocused,
-                                ),
-                              )
-                            : _buildTextField(
+              /// Bottom border styling; full border if style is not default
+              border: inputTextBorderModifier.getBorder(
+                state,
+                isError,
+                widget.decoration.outlined,
+              ),
+
+              // Border radius if enabled in theme configuration
+              borderRadius: inputTextBorderModifier.getBorderRadius(context),
+            ),
+            child: Padding(
+              padding: EdgeInsetsGeometry.directional(
+                start: textInput.spacePaddingInlineDefault,
+                end: textInput.spacePaddingInlineTrailingAction,
+                top: textInput.spacePaddingBlockDefault,
+                bottom: textInput.spacePaddingBlockDefault,
+              ),
+              child: Row(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  /// Left block: prefix icon container
+                  Container(
+                    alignment: Alignment.center,
+                    child: _buildPrefixIcon(context, state),
+                  ),
+
+                  /// Center block: main text input
+                  Flexible(
+                    fit: FlexFit.loose,
+                    child: Semantics(
+                      hint: helperText,
+                      child:
+                          widget.readOnly == true ||
+                              (widget.decoration.loader == true && _isTyping)
+                          ? IgnorePointer(
+                              child: _buildTextField(
                                 inputTextTextModifier,
                                 state,
                                 isError,
@@ -309,16 +295,26 @@ class _OudsPasswordInputState extends State<OudsPasswordInput> {
                                 textInput,
                                 effectiveIsFocused,
                               ),
-                      ),
+                            )
+                          : _buildTextField(
+                              inputTextTextModifier,
+                              state,
+                              isError,
+                              effectiveFocusNode,
+                              theme,
+                              context,
+                              textInput,
+                              effectiveIsFocused,
+                            ),
                     ),
+                  ),
 
-                    /// spacing between center container et suffic icon container
-                    SizedBox(width: textInput.spaceColumnGapDefault),
+                  /// spacing between center container et suffic icon container
+                  SizedBox(width: textInput.spaceColumnGapDefault),
 
-                    /// Right block: suffix icon container
-                    _buildSuffixIcon(context, state),
-                  ],
-                ),
+                  /// Right block: suffix icon container
+                  _buildSuffixIcon(context, state),
+                ],
               ),
             ),
           ),
@@ -377,7 +373,7 @@ class _OudsPasswordInputState extends State<OudsPasswordInput> {
       controller: widget.controller,
       keyboardType: widget.keyboardType,
       style: theme.typographyTokens
-          .typeLabelDefaultLarge(context)
+          .typeLabelModerateLarge(context)
           .copyWith(
             color: inputTextTextModifier.getTextLabelColor(state, isError),
           ),
@@ -412,27 +408,14 @@ class _OudsPasswordInputState extends State<OudsPasswordInput> {
 
         // Label text widget, shown if labelText is provided
         label: widget.decoration.labelText != null
-            ? Container(
-                constraints: BoxConstraints(
-                  maxHeight: textInput.sizeLabelMaxHeight,
-                ),
-                child: Text(
-                  maxLines: InputUtils.getLabelMaxLines(
-                    hintText: widget.decoration.hintText,
-                    controller: widget.controller,
-                    isFocused: effectiveIsFocused,
-                  ),
-                  overflow: TextOverflow.ellipsis,
-                  widget.decoration.labelText ?? "",
-                  style: theme.typographyTokens
-                      .typeLabelDefaultLarge(context)
-                      .copyWith(
-                        color: inputTextTextModifier.getTextColor(
-                          state,
-                          isError,
-                        ),
-                      ),
-                ),
+            ? Text(
+                widget.decoration.labelText ?? "",
+                overflow: TextOverflow.ellipsis,
+                style: theme.typographyTokens
+                    .typeLabelDefaultLarge(context)
+                    .copyWith(
+                      color: inputTextTextModifier.getTextColor(state, isError),
+                    ),
               )
             : null,
 
@@ -446,9 +429,8 @@ class _OudsPasswordInputState extends State<OudsPasswordInput> {
         // Hint text widget, shown if hintText is provided
         hint: widget.decoration.hintText != null
             ? Text(
-                maxLines: 1,
-                overflow: TextOverflow.ellipsis,
                 widget.decoration.hintText!,
+                overflow: TextOverflow.ellipsis,
                 style: theme.typographyTokens
                     .typeLabelDefaultLarge(context)
                     .copyWith(
