library: SearchBar: Fix font weight & icons padding

Author: YuKongA

example/src/commonMain/kotlin/MainPage.kt

@@ -22,7 +22,10 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.input.nestedscroll.nestedScroll
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import component.OtherComponent
 import component.TextComponent
 import top.yukonga.miuix.kmp.basic.BasicComponent
@@ -111,6 +114,7 @@ fun MainPage(
                                         miuixSearchValue = ""
                                     },
                                 text = "Cancel",
+                                style = TextStyle(fontSize = 17.sp, fontWeight = FontWeight.Bold),
                                 color = MiuixTheme.colorScheme.primary
                             )
                         },

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/SearchBar.kt

@@ -32,14 +32,17 @@ import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.semantics.onClick
 import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.unit.DpSize
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import androidx.compose.ui.zIndex
 import kotlinx.coroutines.delay
 import top.yukonga.miuix.kmp.icon.MiuixIcons
+import top.yukonga.miuix.kmp.icon.icons.basic.Search
 import top.yukonga.miuix.kmp.icon.icons.basic.SearchCleanup
-import top.yukonga.miuix.kmp.icon.icons.useful.Search
 import top.yukonga.miuix.kmp.theme.MiuixTheme
 import top.yukonga.miuix.kmp.utils.BackHandler
 import top.yukonga.miuix.kmp.utils.SmoothRoundedCornerShape
@@ -124,7 +127,7 @@ fun SearchBar(
 fun InputField(
     query: String,
     onQueryChange: (String) -> Unit,
-    label: String = "",
+    label: String = "Search",
     onSearch: (String) -> Unit,
     expanded: Boolean,
     onExpandedChange: (Boolean) -> Unit,
@@ -142,8 +145,8 @@ fun InputField(
     val leadingIcon = leadingIcon ?: {
         Icon(
             modifier = Modifier.padding(start = 16.dp, end = 8.dp),
-            imageVector = MiuixIcons.Useful.Search,
-            tint = MiuixTheme.colorScheme.onSurfaceContainer,
+            imageVector = MiuixIcons.Basic.Search,
+            tint = MiuixTheme.colorScheme.onSurfaceContainerHigh,
             contentDescription = "Search"
         )
     }
@@ -161,7 +164,7 @@ fun InputField(
                 Icon(
                     modifier = Modifier.clip(CircleShape).clickable { onQueryChange("") },
                     imageVector = MiuixIcons.Basic.SearchCleanup,
-                    tint = MiuixTheme.colorScheme.onSurfaceContainer,
+                    tint = MiuixTheme.colorScheme.onSurfaceContainerHighest,
                     contentDescription = "Search Cleanup"
                 )
             }
@@ -186,7 +189,7 @@ fun InputField(
             },
         enabled = enabled,
         singleLine = true,
-        textStyle = MiuixTheme.textStyles.main,
+        textStyle = MiuixTheme.textStyles.main.copy(fontWeight = FontWeight.Bold),
         cursorBrush = SolidColor(MiuixTheme.colorScheme.primary),
         keyboardOptions = KeyboardOptions(imeAction = ImeAction.Search),
         keyboardActions = KeyboardActions(onSearch = { onSearch(query) }),
@@ -214,6 +217,7 @@ fun InputField(
                         ) {
                             Text(
                                 text = if (!(query.isNotEmpty() || expanded)) label else "",
+                                style = TextStyle(fontSize = 17.sp, fontWeight = FontWeight.Bold),
                                 color = MiuixTheme.colorScheme.onSurfaceContainerHigh
                             )
                             innerTextField()

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/icon/icons/basic/Search.kt

@@ -0,0 +1,45 @@
+package top.yukonga.miuix.kmp.icon.icons.basic
+
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.PathFillType
+import androidx.compose.ui.graphics.SolidColor
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.graphics.vector.path
+import androidx.compose.ui.unit.dp
+import top.yukonga.miuix.kmp.icon.MiuixIcons
+
+val MiuixIcons.Basic.Search: ImageVector
+    get() {
+        if (_search != null) return _search!!
+        _search = ImageVector.Builder("Search", 20.0f.dp, 20.0f.dp, 20.0f, 20.0f).apply {
+            path(
+                fill = SolidColor(Color.White),
+                pathFillType = PathFillType.EvenOdd
+            ) {
+                moveTo(12.572f, 13.379f)
+                curveTo(11.541f, 14.183f, 10.244f, 14.662f, 8.835f, 14.662f)
+                curveTo(5.477f, 14.662f, 2.754f, 11.94f, 2.754f, 8.581f)
+                curveTo(2.754f, 5.223f, 5.477f, 2.5f, 8.835f, 2.5f)
+                curveTo(12.194f, 2.5f, 14.916f, 5.223f, 14.916f, 8.581f)
+                curveTo(14.916f, 9.99f, 14.437f, 11.287f, 13.633f, 12.318f)
+                lineTo(17.464f, 16.149f)
+                curveTo(17.563f, 16.248f, 17.612f, 16.297f, 17.645f, 16.346f)
+                curveTo(17.78f, 16.548f, 17.78f, 16.811f, 17.645f, 17.013f)
+                curveTo(17.612f, 17.062f, 17.563f, 17.111f, 17.464f, 17.21f)
+                curveTo(17.366f, 17.308f, 17.316f, 17.358f, 17.267f, 17.39f)
+                curveTo(17.065f, 17.525f, 16.802f, 17.525f, 16.601f, 17.39f)
+                curveTo(16.551f, 17.358f, 16.502f, 17.308f, 16.403f, 17.21f)
+                lineTo(12.572f, 13.379f)
+                close()
+                moveTo(13.416f, 8.581f)
+                curveTo(13.416f, 11.111f, 11.365f, 13.162f, 8.835f, 13.162f)
+                curveTo(6.305f, 13.162f, 4.254f, 11.111f, 4.254f, 8.581f)
+                curveTo(4.254f, 6.051f, 6.305f, 4f, 8.835f, 4f)
+                curveTo(11.365f, 4f, 13.416f, 6.051f, 13.416f, 8.581f)
+                close()
+            }
+        }.build()
+        return _search!!
+    }
+
+private var _search: ImageVector? = null