[fluent] refactor: Migrate to new FontIcon

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/BreadcrumbBar.kt

@@ -13,15 +13,11 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.unit.TextUnit
 import androidx.compose.ui.unit.dp
 import com.konyaco.fluent.FluentTheme
 import com.konyaco.fluent.LocalContentAlpha
 import com.konyaco.fluent.LocalContentColor
 import com.konyaco.fluent.LocalTextStyle
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.filled.ChevronRight
-import com.konyaco.fluent.icons.filled.MoreHorizontal
 import com.konyaco.fluent.layout.overflow.OverflowActionScope
 import com.konyaco.fluent.layout.overflow.OverflowFlyoutContainer
 import com.konyaco.fluent.layout.overflow.OverflowPosition
@@ -140,10 +136,9 @@ object BreadcrumbBarDefaults {
             enabled = enabled
         ) {
             FontIcon(
-                glyph = '\uE712',
-                vector = Icons.Filled.MoreHorizontal,
+                type = FontIconPrimitive.More,
                 contentDescription = null,
-                iconSize = FontIconDefaults.fontSizeSmall
+                size = FontIconSize.Small
             )
         }
     }
@@ -164,10 +159,9 @@ object BreadcrumbBarDefaults {
             enabled = enabled
         ) {
             FontIcon(
-                glyph = '\uE712',
-                vector = Icons.Filled.MoreHorizontal,
+                type = FontIconPrimitive.More,
                 contentDescription = null,
-                iconSize = FontIconDefaults.fontSizeStandard
+                size = FontIconSize.Standard
             )
         }
     }
@@ -193,7 +187,7 @@ fun BreadcrumbBarItem(
         colorScheme = colorScheme,
         chevronColors = chevronColors,
         textStyle = FluentTheme.typography.body,
-        chevronSize = FontIconDefaults.fontSizeSmall,
+        chevronSize = FontIconSize.Small,
         modifier = modifier,
         chevronVisible = chevronVisible,
         enabled = enabled,
@@ -221,7 +215,7 @@ fun LargeBreadcrumbBarItem(
         colorScheme = colorScheme,
         chevronColors = chevronColors,
         textStyle = FluentTheme.typography.title,
-        chevronSize = FontIconDefaults.fontSizeStandard,
+        chevronSize = FontIconSize.Standard,
         modifier = modifier,
         chevronVisible = chevronVisible,
         enabled = enabled,
@@ -254,7 +248,7 @@ private fun BasicBreadcrumbBarItem(
     colorScheme: VisualStateScheme<Color>,
     chevronColors: VisualStateScheme<Color>,
     textStyle: TextStyle,
-    chevronSize: TextUnit,
+    chevronSize: FontIconSize,
     modifier: Modifier = Modifier,
     chevronVisible: Boolean = true,
     enabled: Boolean = true,
@@ -294,11 +288,10 @@ private fun BasicBreadcrumbBarItem(
                 LocalTextStyle provides LocalTextStyle.current.copy(chevronColor)
             ) {
                 FontIcon(
-                    glyph = '\uE974',
-                    vector = Icons.Filled.ChevronRight,
+                    type = FontIconPrimitive.ChevronRight,
                     contentDescription = null,
                     modifier = Modifier.padding(horizontal = 4.dp),
-                    iconSize = chevronSize
+                    size = chevronSize
                 )
             }
         }

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/Button.kt

@@ -53,8 +53,6 @@ import com.konyaco.fluent.animation.FluentDuration
 import com.konyaco.fluent.animation.FluentEasing
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.ChevronDown
 import com.konyaco.fluent.scheme.PentaVisualScheme
 import com.konyaco.fluent.scheme.VisualState
 import com.konyaco.fluent.scheme.VisualStateScheme
@@ -716,10 +714,11 @@ private fun AnimatedDropDownIcon(interaction: MutableInteractionSource) {
         targetValue = if (isPressed) 2.dp else 0.dp,
         animationSpec = tween(FluentDuration.ShortDuration, easing = FluentEasing.FastInvokeEasing)
     )
-    Icon(
-        imageVector = Icons.Default.ChevronDown,
+    FontIcon(
+        type = FontIconPrimitive.ChevronDown,
+        size = FontIconSize.Small,
         contentDescription = null,
-        modifier = Modifier.graphicsLayer { translationY = animatedOffset.value.toPx() }.size(12.dp)
+        modifier = Modifier.graphicsLayer { translationY = animatedOffset.value.toPx() }
     )
 }
 

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/CalendarDatePicker.kt

@@ -7,8 +7,6 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import com.konyaco.fluent.ExperimentalFluentApi
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.CalendarLtr
 
 /**
  * A calendar view lets a user view and interact with a calendar that they can navigate by month, year, or decade. A user can select a single date or a range of dates. It doesn't have a picker surface and the calendar is always visible.
@@ -50,7 +48,7 @@ fun CalendarDatePicker(
                             "${day.year}/${day.monthValue + 1}/${day.day}"
                         } ?: "Pick a date"
                     )
-                    Icon(Icons.Default.CalendarLtr, null)
+                    FontIcon(type = FontIconPrimitive.Calendar, contentDescription = null)
                 }
             )
         }

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/CalendarView.kt

@@ -52,9 +52,6 @@ import com.konyaco.fluent.animation.FluentEasing
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
 import com.konyaco.fluent.component.CalendarDatePickerState.ChooseType
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.filled.CaretDown
-import com.konyaco.fluent.icons.filled.CaretUp
 import com.konyaco.fluent.scheme.PentaVisualScheme
 import com.konyaco.fluent.scheme.collectVisualState
 import kotlinx.datetime.Clock
@@ -375,16 +372,17 @@ private fun PaginationButton(
 ) {
     Box(Modifier.requiredSize(40.dp), Alignment.Center) {
         SubtleButton(modifier = Modifier.height(30.dp), onClick = onClick, iconOnly = true) {
-            if (up) Icon(
-                modifier = Modifier.size(12.dp),
-                imageVector = Icons.Filled.CaretUp,
-                contentDescription = "Up"
-            )
-            else Icon(
-                modifier = Modifier.size(12.dp),
-                imageVector = Icons.Filled.CaretDown,
-                contentDescription = "Down"
-            )
+            if (up) {
+                FontIconSolid8(
+                    type = FontIconPrimitive.CaretUp,
+                    contentDescription = "Up",
+                )
+            } else {
+                FontIconSolid8(
+                    type = FontIconPrimitive.CaretDown,
+                    contentDescription = "Down",
+                )
+            }
         }
     }
 }

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/CheckBox.kt

@@ -30,8 +30,6 @@ import com.konyaco.fluent.animation.FluentDuration
 import com.konyaco.fluent.animation.FluentEasing
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.Checkmark
 import com.konyaco.fluent.scheme.PentaVisualScheme
 import com.konyaco.fluent.scheme.VisualStateScheme
 import com.konyaco.fluent.scheme.collectVisualState
@@ -84,10 +82,10 @@ fun CheckBox(
                     )
                 ) {
                     Box(Modifier.fillMaxSize(), Alignment.Center) {
-                        Icon(
-                            modifier = Modifier.size(16.dp),
-                            imageVector = Icons.Default.Checkmark,
-                            contentDescription = null
+                        FontIcon(
+                            type = FontIconPrimitive.Accept,
+                            contentDescription = null,
+                            size = FontIconSize.Small
                         )
                     }
                 }

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/ColorPicker.kt

@@ -50,9 +50,6 @@ import com.konyaco.fluent.FluentTheme
 import com.konyaco.fluent.LocalContentColor
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.ChevronDown
-import com.konyaco.fluent.icons.regular.ChevronUp
 import kotlinx.coroutines.flow.collectLatest
 import kotlin.math.PI
 import kotlin.math.atan2
@@ -187,10 +184,15 @@ fun ColorPicker(
                         verticalAlignment = Alignment.CenterVertically
                     ) {
                         Text(text = text)
-                        Icon(
-                            imageVector = if (!expanded) Icons.Default.ChevronDown else Icons.Default.ChevronUp,
+                        FontIcon(
+                            type = if (!expanded) {
+                                FontIconPrimitive.ChevronDown
+                            } else {
+                                FontIconPrimitive.ChevronUp
+
+                            },
                             contentDescription = text,
-                            modifier = Modifier.size(12.dp)
+                            size = FontIconSize.Small
                         )
                     }
                 },

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/CommandBar.kt

@@ -33,8 +33,6 @@ import com.konyaco.fluent.animation.FluentDuration
 import com.konyaco.fluent.animation.FluentEasing
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.filled.MoreHorizontal
 import com.konyaco.fluent.layout.alignLast
 import com.konyaco.fluent.layout.overflow.OverflowActionScope
 import com.konyaco.fluent.layout.overflow.OverflowRow
@@ -229,11 +227,7 @@ internal fun CommandBarMoreButton(isLarge: Boolean, onClick: () -> Unit) {
             onClick = onClick,
             iconOnly = true,
             content = {
-                FontIcon(
-                    glyph = '\uE712',
-                    vector = Icons.Filled.MoreHorizontal,
-                    contentDescription = null,
-                )
+                FontIcon(type = FontIconPrimitive.More, contentDescription = null)
             },
             modifier = if (isLarge) {
                 Modifier.sizeIn(

fluent/src/commonMain/kotlin/com/konyaco/fluent/component/Expander.kt

@@ -37,8 +37,6 @@ import com.konyaco.fluent.animation.FluentDuration
 import com.konyaco.fluent.animation.FluentEasing
 import com.konyaco.fluent.background.BackgroundSizing
 import com.konyaco.fluent.background.Layer
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.ChevronDown
 import com.konyaco.fluent.scheme.PentaVisualScheme
 import com.konyaco.fluent.scheme.VisualStateScheme
 import com.konyaco.fluent.scheme.collectVisualState
@@ -81,8 +79,8 @@ fun Expander(
                         onClick = { onExpandedChanged(!expanded) },
                         content = {
                             val degrees by animateFloatAsState(if (expanded) 180f else 0f)
-                            Icon(
-                                imageVector = Icons.Default.ChevronDown,
+                            FontIcon(
+                                type = FontIconPrimitive.ChevronDown,
                                 contentDescription = null,
                                 modifier = Modifier.graphicsLayer { rotationZ = degrees }
                             )