Merge branch 'dev' into component/font_icon_primitives

Author: Konyaco

.github/workflows/multiplatform_snapshot_build.yml

@@ -43,7 +43,8 @@ jobs:
             os: macos-latest
           - type: iOS
             iOS: ipa
-            os: macos-latest
+            # workaround runner version for iPhoneOS sdk 18.2
+            os: macos-15
           - type: WasmJs
             js: wasmJs
             os: windows-latest

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

@@ -170,24 +170,24 @@ fun TopNavItem(
             )
     ) {
         FlyoutAnchorScope {
-            MenuFlyout(
-                visible = flyoutVisible && items != null,
-                onDismissRequest = {
-                    onFlyoutVisibleChanged(false)
-                },
-                placement = FlyoutPlacement.Bottom,
-                modifier = Modifier.flyoutSize()
-            ) {
-                items?.invoke(
-                    rememberNavigationItemsFlyoutScope(
-                        flyoutVisible,
-                        onFlyoutVisibleChanged
-                    )
-                )
-            }
             Box {
+                MenuFlyout(
+                    visible = flyoutVisible && items != null,
+                    onDismissRequest = {
+                        onFlyoutVisibleChanged(false)
+                    },
+                    placement = FlyoutPlacement.Bottom,
+                    modifier = Modifier.flyoutSize()
+                ) {
+                    items?.invoke(
+                        rememberNavigationItemsFlyoutScope(
+                            flyoutVisible,
+                            onFlyoutVisibleChanged
+                        )
+                    )
+                }
                 HorizontalIndicatorContentLayout(
-                    modifier = Modifier.height(40.dp),
+                    modifier = Modifier.height(40.dp).flyoutAnchor(),
                     text = text,
                     icon = icon,
                     trailing = items?.let {

gallery/src/commonMain/kotlin/com/konyaco/fluent/gallery/component/CopyButton.kt

@@ -2,6 +2,7 @@ package com.konyaco.fluent.gallery.component
 
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue

gallery/src/commonMain/kotlin/com/konyaco/fluent/gallery/screen/design/ColorScreen.kt

@@ -29,7 +29,6 @@ import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.widthIn
 import androidx.compose.foundation.layout.wrapContentWidth
 import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Stable
@@ -57,7 +56,8 @@ import com.konyaco.fluent.component.AccentButton
 import com.konyaco.fluent.component.Button
 import com.konyaco.fluent.component.ButtonColor
 import com.konyaco.fluent.component.ButtonColorScheme
-import com.konyaco.fluent.component.Icon
+import com.konyaco.fluent.component.InfoBar
+import com.konyaco.fluent.component.InfoBarSeverity
 import com.konyaco.fluent.component.Scrollbar
 import com.konyaco.fluent.component.ScrollbarContainer
 import com.konyaco.fluent.component.Slider
@@ -72,8 +72,6 @@ import com.konyaco.fluent.gallery.annotation.Component
 import com.konyaco.fluent.gallery.component.ComponentPagePath
 import com.konyaco.fluent.gallery.component.CopyButton
 import com.konyaco.fluent.gallery.component.GalleryPage
-import com.konyaco.fluent.icons.Icons
-import com.konyaco.fluent.icons.regular.Dismiss
 import com.konyaco.fluent.scheme.PentaVisualScheme
 import com.konyaco.fluent.source.generated.FluentSourceFile
 import com.konyaco.fluent.surface.Card
@@ -1340,51 +1338,11 @@ private fun SignalColorPage() {
         section = "System",
         description = "Used for accent fills on controls",
         sample = {
-            //TODO InfoBar
-            Layer(
-                color = FluentTheme.colors.system.criticalBackground,
-                backgroundSizing = BackgroundSizing.InnerBorderEdge
-            ) {
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    modifier = Modifier
-                        .sizeIn(minHeight = 48.dp)
-                        .padding(horizontal = 16.dp)
-                ) {
-                    Box(
-                        contentAlignment = Alignment.Center,
-                        modifier = Modifier
-                            .size(16.dp)
-                            .background(
-                                color = FluentTheme.colors.system.critical,
-                                shape = CircleShape
-                            )
-                    ) {
-                        Icon(
-                            imageVector = Icons.Default.Dismiss,
-                            contentDescription = null,
-                            tint = FluentTheme.colors.text.onAccent.primary,
-                            modifier = Modifier.size(12.dp)
-                        )
-                    }
-
-                    Text(
-                        text = "Title",
-                        style = FluentTheme.typography.bodyStrong,
-                        modifier = Modifier.padding(horizontal = 12.dp)
-                    )
-
-                    Text(
-                        text = "This is body text. Windows 11 is faster and more intuitive."
-                    )
-
-                    Icon(
-                        imageVector = Icons.Default.Dismiss,
-                        contentDescription = null,
-                        modifier = Modifier.padding(start = 16.dp).size(16.dp)
-                    )
-                }
-            }
+            InfoBar(
+                title = { Text("Title") },
+                message = { Text("This is body text. Windows 11 is faster and more intuitive.") },
+                severity = InfoBarSeverity.Critical
+            )
         },
         groups = arrayOf(
             arrayOf(