TF-2116 Create RecipientComposer widget and style

(cherry picked from commit 24be032c8c04e9673953c9dc83d096e7b61fdb04)
2023-09-06 11:46:38 +07:00
parent b5326ec186
commit f84f2ce4fd
7 changed files with 623 additions and 526 deletions
@@ -0,0 +1,33 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class RecipientComposerWidgetStyle {
+  static const double deleteRecipientFieldIconSize = 20;
+  static const double space = 8;
+
+  static const Color borderColor = AppColor.colorLineComposer;
+  static const Color deleteRecipientFieldIconColor = AppColor.colorCollapseMailbox;
+
+  static const EdgeInsetsGeometry deleteRecipientFieldIconPadding = EdgeInsetsDirectional.all(3);
+  static const EdgeInsetsGeometry prefixButtonPadding = EdgeInsetsDirectional.symmetric(vertical: 3, horizontal: 5);
+  static const EdgeInsetsGeometry labelMargin = EdgeInsetsDirectional.only(top: 16);
+  static const EdgeInsetsGeometry recipientMargin = EdgeInsetsDirectional.only(top: 12);
+
+  static const TextStyle prefixButtonTextStyle = TextStyle(
+    fontSize: 15,
+    fontWeight: FontWeight.normal,
+    decoration: TextDecoration.underline,
+    color: AppColor.colorPrefixButtonComposer
+  );
+  static const TextStyle labelTextStyle = TextStyle(
+    fontSize: 14,
+    fontWeight: FontWeight.w400,
+    color: AppColor.colorLabelComposer
+  );
+  static const TextStyle inputTextStyle = TextStyle(
+    fontSize: 16,
+    fontWeight: FontWeight.w500,
+    color: Colors.black
+  );
+}
@@ -0,0 +1,22 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class RecipientSuggestionItemWidgetStyle {
+  static const double radius = 20;
+  static const double selectedIconSize = 24;
+
+  static const EdgeInsetsGeometry suggestionDuplicatedMargin = EdgeInsets.all(8.0);
+  static const EdgeInsetsGeometry labelDuplicatedPadding = EdgeInsets.symmetric(horizontal: 8.0);
+  static const EdgeInsetsGeometry labelPadding = EdgeInsets.symmetric(horizontal: 16.0);
+
+  static const TextStyle labelTextStyle = TextStyle(
+    color: AppColor.colorHintSearchBar,
+    fontSize: 13,
+    fontWeight: FontWeight.normal
+  );
+  static const TextStyle labelHighlightTextStyle = TextStyle(
+    color: Colors.black,
+    fontSize: 13,
+    fontWeight: FontWeight.bold
+  );
+}
@@ -0,0 +1,16 @@
+import 'package:core/utils/platform_info.dart';
+import 'package:flutter/material.dart';
+
+class RecipientTagItemWidgetStyle {
+  static const double radius = 10;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.only(start: 4);
+  static const EdgeInsetsGeometry counterPadding = EdgeInsetsDirectional.symmetric(vertical: 5, horizontal: 8);
+  static const EdgeInsetsGeometry counterMargin = EdgeInsetsDirectional.only(top: PlatformInfo.isWeb ? 8 : 0);
+
+  static const TextStyle labelTextStyle = TextStyle(
+    color: Colors.black,
+    fontSize: 17,
+    fontWeight: FontWeight.w400
+  );
+}