chore : create circular progress indicator and linear progress indicator components

app/CHANGELOG.md

@@ -6,8 +6,33 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased](https://github.com/Orange-OpenSource/ouds-flutter/compare/2.0.0...develop)
 ### Added
+- [DemoApp][Library] Add `circular progress indicator` and `linear progress indicator` components ([#775](https://github.com/Orange-OpenSource/ouds-flutter/issues/775))
 ### Changed
+- [Library] `tab bar component`, update the animation of the `selected tab indicator` ([#633](https://github.com/Orange-OpenSource/ouds-flutter/issues/633))
+- [DemoApp][Library] Update `ToolBar Top`, with Badge in Trailing Actions ([#642](https://github.com/Orange-OpenSource/ouds-flutter/issues/642))
+- [DemoApp][Library] update `alert message`, `switch`, `radio`, `checkbox`, `text input`, `pin code input`, `phone number input`, components to use rich text ([#782](https://github.com/Orange-OpenSource/ouds-flutter/issues/782))
+- [Library] Update text input component to v1.4 ([#692](https://github.com/Orange-OpenSource/ouds-flutter/issues/692))
+- [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))
+- [Library] deps downgrade dartdoc from to 8.3.3 to fix meta version ([#786](https://github.com/Orange-OpenSource/ouds-flutter/issues/786))
+- [DemoApp] deps update dependency github.com/apple/swift-protobuf to 1.38.0 ([#773](https://github.com/Orange-OpenSource/ouds-flutter/issues/773))
+- [Library] deps update dependency bump dartdoc to 9.0.4 ([#780](https://github.com/Orange-OpenSource/ouds-flutter/issues/780))
+- [Library] update `Phone number input` component to v1.3 ([#690](https://github.com/Orange-OpenSource/ouds-flutter/issues/690))
+- [Library] update `tag` component to v1.5 ([#694](https://github.com/Orange-OpenSource/ouds-flutter/issues/694))
+- [Library] update `input tag` component to v1.2 ([#695](https://github.com/Orange-OpenSource/ouds-flutter/issues/695))
+- [DemoApp][Library] update tokens 2.5.0 ([#778](https://github.com/Orange-OpenSource/ouds-flutter/issues/778))
+- [DemoApp][Library] update tokens 2.4.0 ([#726](https://github.com/Orange-OpenSource/ouds-flutter/issues/726))
+
 ### Fixed
+- [DemoApp][Library] `Bottom Bar` Inconsistent order of the accessible ([#625](https://github.com/Orange-OpenSource/ouds-flutter/issues/625))
+- [Library] `Bottom Bar` Overlap when zoom is activated ([#627](https://github.com/Orange-OpenSource/ouds-flutter/issues/627))
+- [DemoApp] Update pubspec icons 1.6 ([#794](https://github.com/Orange-OpenSource/ouds-flutter/issues/794))
+- [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))
 
 ## [2.0.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/1.3.1...2.0.0) - 2026-06-19
 ### Added

app/lib/l10n/gen/ouds_flutter_app_localizations.dart

@@ -271,6 +271,12 @@ abstract class AppLocalizations {
   /// **'Rounded corner alert message'**
   String get app_themeSettingsDialog_roundedCornerAlertMessage_label;
 
+  /// No description provided for @app_themeSettingsDialog_roundedCornerProgressIndicators_label.
+  ///
+  /// In en, this message translates to:
+  /// **'Rounded corner progress indicators'**
+  String get app_themeSettingsDialog_roundedCornerProgressIndicators_label;
+
   /// No description provided for @app_tokens_viewCodeExample_label.
   ///
   /// In en, this message translates to:
@@ -601,6 +607,12 @@ abstract class AppLocalizations {
   /// **'Description'**
   String get app_components_common_description_tech;
 
+  /// No description provided for @app_components_common_type_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Type'**
+  String get app_components_common_type_tech;
+
   /// No description provided for @app_components_alert_tech.
   ///
   /// In en, this message translates to:
@@ -948,12 +960,6 @@ abstract class AppLocalizations {
   /// **'Badge is a UI element that emphasizes system notifications, status, or the categorization of an information, throughout colour only.'**
   String get app_components_badge_description_text;
 
-  /// No description provided for @app_components_badge_type_label.
-  ///
-  /// In en, this message translates to:
-  /// **'Type'**
-  String get app_components_badge_type_label;
-
   /// No description provided for @app_components_badge_standardType_label.
   ///
   /// In en, this message translates to:
@@ -1290,6 +1296,111 @@ abstract class AppLocalizations {
   /// **'Alphanumeric'**
   String get app_components_pinCodeInput_keyboardType_alphanumeric_label;
 
+  /// No description provided for @app_components_progressIndicator_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Progress indicator'**
+  String get app_components_progressIndicator_tech;
+
+  /// No description provided for @app_components_progressIndicator_description_text.
+  ///
+  /// In en, this message translates to:
+  /// **'Progress indicator shows the progress of a task providing visual feedback. It can show a specific value (determinate) or just that something is in progress (indeterminate).'**
+  String get app_components_progressIndicator_description_text;
+
+  /// No description provided for @app_components_progressIndicator_circularProgressIndicator_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Circular progress indicator'**
+  String get app_components_progressIndicator_circularProgressIndicator_tech;
+
+  /// No description provided for @app_components_progressIndicator_circularProgressIndicator_description_text.
+  ///
+  /// In en, this message translates to:
+  /// **'A circular progress indicator shows the progress of a task using a circle. Useful when you need more visual focus or when space is limited.'**
+  String
+  get app_components_progressIndicator_circularProgressIndicator_description_text;
+
+  /// No description provided for @app_components_progressIndicator_animated_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Animated'**
+  String get app_components_progressIndicator_animated_tech;
+
+  /// No description provided for @app_components_progressIndicator_determinate_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Determinate'**
+  String get app_components_progressIndicator_determinate_tech;
+
+  /// No description provided for @app_components_progressIndicator_indeterminate_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Indeterminate'**
+  String get app_components_progressIndicator_indeterminate_tech;
+
+  /// No description provided for @app_components_progressIndicator_progress_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Progress'**
+  String get app_components_progressIndicator_progress_tech;
+
+  /// No description provided for @app_components_progressIndicator_track_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Track'**
+  String get app_components_progressIndicator_track_tech;
+
+  /// No description provided for @app_components_progressIndicator_gapSize_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Gap size'**
+  String get app_components_progressIndicator_gapSize_tech;
+
+  /// No description provided for @app_components_progressIndicator_linearProgressIndicator_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Linear progress indicator'**
+  String get app_components_progressIndicator_linearProgressIndicator_tech;
+
+  /// No description provided for @app_components_progressIndicator_linearProgressIndicator_description_text.
+  ///
+  /// In en, this message translates to:
+  /// **'A linear progress indicator shows the progress of a task using a horizontal line. Best used inside layouts to show progress.'**
+  String
+  get app_components_progressIndicator_linearProgressIndicator_description_text;
+
+  /// No description provided for @app_components_progressIndicator_linearProgressIndicator_stopIndicator_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Stop indicator'**
+  String
+  get app_components_progressIndicator_linearProgressIndicator_stopIndicator_tech;
+
+  /// No description provided for @app_components_progressIndicator_helperTextAlignment_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Alignment'**
+  String get app_components_progressIndicator_helperTextAlignment_tech;
+
+  /// No description provided for @app_components_progressIndicator_helperTextSpaceBefore_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Space before %'**
+  String get app_components_progressIndicator_helperTextSpaceBefore_tech;
+
+  /// No description provided for @app_components_progressIndicator_helperTextPercentage_tech.
+  ///
+  /// In en, this message translates to:
+  /// **'Percentage'**
+  String get app_components_progressIndicator_helperTextPercentage_tech;
+
+  /// No description provided for @app_components_progressIndicator_progress_a11y.
+  ///
+  /// In en, this message translates to:
+  /// **'Uploading file'**
+  String get app_components_progressIndicator_progress_a11y;
+
   /// No description provided for @app_components_navigationBar_label.
   ///
   /// In en, this message translates to:

app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart

@@ -99,6 +99,10 @@ class AppLocalizationsAr extends AppLocalizations {
   String get app_themeSettingsDialog_roundedCornerAlertMessage_label =>
       'رسالة تنبيه بزوايا مستديرة';
 
+  @override
+  String get app_themeSettingsDialog_roundedCornerProgressIndicators_label =>
+      'مؤشرات التقدم ذات الزوايا المستديرة';
+
   @override
   String get app_tokens_viewCodeExample_label => 'عرض مثال على كود الرمز';
 
@@ -272,6 +276,9 @@ class AppLocalizationsAr extends AppLocalizations {
   @override
   String get app_components_common_description_tech => 'Description';
 
+  @override
+  String get app_components_common_type_tech => 'Type';
+
   @override
   String get app_components_alert_tech => 'Alert';
 
@@ -481,9 +488,6 @@ class AppLocalizationsAr extends AppLocalizations {
   String get app_components_badge_description_text =>
       'Badge هي عنصر صغير في واجهة المستخدم يُستخدم لتسليط الضوء على الحالة أو الإشعارات أو التصنيف داخل الواجهة. غالبًا ما يتم عرضها كعلامة أو مؤشر بلون خلفية مميز ونص.';
 
-  @override
-  String get app_components_badge_type_label => 'Type';
-
   @override
   String get app_components_badge_standardType_label => 'Standard';
 
@@ -675,6 +679,71 @@ class AppLocalizationsAr extends AppLocalizations {
   String get app_components_pinCodeInput_keyboardType_alphanumeric_label =>
       'Alphanumeric';
 
+  @override
+  String get app_components_progressIndicator_tech => 'Progress indicator';
+
+  @override
+  String get app_components_progressIndicator_description_text =>
+      'Progress indicator يُظهر تقدم مهمة ما ويقدم تغذية بصرية. يمكن أن يُظهر قيمة محددة (محدد) أو فقط أن شيئًا ما قيد التقدم (غير محدد).';
+
+  @override
+  String get app_components_progressIndicator_circularProgressIndicator_tech =>
+      'Circular progress indicator';
+
+  @override
+  String
+  get app_components_progressIndicator_circularProgressIndicator_description_text =>
+      'Circular progress indicator يُظهر تقدم مهمة باستخدام دائرة. مفيد عندما تحتاج إلى تركيز بصري أكثر أو عندما يكون المساحة محدودة.';
+
+  @override
+  String get app_components_progressIndicator_animated_tech => 'Animated';
+
+  @override
+  String get app_components_progressIndicator_determinate_tech => 'Determinate';
+
+  @override
+  String get app_components_progressIndicator_indeterminate_tech =>
+      'Indeterminate';
+
+  @override
+  String get app_components_progressIndicator_progress_tech => 'Progress';
+
+  @override
+  String get app_components_progressIndicator_track_tech => 'Track';
+
+  @override
+  String get app_components_progressIndicator_gapSize_tech => 'Gap size';
+
+  @override
+  String get app_components_progressIndicator_linearProgressIndicator_tech =>
+      'Linear progress indicator';
+
+  @override
+  String
+  get app_components_progressIndicator_linearProgressIndicator_description_text =>
+      'Linear progress indicator يُظهر تقدم مهمة باستخدام خط أفقي. يُستخدم بشكل أفضل داخل التصاميم لعرض التقدم.';
+
+  @override
+  String
+  get app_components_progressIndicator_linearProgressIndicator_stopIndicator_tech =>
+      'Stop indicator';
+
+  @override
+  String get app_components_progressIndicator_helperTextAlignment_tech =>
+      'Alignment';
+
+  @override
+  String get app_components_progressIndicator_helperTextSpaceBefore_tech =>
+      'Space before %';
+
+  @override
+  String get app_components_progressIndicator_helperTextPercentage_tech =>
+      'Percentage';
+
+  @override
+  String get app_components_progressIndicator_progress_a11y =>
+      'جارٍ تحميل الملف';
+
   @override
   String get app_components_navigationBar_label => 'Bottom Bar';
 

app/lib/l10n/gen/ouds_flutter_app_localizations_en.dart

@@ -99,6 +99,10 @@ class AppLocalizationsEn extends AppLocalizations {
   String get app_themeSettingsDialog_roundedCornerAlertMessage_label =>
       'Rounded corner alert message';
 
+  @override
+  String get app_themeSettingsDialog_roundedCornerProgressIndicators_label =>
+      'Rounded corner progress indicators';
+
   @override
   String get app_tokens_viewCodeExample_label => 'View token code example';
 
@@ -272,6 +276,9 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get app_components_common_description_tech => 'Description';
 
+  @override
+  String get app_components_common_type_tech => 'Type';
+
   @override
   String get app_components_alert_tech => 'Alert';
 
@@ -481,9 +488,6 @@ class AppLocalizationsEn extends AppLocalizations {
   String get app_components_badge_description_text =>
       'Badge is a UI element that emphasizes system notifications, status, or the categorization of an information, throughout colour only.';
 
-  @override
-  String get app_components_badge_type_label => 'Type';
-
   @override
   String get app_components_badge_standardType_label => 'Standard';
 
@@ -675,6 +679,70 @@ class AppLocalizationsEn extends AppLocalizations {
   String get app_components_pinCodeInput_keyboardType_alphanumeric_label =>
       'Alphanumeric';
 
+  @override
+  String get app_components_progressIndicator_tech => 'Progress indicator';
+
+  @override
+  String get app_components_progressIndicator_description_text =>
+      'Progress indicator shows the progress of a task providing visual feedback. It can show a specific value (determinate) or just that something is in progress (indeterminate).';
+
+  @override
+  String get app_components_progressIndicator_circularProgressIndicator_tech =>
+      'Circular progress indicator';
+
+  @override
+  String
+  get app_components_progressIndicator_circularProgressIndicator_description_text =>
+      'A circular progress indicator shows the progress of a task using a circle. Useful when you need more visual focus or when space is limited.';
+
+  @override
+  String get app_components_progressIndicator_animated_tech => 'Animated';
+
+  @override
+  String get app_components_progressIndicator_determinate_tech => 'Determinate';
+
+  @override
+  String get app_components_progressIndicator_indeterminate_tech =>
+      'Indeterminate';
+
+  @override
+  String get app_components_progressIndicator_progress_tech => 'Progress';
+
+  @override
+  String get app_components_progressIndicator_track_tech => 'Track';
+
+  @override
+  String get app_components_progressIndicator_gapSize_tech => 'Gap size';
+
+  @override
+  String get app_components_progressIndicator_linearProgressIndicator_tech =>
+      'Linear progress indicator';
+
+  @override
+  String
+  get app_components_progressIndicator_linearProgressIndicator_description_text =>
+      'A linear progress indicator shows the progress of a task using a horizontal line. Best used inside layouts to show progress.';
+
+  @override
+  String
+  get app_components_progressIndicator_linearProgressIndicator_stopIndicator_tech =>
+      'Stop indicator';
+
+  @override
+  String get app_components_progressIndicator_helperTextAlignment_tech =>
+      'Alignment';
+
+  @override
+  String get app_components_progressIndicator_helperTextSpaceBefore_tech =>
+      'Space before %';
+
+  @override
+  String get app_components_progressIndicator_helperTextPercentage_tech =>
+      'Percentage';
+
+  @override
+  String get app_components_progressIndicator_progress_a11y => 'Uploading file';
+
   @override
   String get app_components_navigationBar_label => 'Bottom Bar';