Add Compose Multiplatform library

compose/.gitignore

@@ -0,0 +1,17 @@
+
+*.iml
+.gradle
+.idea
+.kotlin
+.DS_Store
+build
+*/build
+captures
+.externalNativeBuild
+.cxx
+local.properties
+xcuserdata/
+Pods/
+*.jks
+*.gpg
+*yarn.lock

compose/README.MD

@@ -0,0 +1,35 @@
+# Fluent UI System Icons for Compose Multiplatform
+
+### Run the demo app
+
+Desktop `./gradlew :demo:run`  
+Web `./gradlew :demo:wasmJsBrowserDevelopmentRun`  
+Android `./gradlew :demo:assembleDebug`  
+
+### Publish to MavenLocal
+
+1) Run `./gradlew :library:publishToMavenLocal`
+2) Open `~/.m2/repository/com/microsoft/design/compose/`
+
+### Publish to MavenCentral
+
+1) Create an account and a namespace on Sonatype:  
+   https://central.sonatype.org/register/central-portal/#create-an-account
+2) Add developer id, name, email and the project url to  
+   `./library/build.gradle.kts`
+3) Generate a GPG key:  
+   https://getstream.io/blog/publishing-libraries-to-mavencentral-2021/#generating-a-gpg-key-pair
+   ```
+   gpg --full-gen-key
+   gpg --keyserver keyserver.ubuntu.com --send-keys XXXXXXXX
+   gpg --export-secret-key XXXXXXXX > XXXXXXXX.gpg
+   ```
+4) Add these lines to `gradle.properties`:
+   ```
+   signing.keyId=XXXXXXXX
+   signing.password=[key password]
+   signing.secretKeyRingFile=../XXXXXXXX.gpg
+   mavenCentralUsername=[generated username]
+   mavenCentralPassword=[generated password]
+   ```
+5) Run `./gradlew :library:publishAndReleaseToMavenCentral --no-configuration-cache`

compose/build.gradle.kts

@@ -0,0 +1,8 @@
+plugins {
+    alias(libs.plugins.multiplatform).apply(false)
+    alias(libs.plugins.android.library).apply(false)
+    alias(libs.plugins.maven.publish).apply(false)
+    alias(libs.plugins.compose.compiler).apply(false)
+    alias(libs.plugins.compose).apply(false)
+    alias(libs.plugins.android.application).apply(false)
+}

compose/demo/build.gradle.kts

@@ -0,0 +1,81 @@
+import org.jetbrains.compose.desktop.application.dsl.TargetFormat.*
+
+plugins {
+    alias(libs.plugins.multiplatform)
+    alias(libs.plugins.compose.compiler)
+    alias(libs.plugins.compose)
+    alias(libs.plugins.android.application)
+}
+
+kotlin {
+    androidTarget()
+    jvm()
+    js {
+        browser()
+        binaries.executable()
+    }
+    wasmJs {
+        browser()
+        binaries.executable()
+    }
+    listOf(
+        iosX64(),
+        iosArm64(),
+        iosSimulatorArm64()
+    ).forEach {
+        it.binaries.framework {
+            baseName = "ComposeApp"
+            isStatic = true
+        }
+    }
+
+    sourceSets {
+        commonMain.dependencies {
+            implementation(compose.runtime)
+            implementation(compose.foundation)
+            implementation(compose.material3)
+            implementation(compose.components.resources)
+
+            implementation(project(":library"))
+        }
+
+        androidMain.dependencies {
+            implementation(libs.androidx.activityCompose)
+        }
+
+        jvmMain.dependencies {
+            implementation(compose.desktop.currentOs)
+        }
+
+    }
+}
+
+android {
+    namespace = "com.microsoft.design.compose.demo"
+    compileSdk = 35
+
+    defaultConfig {
+        minSdk = 21
+        targetSdk = 35
+
+        applicationId = "com.microsoft.design.compose.demo.androidApp"
+        versionCode = 1
+        versionName = "1.0.0"
+    }
+}
+
+compose.desktop {
+    application {
+        mainClass = "MainKt"
+
+        nativeDistributions {
+            targetFormats(Dmg, Msi, Deb)
+            packageName = "Multiplatform App"
+            packageVersion = "1.0.0"
+
+            macOS {
+                bundleID = "com.microsoft.design.compose.demo.desktopApp"
+            }
+        }
+    }
+}

compose/demo/src/androidMain/AndroidManifest.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:icon="@mipmap/ic_launcher"
+        android:label="Multiplatform App"
+        android:theme="@android:style/Theme.Material.NoActionBar">
+        <activity
+            android:name=".AppActivity"
+            android:configChanges="orientation|screenSize|screenLayout|keyboardHidden"
+            android:launchMode="singleInstance"
+            android:windowSoftInputMode="adjustPan"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

compose/demo/src/androidMain/kotlin/com/microsoft/design/compose/demo/App.android.kt

@@ -0,0 +1,14 @@
+package com.microsoft.design.compose.demo
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+
+class AppActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent { App() }
+    }
+}

compose/demo/src/androidMain/kotlin/com/microsoft/design/compose/demo/theme/Theme.android.kt

@@ -0,0 +1,19 @@
+package com.microsoft.design.compose.demo.theme
+
+import android.app.Activity
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.WindowInsetsControllerCompat
+
+@Composable
+internal actual fun SystemAppearance(isDark: Boolean) {
+    val view = LocalView.current
+    LaunchedEffect(isDark) {
+        val window = (view.context as Activity).window
+        WindowInsetsControllerCompat(window, window.decorView).apply {
+            isAppearanceLightStatusBars = isDark
+            isAppearanceLightNavigationBars = isDark
+        }
+    }
+}

compose/demo/src/androidMain/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/ic_launcher_background"/>
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
+</adaptive-icon>

compose/demo/src/commonMain/kotlin/com/microsoft/design/compose/demo/App.kt

@@ -0,0 +1,94 @@
+package com.microsoft.design.compose.demo
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.safeDrawing
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.windowInsetsPadding
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.text.selection.SelectionContainer
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Card
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Dialog
+import com.microsoft.design.compose.demo.theme.AppTheme
+import com.microsoft.design.compose.icons.Res
+import com.microsoft.design.compose.icons.allDrawableResources
+import org.jetbrains.compose.resources.DrawableResource
+import org.jetbrains.compose.resources.painterResource
+
+@Composable
+internal fun App() = AppTheme {
+    val allIcons: List<Map.Entry<String, DrawableResource>> = remember {
+        Res.allDrawableResources.entries.filter { it.key.contains("24") }.sortedBy { it.key }
+    }
+    val (selectedIcon, setSelectedIcon) = remember { mutableStateOf<Map.Entry<String, DrawableResource>?>(null) }
+
+    LazyVerticalGrid(
+        columns = GridCells.Adaptive(80.dp),
+        modifier = Modifier.fillMaxSize(),
+        contentPadding = WindowInsets.safeDrawing.asPaddingValues(),
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+        horizontalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        items(allIcons.size) {
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally,
+                modifier = Modifier.clickable {
+                    setSelectedIcon(allIcons[it])
+                }
+            ) {
+                Icon(
+                    modifier = Modifier.padding(8.dp).size(48.dp),
+                    painter = painterResource(allIcons[it].value),
+                    contentDescription = allIcons[it].key,
+                )
+                Text(
+                    modifier = Modifier.padding(8.dp),
+                    maxLines = 1,
+                    text = allIcons[it].key.removePrefix("ic_fluent_")
+                )
+            }
+        }
+    }
+
+    if (selectedIcon != null) {
+        Dialog(
+            onDismissRequest = { setSelectedIcon(null) }
+        ) {
+            Card {
+                Row(
+                    verticalAlignment = Alignment.CenterVertically,
+                ) {
+                    Icon(
+                        modifier = Modifier.padding(8.dp).size(48.dp),
+                        painter = painterResource(selectedIcon.value),
+                        contentDescription = selectedIcon.key,
+                    )
+                    SelectionContainer {
+                        Text(
+                            modifier = Modifier.padding(8.dp),
+                            text = selectedIcon.key
+                        )
+                    }
+                }
+            }
+        }
+    }
+}

compose/demo/src/commonMain/kotlin/com/microsoft/design/compose/demo/theme/Color.kt

@@ -0,0 +1,80 @@
+package com.microsoft.design.compose.demo.theme
+
+import androidx.compose.ui.graphics.Color
+
+//generated by https://materialkolor.com
+//Color palette was taken here: https://coolors.co/palette/e63946-f1faee-a8dadc-457b9d-1d3557
+
+internal val Seed = Color(0xFF1D3557)
+
+internal val PrimaryLight = Color(0xFF485F84)
+internal val OnPrimaryLight = Color(0xFFFFFFFF)
+internal val PrimaryContainerLight = Color(0xFFD5E3FF)
+internal val OnPrimaryContainerLight = Color(0xFF30476A)
+internal val SecondaryLight = Color(0xFF2B6485)
+internal val OnSecondaryLight = Color(0xFFFFFFFF)
+internal val SecondaryContainerLight = Color(0xFFC7E7FF)
+internal val OnSecondaryContainerLight = Color(0xFF064C6B)
+internal val TertiaryLight = Color(0xFF356668)
+internal val OnTertiaryLight = Color(0xFFFFFFFF)
+internal val TertiaryContainerLight = Color(0xFFB9ECEE)
+internal val OnTertiaryContainerLight = Color(0xFF1A4E50)
+internal val ErrorLight = Color(0xFFBB152C)
+internal val OnErrorLight = Color(0xFFFFFFFF)
+internal val ErrorContainerLight = Color(0xFFFFDAD8)
+internal val OnErrorContainerLight = Color(0xFF410007)
+internal val BackgroundLight = Color(0xFFF9F9F9)
+internal val OnBackgroundLight = Color(0xFF1A1C1C)
+internal val SurfaceLight = Color(0xFFF9F9F9)
+internal val OnSurfaceLight = Color(0xFF1A1C1C)
+internal val SurfaceVariantLight = Color(0xFFDCE5D9)
+internal val OnSurfaceVariantLight = Color(0xFF404941)
+internal val OutlineLight = Color(0xFF717970)
+internal val OutlineVariantLight = Color(0xFFC0C9BE)
+internal val ScrimLight = Color(0xFF000000)
+internal val InverseSurfaceLight = Color(0xFF2F3131)
+internal val InverseOnSurfaceLight = Color(0xFFF0F1F1)
+internal val InversePrimaryLight = Color(0xFFB0C7F1)
+internal val SurfaceDimLight = Color(0xFFDADADA)
+internal val SurfaceBrightLight = Color(0xFFF9F9F9)
+internal val SurfaceContainerLowestLight = Color(0xFFFFFFFF)
+internal val SurfaceContainerLowLight = Color(0xFFF3F3F4)
+internal val SurfaceContainerLight = Color(0xFFEEEEEE)
+internal val SurfaceContainerHighLight = Color(0xFFE8E8E8)
+internal val SurfaceContainerHighestLight = Color(0xFFE2E2E2)
+
+internal val PrimaryDark = Color(0xFFB0C7F1)
+internal val OnPrimaryDark = Color(0xFF183153)
+internal val PrimaryContainerDark = Color(0xFF30476A)
+internal val OnPrimaryContainerDark = Color(0xFFD5E3FF)
+internal val SecondaryDark = Color(0xFF98CDF2)
+internal val OnSecondaryDark = Color(0xFF00344C)
+internal val SecondaryContainerDark = Color(0xFF064C6B)
+internal val OnSecondaryContainerDark = Color(0xFFC7E7FF)
+internal val TertiaryDark = Color(0xFF9ECFD1)
+internal val OnTertiaryDark = Color(0xFF003739)
+internal val TertiaryContainerDark = Color(0xFF1A4E50)
+internal val OnTertiaryContainerDark = Color(0xFFB9ECEE)
+internal val ErrorDark = Color(0xFFFFB3B1)
+internal val OnErrorDark = Color(0xFF680011)
+internal val ErrorContainerDark = Color(0xFF92001C)
+internal val OnErrorContainerDark = Color(0xFFFFDAD8)
+internal val BackgroundDark = Color(0xFF121414)
+internal val OnBackgroundDark = Color(0xFFE2E2E2)
+internal val SurfaceDark = Color(0xFF121414)
+internal val OnSurfaceDark = Color(0xFFE2E2E2)
+internal val SurfaceVariantDark = Color(0xFF404941)
+internal val OnSurfaceVariantDark = Color(0xFFC0C9BE)
+internal val OutlineDark = Color(0xFF8A9389)
+internal val OutlineVariantDark = Color(0xFF404941)
+internal val ScrimDark = Color(0xFF000000)
+internal val InverseSurfaceDark = Color(0xFFE2E2E2)
+internal val InverseOnSurfaceDark = Color(0xFF2F3131)
+internal val InversePrimaryDark = Color(0xFF485F84)
+internal val SurfaceDimDark = Color(0xFF121414)
+internal val SurfaceBrightDark = Color(0xFF37393A)
+internal val SurfaceContainerLowestDark = Color(0xFF0C0F0F)
+internal val SurfaceContainerLowDark = Color(0xFF1A1C1C)
+internal val SurfaceContainerDark = Color(0xFF1E2020)
+internal val SurfaceContainerHighDark = Color(0xFF282A2B)
+internal val SurfaceContainerHighestDark = Color(0xFF333535)