chore: add icons by themes

Author: Tayebsed93

NOTICE.txt

@@ -35,32 +35,37 @@ ouds-flutter/app/assets/il_tokens_border.svg
 ouds-flutter/app/assets/il_tokens_border_dark.svg
 
 ## OUDS / Themes / Orange
-ouds_theme_orange/assets/ic_bullet.svg
-ouds_theme_orange/assets/ic_bullet_nested_1.svg
-ouds_theme_orange/assets/ic_bullet_nested_2.svg
-ouds_theme_orange/assets/ic_checkbox_selected.svg
-ouds_theme_orange/assets/ic_checkbox_undeterminate.svg
-ouds_theme_orange/assets/ic_chevron_down.svg
-ouds_theme_orange/assets/ic_chevron_left.svg
-ouds_theme_orange/assets/ic_chevron_right.svg
-ouds_theme_orange/assets/ic_chevron_up.svg
-ouds_theme_orange/assets/ic_delete.svg
-ouds_theme_orange/assets/ic_heart.svg
-ouds_theme_orange/assets/ic_radio-button_selected.svg
-ouds_theme_orange/assets/ic_search.svg
-ouds_theme_orange/assets/ic_switch_selected.svg
-ouds_theme_orange/assets/ic_success.svg
-ouds_theme_orange/assets/ic_positive.svg
-ouds_theme_orange/assets/ic_information.svg
-ouds_theme_orange/assets/ic_important.svg
-ouds_theme_orange/assets/ic_error.svg
-ouds_theme_orange/assets/ic_heart.svg
 ouds_theme_orange/assets/ic_bullet_rounded.svg
-ouds_theme_orange/assets/ic_important_alert.svg
-ouds_theme_orange/assets/ic_password_vision_hide.svg
-ouds_theme_orange/assets/ic_password_vision.svg
-ouds_theme_orange/assets/ic_password_lock.svg
-ouds_theme_orange/assets/ic_warning_external_shape.svg
+ouds_theme_orange/assets/accessibility/accessibility-vision.svg
+ouds_theme_orange/assets/communication/security-and-safety/lock.svg
+ouds_theme_orange/assets/component/alert/important.svg
+ouds_theme_orange/assets/component/alert/information.svg
+ouds_theme_orange/assets/component/alert/success.svg
+ouds_theme_orange/assets/component/alert/warning.svg
+ouds_theme_orange/assets/component/alert/warning-external-shape.svg
+ouds_theme_orange/assets/component/alert/warning-internal-shape.svg
+ouds_theme_orange/assets/component/button/expanded-false.svg
+ouds_theme_orange/assets/component/button/expanded-true.svg
+ouds_theme_orange/assets/component/button/expurge.svg
+ouds_theme_orange/assets/component/button/increment-higher.svg
+ouds_theme_orange/assets/component/button/increment-lower.svg
+ouds_theme_orange/assets/component/button/next.svg
+ouds_theme_orange/assets/component/button/previous.svg
+ouds_theme_orange/assets/component/checkbox/checkbox-selected.svg
+ouds_theme_orange/assets/component/checkbox/checkbox-undetermined.svg
+ouds_theme_orange/assets/component/chip/expanded-false.svg
+ouds_theme_orange/assets/component/chip/expanded-true.svg
+ouds_theme_orange/assets/component/chip/tick.svg
+ouds_theme_orange/assets/component/link/expanded-false.svg
+ouds_theme_orange/assets/component/link/expanded-true.svg
+ouds_theme_orange/assets/component/link/next.svg
+ouds_theme_orange/assets/component/link/previous.svg
+ouds_theme_orange/assets/component/radio-button/radio-button-selected.svg
+ouds_theme_orange/assets/component/switch/selected-switch.svg
+ouds_theme_orange/assets/component/tag/close.svg
+ouds_theme_orange/assets/functional/social-and-engagement/heart-empty.svg
+ouds_theme_orange/assets/settings-and-tools/hide.svg
+
 
 ouds_theme_sosh/fonts/Roboto-Black.ttf
 ouds_theme_sosh/fonts/Roboto-Bold.ttf
@@ -75,32 +80,36 @@ ouds_theme_sosh/fonts/SF-Pro-Display-Black-Thin.ttf
 
 
 ## OUDS / Themes / Sosh
-ouds_theme_sosh/assets/ic_bullet.svg
-ouds_theme_sosh/assets/ic_bullet_nested_1.svg
-ouds_theme_sosh/assets/ic_bullet_nested_2.svg
-ouds_theme_sosh/assets/ic_checkbox_selected.svg
-ouds_theme_sosh/assets/ic_checkbox_undeterminate.svg
-ouds_theme_sosh/assets/ic_chevron_down.svg
-ouds_theme_sosh/assets/ic_chevron_left.svg
-ouds_theme_sosh/assets/ic_chevron_right.svg
-ouds_theme_sosh/assets/ic_chevron_up.svg
-ouds_theme_sosh/assets/ic_delete.svg
-ouds_theme_sosh/assets/ic_heart.svg
-ouds_theme_sosh/assets/ic_radio-button_selected.svg
-ouds_theme_sosh/assets/ic_search.svg
-ouds_theme_sosh/assets/ic_switch_selected.svg
-ouds_theme_sosh/assets/ic_success.svg
-ouds_theme_sosh/assets/ic_positive.svg
-ouds_theme_sosh/assets/ic_information.svg
-ouds_theme_sosh/assets/ic_important.svg
-ouds_theme_sosh/assets/ic_error.svg
-ouds_theme_sosh/assets/ic_heart.svg
-ouds_theme_sosh/assets/ic_bullet_tag.svg
-ouds_theme_sosh/assets/ic_important_alert.svg
-ouds_theme_sosh/assets/ic_password_vision_hide.svg
-ouds_theme_sosh/assets/ic_password_vision.svg
-ouds_theme_sosh/assets/ic_password_lock.svg
-ouds_theme_sosh/assets/ic_warning_external_shape.svg
+ouds_theme_sosh/assets/ic_bullet_rounded.svg
+ouds_theme_sosh/assets/accessibility/accessibility-vision.svg
+ouds_theme_sosh/assets/communication/security-and-safety/lock.svg
+ouds_theme_sosh/assets/component/alert/important.svg
+ouds_theme_sosh/assets/component/alert/information.svg
+ouds_theme_sosh/assets/component/alert/success.svg
+ouds_theme_sosh/assets/component/alert/warning.svg
+ouds_theme_sosh/assets/component/alert/warning-external-shape.svg
+ouds_theme_sosh/assets/component/alert/warning-internal-shape.svg
+ouds_theme_sosh/assets/component/button/expanded-false.svg
+ouds_theme_sosh/assets/component/button/expanded-true.svg
+ouds_theme_sosh/assets/component/button/expurge.svg
+ouds_theme_sosh/assets/component/button/increment-higher.svg
+ouds_theme_sosh/assets/component/button/increment-lower.svg
+ouds_theme_sosh/assets/component/button/next.svg
+ouds_theme_sosh/assets/component/button/previous.svg
+ouds_theme_sosh/assets/component/checkbox/checkbox-selected.svg
+ouds_theme_sosh/assets/component/checkbox/checkbox-undetermined.svg
+ouds_theme_sosh/assets/component/chip/expanded-false.svg
+ouds_theme_sosh/assets/component/chip/expanded-true.svg
+ouds_theme_sosh/assets/component/chip/tick.svg
+ouds_theme_sosh/assets/component/link/expanded-false.svg
+ouds_theme_sosh/assets/component/link/expanded-true.svg
+ouds_theme_sosh/assets/component/link/next.svg
+ouds_theme_sosh/assets/component/link/previous.svg
+ouds_theme_sosh/assets/component/radio-button/radio-button-selected.svg
+ouds_theme_sosh/assets/component/switch/selected-switch.svg
+ouds_theme_sosh/assets/component/tag/close.svg
+ouds_theme_sosh/assets/functional/social-and-engagement/heart-empty.svg
+ouds_theme_sosh/assets/settings-and-tools/hide.svg
 
 ouds_theme_sosh/fonts/Sosh-Black.ttf
 ouds_theme_sosh/fonts/Sosh-Bold.ttf
@@ -109,29 +118,36 @@ ouds_theme_sosh/fonts/Sosh-Regular.ttf
 ouds_theme_sosh/fonts/Sosh-Thin.ttf
 
 ## OUDS / Themes / Wireframe
-ouds_theme_wireframe/assets/ic_bullet.svg
-ouds_theme_wireframe/assets/ic_bullet_nested_1.svg
-ouds_theme_wireframe/assets/ic_bullet_nested_2.svg
-ouds_theme_wireframe/assets/ic_checkbox_selected.svg
-ouds_theme_wireframe/assets/ic_checkbox_undeterminate.svg
-ouds_theme_wireframe/assets/ic_chevron_down.svg
-ouds_theme_wireframe/assets/ic_chevron_left.svg
-ouds_theme_wireframe/assets/ic_chevron_right.svg
-ouds_theme_wireframe/assets/ic_chevron_up.svg
-ouds_theme_wireframe/assets/ic_delete.svg
-ouds_theme_wireframe/assets/ic_heart.svg
-ouds_theme_wireframe/assets/ic_radio-button_selected.svg
-ouds_theme_wireframe/assets/ic_search.svg
-ouds_theme_wireframe/assets/ic_switch_selected.svg
-ouds_theme_wireframe/assets/ic_success.svg
-ouds_theme_wireframe/assets/ic_positive.svg
-ouds_theme_wireframe/assets/ic_information.svg
-ouds_theme_wireframe/assets/ic_important.svg
-ouds_theme_wireframe/assets/ic_error.svg
-ouds_theme_wireframe/assets/ic_heart.svg
-ouds_theme_wireframe/assets/ic_bullet_tag.svg
-ouds_theme_wireframe/assets/ic_important_alert.svg
-ouds_theme_wireframe/assets/ic_warning_external_shape.svg
+ouds_theme_wireframe/assets/ic_bullet_rounded.svg
+ouds_theme_wireframe/assets/accessibility/accessibility-vision.svg
+ouds_theme_wireframe/assets/communication/security-and-safety/lock.svg
+ouds_theme_wireframe/assets/component/alert/important.svg
+ouds_theme_wireframe/assets/component/alert/information.svg
+ouds_theme_wireframe/assets/component/alert/success.svg
+ouds_theme_wireframe/assets/component/alert/warning.svg
+ouds_theme_wireframe/assets/component/alert/warning-external-shape.svg
+ouds_theme_wireframe/assets/component/alert/warning-internal-shape.svg
+ouds_theme_wireframe/assets/component/button/expanded-false.svg
+ouds_theme_wireframe/assets/component/button/expanded-true.svg
+ouds_theme_wireframe/assets/component/button/expurge.svg
+ouds_theme_wireframe/assets/component/button/increment-higher.svg
+ouds_theme_wireframe/assets/component/button/increment-lower.svg
+ouds_theme_wireframe/assets/component/button/next.svg
+ouds_theme_wireframe/assets/component/button/previous.svg
+ouds_theme_wireframe/assets/component/checkbox/checkbox-selected.svg
+ouds_theme_wireframe/assets/component/checkbox/checkbox-undetermined.svg
+ouds_theme_wireframe/assets/component/chip/expanded-false.svg
+ouds_theme_wireframe/assets/component/chip/expanded-true.svg
+ouds_theme_wireframe/assets/component/chip/tick.svg
+ouds_theme_wireframe/assets/component/link/expanded-false.svg
+ouds_theme_wireframe/assets/component/link/expanded-true.svg
+ouds_theme_wireframe/assets/component/link/next.svg
+ouds_theme_wireframe/assets/component/link/previous.svg
+ouds_theme_wireframe/assets/component/radio-button/radio-button-selected.svg
+ouds_theme_wireframe/assets/component/switch/selected-switch.svg
+ouds_theme_wireframe/assets/component/tag/close.svg
+ouds_theme_wireframe/assets/functional/social-and-engagement/heart-empty.svg
+ouds_theme_wireframe/assets/settings-and-tools/hide.svg
 
 ouds_theme_wireframe/fonts/ShantellSans-Bold.ttf
 ouds_theme_wireframe/fonts/ShantellSans-BoldItalic.ttf

app/lib/ui/utilities/app_assets.dart

@@ -54,7 +54,7 @@ class _Icons {
   final String icHeart = 'assets/ic_heart.svg';
   final String icHeartBadge = 'assets/ic_heart_badge.svg';
   final String icChipHeart = 'assets/ic_chip_heart.svg';
-
+  final String icDelete = 'assets/ic_delete.svg';
 }
 
 class _Fonts {

app/lib/ui/utilities/customizable/customizable_textfield.dart

@@ -22,6 +22,7 @@ import 'package:ouds_flutter_demo/ui/components/link/link_customization.dart';
 import 'package:ouds_flutter_demo/ui/components/pin_code_input/pin_code_input_customization.dart';
 import 'package:ouds_flutter_demo/ui/components/tag/tag_customization.dart';
 import 'package:ouds_flutter_demo/ui/theme/theme_controller.dart';
+import 'package:ouds_flutter_demo/ui/utilities/app_assets.dart';
 import 'package:provider/provider.dart';
 
 enum FieldType {
@@ -208,7 +209,7 @@ class CustomizableTextFieldState extends State<CustomizableTextField> {
                         controller: _textController,
                         focusNode: widget.focusNode,
                         decoration: OudsInputDecoration(
-                          suffixIcon: 'assets/ic_delete.svg',
+                          suffixIcon: AppAssets.icons.icDelete,
                           onSuffixPressed: () {
                             _textController.clear();
                             if (!widget.focusNode.hasFocus) {

ouds_core/lib/components/button/ouds_button.dart

@@ -73,6 +73,9 @@ enum OudsButtonLayout {
 /// - [loader]: An optional loading progress indicator displayed in the button to indicate an ongoing operation.
 /// - [hierarchy]: The button appearance based on its [OudsButtonHierarchy].
 ///   A button with [OudsButtonHierarchy.negative] hierarchy is not allowed as a direct or indirect child of an [OudsColoredBox] and will throw an [IllegalStateException].
+///   To create the widget with an asset from a package, the [package] argument
+///   must be provided. For instance, suppose a package called `my_icons` has
+///   `icons/heart.svg` .
 ///
 /// ## You can use [OudsButton] like this :
 ///
@@ -110,6 +113,7 @@ class OudsButton extends StatefulWidget {
   final VoidCallback? onPressed;
   final Loader? loader;
   final OudsButtonHierarchy hierarchy;
+  final String? package;
 
   const OudsButton({
     super.key,
@@ -118,6 +122,7 @@ class OudsButton extends StatefulWidget {
     this.onPressed,
     this.loader,
     required this.hierarchy,
+    this.package,
   });
 
   @override
@@ -395,7 +400,7 @@ class _OudsButtonState extends State<OudsButton> {
     }
   }
 
-  static Widget _buildIcon(
+  Widget _buildIcon(
     BuildContext context,
     String assetName,
     final OudsButtonHierarchy hierarchy,
@@ -404,8 +409,8 @@ class _OudsButtonState extends State<OudsButton> {
   ) {
     return SvgPicture.asset(
       excludeFromSemantics: true,
+      package: widget.package,
       assetName,
-      package: OudsTheme.of(context).packageName,
       fit: BoxFit.contain,
       width: OudsButtonIconModifier.getIconSize(context, layout),
       height: OudsButtonIconModifier.getIconSize(context, layout),

ouds_core/lib/components/checkbox/ouds_checkbox.dart

@@ -12,7 +12,6 @@
 /// OudsCheckbox
 library;
 
-import 'dart:developer';
 import 'dart:io';
 
 import 'package:flutter/material.dart';
@@ -27,6 +26,7 @@ import 'package:ouds_core/components/control/internal/ouds_control_state.dart';
 import 'package:ouds_core/components/utilities/app_assets.dart';
 import 'package:ouds_core/l10n/gen/ouds_localizations.dart';
 import 'package:ouds_theme_contract/ouds_theme.dart';
+
 enum ToggleableState { off, indeterminate, on }
 
 ///
@@ -88,7 +88,6 @@ class _OudsCheckboxState extends State<OudsCheckbox> {
   bool _isPressed = false;
   bool _isHighContrast = false;
 
-
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
@@ -122,8 +121,8 @@ class _OudsCheckboxState extends State<OudsCheckbox> {
     String? semanticsLabel = widget.value == true
         ? l10n?.core_checkbox_checked_a11y
         : widget.value == null
-        ? l10n?.core_checkbox_indeterminate_a11y
-        : l10n?.core_checkbox_not_checked_a11y;
+            ? l10n?.core_checkbox_indeterminate_a11y
+            : l10n?.core_checkbox_not_checked_a11y;
 
     // add “double tap to toggle” only for iOS
     if (Platform.isIOS && semanticsLabel != null) {
@@ -201,12 +200,7 @@ class _OudsCheckboxState extends State<OudsCheckbox> {
                           DecoratedBox(
                             decoration: BoxDecoration(
                               border: Border.all(
-                                color: checkboxBorderModifier.getBorderColor(
-                                  checkboxState,
-                                  widget.isError,
-                                  isCheckedOrIndeterminate(widget.value),
-                                  _isHighContrast
-                                ),
+                                color: checkboxBorderModifier.getBorderColor(checkboxState, widget.isError, isCheckedOrIndeterminate(widget.value), _isHighContrast),
                                 width: checkboxBorderModifier.getBorderWidth(
                                   checkboxState,
                                   isCheckedOrIndeterminate(widget.value),
@@ -222,11 +216,11 @@ class _OudsCheckboxState extends State<OudsCheckbox> {
                             Center(
                               child: SvgPicture.asset(
                                 excludeFromSemantics: true,
-                                AppAssets.icons.checkboxSelected,
+                                AppAssets.icons.componentCheckboxSelected,
                                 package: OudsTheme.of(context).packageName,
                                 fit: BoxFit.contain,
                                 colorFilter: ColorFilter.mode(
-                                  checkboxTickModifier.getTickColor(checkboxState, widget.isError,_isHighContrast),
+                                  checkboxTickModifier.getTickColor(checkboxState, widget.isError, _isHighContrast),
                                   BlendMode.srcIn,
                                 ),
                               ),
@@ -235,11 +229,11 @@ class _OudsCheckboxState extends State<OudsCheckbox> {
                             Center(
                               child: SvgPicture.asset(
                                 excludeFromSemantics: true,
-                                AppAssets.icons.checkboxUndeterminate,
+                                AppAssets.icons.componentCheckboxUndetermined,
                                 package: OudsTheme.of(context).packageName,
                                 fit: BoxFit.contain,
                                 colorFilter: ColorFilter.mode(
-                                  checkboxTickModifier.getTickColor(checkboxState, widget.isError,_isHighContrast),
+                                  checkboxTickModifier.getTickColor(checkboxState, widget.isError, _isHighContrast),
                                   BlendMode.srcIn,
                                 ),
                               ),