First Commit

libraries/compound/build.gradle.kts

@@ -0,0 +1,30 @@
+import extension.testCommonDependencies
+
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2022, 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+plugins {
+    id("io.element.android-compose-library")
+    alias(libs.plugins.roborazzi)
+}
+
+android {
+    namespace = "io.element.android.compound"
+
+    testOptions {
+        unitTests.isIncludeAndroidResources = true
+    }
+}
+
+dependencies {
+    implementation(libs.showkase)
+    testCommonDependencies(libs)
+    testImplementation(libs.test.roborazzi)
+    testImplementation(libs.test.roborazzi.compose)
+    testImplementation(libs.test.roborazzi.junit)
+}

libraries/compound/screenshots/Avatar Colors - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:caf2de32caf0fa5368da899297e2eabd5a0c6891dd94f81295ef8a933d79ce16
+size 10751

libraries/compound/screenshots/Avatar Colors - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:80e44e94d7b23af2ec4fd1c5a871851ae2567b40e478b30145de199076f20e95
+size 11296

libraries/compound/screenshots/Compound Icons - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c0f668bcd8d511bc80daa1320bdcc1fe6a8f82cd53d91dbab9ffd0d09d72934
+size 210897

libraries/compound/screenshots/Compound Icons - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:85eb26db4406a921c45f143c8ccb59214b2b70cb19359fe9e7eeeecfb733ca74
+size 222592

libraries/compound/screenshots/Compound Icons - Rtl.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9acd4fdec8deddbf723184ce5f373ed54e64a68d5b572419059e3feab3a508be
+size 223915

libraries/compound/screenshots/Compound Semantic Colors - Dark HC.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:578e9b5a38791e2686a7b9ba5c461eb1d1fb29dfbe950bf46c113ad75ceac175
+size 327758

libraries/compound/screenshots/Compound Semantic Colors - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4cab40fc0506c8f2a2efafb1199e85f1da3ebacb49b176e9105e3f95175f85ee
+size 325565

libraries/compound/screenshots/Compound Semantic Colors - Light HC.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:174f9d4ee70a29c0c8c2a01a15daeb14281530678ff7d7fb19a208bfd789533a
+size 309210

libraries/compound/screenshots/Compound Semantic Colors - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7598b98462c015f2bf74b3ea3ad95fc0220b2efb9bb81ac56025cf6a158e3f8a
+size 308976

libraries/compound/screenshots/Compound Typography.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac84a7175c4a4897aa28eddcf722b7997c6576f612eb38fa09ffabcf7be11e00
+size 119496

libraries/compound/screenshots/Compound Vector Icons - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9f2584ffd8e3a4746937cdc3e0baf04a89839061f15d00342e6150c21bf13228
+size 83228

libraries/compound/screenshots/Compound Vector Icons - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb1854bf504fcab7752c4d51f5fc6cae65511581fb64a1adcdcf6f912d4aa15a
+size 89148

libraries/compound/screenshots/ForcedDarkElementTheme.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:03bdb2f3de01d40b8f85ba87b395cdab2e5225aded2f40a0892077798bca6066
+size 22328

libraries/compound/screenshots/Legacy Colors.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e9d676a1ef20a7228e985f62d346265ff9c31d1860a219540f012c063c9345e
+size 33652

libraries/compound/screenshots/Material Typography.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d27f813acc9e8dc3960f5205809c8c0d2ba0fa51fd9e3ca07964b866b125e87d
+size 110171

libraries/compound/screenshots/Material3 Colors - Dark HC.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:85969829577e158bdd1d0f21c8b3a2334dcde79cb50d5e2331d06d5423332be2
+size 160754

libraries/compound/screenshots/Material3 Colors - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ca64da1dc373dc49503ee525ae3331e73d0ab12053993a1ef19dcab1e67b08c4
+size 159123

libraries/compound/screenshots/Material3 Colors - Light HC.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:01622bca20a132ec5a874fc1a2d0ffd45e7ce6d7849c4d607d79c7bc51d6c6a9
+size 163322

libraries/compound/screenshots/Material3 Colors - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:87c0c4ff42d17137d554708ce33f40f214ec608eca4ca87af0b2adab63de6bb7
+size 162891

libraries/compound/screenshots/MaterialText Colors.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4be10c3bb9900d27a3b406eca0cb902b0ff9cdf90e8e3cf1ae7760aa7c5d47d9
+size 377446

libraries/compound/screenshots/MaterialYou Theme - Dark.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c166e5371bb1922a9c016438a3cdfd0d68197237969d53a04f92baf6d53c4ac0
+size 164925

libraries/compound/screenshots/MaterialYou Theme - Light.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d936948cbad69d6935f2d2738d33682a55f044dfb1af8b5c9b8323c5f4318971
+size 163558

libraries/compound/src/main/kotlin/io/element/android/compound/annotations/CoreColorToken.kt

@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.annotations
+
+@RequiresOptIn(
+    message = "This is a Core color token, which should only be used to declare semantic colors, otherwise it" +
+        " would look the same on both light and dark modes. Only use it as is if you know what you are doing."
+)
+@Retention(AnnotationRetention.BINARY)
+@Target(AnnotationTarget.PROPERTY, AnnotationTarget.CLASS)
+annotation class CoreColorToken

libraries/compound/src/main/kotlin/io/element/android/compound/colors/SemanticColorsLightDark.kt

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.colors
+
+import io.element.android.compound.tokens.generated.SemanticColors
+import io.element.android.compound.tokens.generated.compoundColorsDark
+import io.element.android.compound.tokens.generated.compoundColorsLight
+
+data class SemanticColorsLightDark(
+    val light: SemanticColors,
+    val dark: SemanticColors,
+) {
+    companion object {
+        val default = SemanticColorsLightDark(
+            light = compoundColorsLight,
+            dark = compoundColorsDark,
+        )
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/ColorListPreview.kt

@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import kotlinx.collections.immutable.ImmutableMap
+import kotlin.math.ceil
+
+@Composable
+fun ColorListPreview(
+    backgroundColor: Color,
+    foregroundColor: Color,
+    colors: ImmutableMap<String, Color>,
+    modifier: Modifier = Modifier,
+    numColumns: Int = 1,
+) {
+    Row(
+        modifier = modifier.fillMaxWidth(),
+        horizontalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        colors.keys
+            .chunked(ceil(colors.keys.size / numColumns.toDouble()).toInt())
+            .forEach { subList ->
+                Column(
+                    modifier = Modifier
+                        .background(color = backgroundColor)
+                        .weight(1f)
+                ) {
+                    subList.forEach { name ->
+                        val color = colors[name]!!
+                        ColorPreview(
+                            backgroundColor = backgroundColor,
+                            foregroundColor = foregroundColor,
+                            name = name,
+                            color = color
+                        )
+                    }
+                    Spacer(modifier = Modifier.height(2.dp))
+                }
+            }
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/ColorPreview.kt

@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import io.element.android.compound.utils.toHrf
+
+@Composable
+fun ColorPreview(
+    backgroundColor: Color,
+    foregroundColor: Color,
+    name: String,
+    color: Color,
+    modifier: Modifier = Modifier,
+) {
+    Column(modifier = modifier.fillMaxWidth()) {
+        Text(
+            modifier = Modifier.padding(horizontal = 10.dp),
+            text = name + " " + color.toHrf(),
+            fontSize = 6.sp,
+            color = foregroundColor,
+        )
+        val backgroundBrush = Brush.linearGradient(
+            listOf(
+                backgroundColor,
+                foregroundColor,
+            )
+        )
+        Row(
+            modifier = Modifier.background(backgroundBrush)
+        ) {
+            repeat(2) {
+                Box(
+                    modifier = Modifier
+                        .padding(1.dp)
+                        .background(Color.White)
+                        .background(color = color)
+                        .height(10.dp)
+                        .weight(1f)
+                )
+            }
+        }
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/ColorsSchemePreview.kt

@@ -0,0 +1,61 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.material3.ColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import kotlinx.collections.immutable.persistentMapOf
+
+@Composable
+internal fun ColorsSchemePreview(
+    backgroundColor: Color,
+    foregroundColor: Color,
+    colorScheme: ColorScheme,
+    modifier: Modifier = Modifier,
+) {
+    val colors = persistentMapOf(
+        "primary" to colorScheme.primary,
+        "onPrimary" to colorScheme.onPrimary,
+        "primaryContainer" to colorScheme.primaryContainer,
+        "onPrimaryContainer" to colorScheme.onPrimaryContainer,
+        "inversePrimary" to colorScheme.inversePrimary,
+        "secondary" to colorScheme.secondary,
+        "onSecondary" to colorScheme.onSecondary,
+        "secondaryContainer" to colorScheme.secondaryContainer,
+        "onSecondaryContainer" to colorScheme.onSecondaryContainer,
+        "tertiary" to colorScheme.tertiary,
+        "onTertiary" to colorScheme.onTertiary,
+        "tertiaryContainer" to colorScheme.tertiaryContainer,
+        "onTertiaryContainer" to colorScheme.onTertiaryContainer,
+        "background" to colorScheme.background,
+        "onBackground" to colorScheme.onBackground,
+        "surface" to colorScheme.surface,
+        "onSurface" to colorScheme.onSurface,
+        "surfaceVariant" to colorScheme.surfaceVariant,
+        "onSurfaceVariant" to colorScheme.onSurfaceVariant,
+        "surfaceTint" to colorScheme.surfaceTint,
+        "inverseSurface" to colorScheme.inverseSurface,
+        "inverseOnSurface" to colorScheme.inverseOnSurface,
+        "error" to colorScheme.error,
+        "onError" to colorScheme.onError,
+        "errorContainer" to colorScheme.errorContainer,
+        "onErrorContainer" to colorScheme.onErrorContainer,
+        "outline" to colorScheme.outline,
+        "outlineVariant" to colorScheme.outlineVariant,
+        "scrim" to colorScheme.scrim,
+    )
+    ColorListPreview(
+        backgroundColor = backgroundColor,
+        foregroundColor = foregroundColor,
+        colors = colors,
+        modifier = modifier,
+    )
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/CompoundIconsPreview.kt

@@ -0,0 +1,144 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalLayoutDirection
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.LayoutDirection
+import androidx.compose.ui.unit.dp
+import io.element.android.compound.theme.ElementTheme
+import io.element.android.compound.tokens.generated.CompoundIcons
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.toImmutableList
+
+@Preview(widthDp = 730, heightDp = 1920)
+@Composable
+internal fun IconsCompoundPreviewLight() = ElementTheme {
+    IconsCompoundPreview()
+}
+
+@Preview(widthDp = 730, heightDp = 1920)
+@Composable
+internal fun IconsCompoundPreviewRtl() = ElementTheme {
+    CompositionLocalProvider(
+        LocalLayoutDirection provides LayoutDirection.Rtl,
+    ) {
+        IconsCompoundPreview(
+            title = "Compound Icons Rtl",
+        )
+    }
+}
+
+@Preview(widthDp = 730, heightDp = 1920)
+@Composable
+internal fun IconsCompoundPreviewDark() = ElementTheme(darkTheme = true) {
+    IconsCompoundPreview()
+}
+
+@Composable
+private fun IconsCompoundPreview(
+    title: String = "Compound Icons",
+) {
+    val context = LocalContext.current
+    val content: Sequence<@Composable ColumnScope.() -> Unit> = sequence {
+        for (icon in CompoundIcons.allResIds) {
+            yield {
+                Icon(
+                    modifier = Modifier.size(32.dp),
+                    imageVector = ImageVector.vectorResource(icon),
+                    contentDescription = null,
+                )
+                Text(
+                    modifier = Modifier.fillMaxWidth(),
+                    text = context.resources.getResourceEntryName(icon)
+                        .removePrefix("ic_compound_")
+                        .replace("_", " "),
+                    textAlign = TextAlign.Center,
+                    style = ElementTheme.typography.fontBodyXsMedium,
+                    color = ElementTheme.colors.textSecondary,
+                )
+            }
+        }
+    }
+    IconsPreview(
+        title = title,
+        content = content.toImmutableList(),
+    )
+}
+
+@Composable
+internal fun IconsPreview(
+    title: String,
+    content: ImmutableList<@Composable ColumnScope.() -> Unit>,
+) = Surface {
+    Column(
+        modifier = Modifier
+            .background(MaterialTheme.colorScheme.surfaceVariant)
+            .padding(16.dp)
+            .width(IntrinsicSize.Max),
+        verticalArrangement = Arrangement.spacedBy(6.dp),
+    ) {
+        Text(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(bottom = 16.dp),
+            style = ElementTheme.typography.fontHeadingSmMedium,
+            text = title,
+            textAlign = TextAlign.Center,
+        )
+        content.chunked(10).forEach { chunk ->
+            Row(
+                modifier = Modifier.height(IntrinsicSize.Max),
+                // Keep same order of icons for an easier comparison of previews
+                horizontalArrangement = Arrangement.Absolute.Left,
+            ) {
+                chunk.forEachIndexed { index, icon ->
+                    Column(
+                        modifier = Modifier
+                            .background(MaterialTheme.colorScheme.background)
+                            .fillMaxHeight()
+                            .width(64.dp)
+                            .padding(4.dp),
+                        horizontalAlignment = Alignment.CenterHorizontally,
+                    ) {
+                        icon()
+                    }
+                    if (index < chunk.size - 1) {
+                        Spacer(modifier = Modifier.width(6.dp))
+                    }
+                }
+            }
+        }
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/SemanticColorsPreview.kt

@@ -0,0 +1,206 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import io.element.android.compound.theme.ElementTheme
+import io.element.android.compound.tokens.generated.compoundColorsHcDark
+import kotlinx.collections.immutable.ImmutableMap
+import kotlinx.collections.immutable.persistentMapOf
+
+@Preview(heightDp = 2000)
+@Composable
+internal fun CompoundSemanticColorsLight() = ElementTheme {
+    Surface {
+        Column(
+            modifier = Modifier.padding(16.dp),
+            verticalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            Text("Compound Semantic Colors - Light")
+            ColorListPreview(
+                backgroundColor = Color.White,
+                foregroundColor = Color.Black,
+                colors = getSemanticColors(),
+                numColumns = 2,
+            )
+        }
+    }
+}
+
+@Preview(heightDp = 2000)
+@Composable
+internal fun CompoundSemanticColorsLightHc() = ElementTheme(
+    compoundDark = compoundColorsHcDark,
+) {
+    Surface {
+        Column(
+            modifier = Modifier.padding(16.dp),
+            verticalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            Text("Compound Semantic Colors - Light HC")
+            ColorListPreview(
+                backgroundColor = Color.White,
+                foregroundColor = Color.Black,
+                colors = getSemanticColors(),
+                numColumns = 2,
+            )
+        }
+    }
+}
+
+@Preview(heightDp = 2000)
+@Composable
+internal fun CompoundSemanticColorsDark() = ElementTheme(darkTheme = true) {
+    Surface {
+        Column(
+            modifier = Modifier.padding(16.dp),
+            verticalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            Text("Compound Semantic Colors - Dark")
+            ColorListPreview(
+                backgroundColor = Color.White,
+                foregroundColor = Color.Black,
+                colors = getSemanticColors(),
+                numColumns = 2,
+            )
+        }
+    }
+}
+
+@Preview(heightDp = 2000)
+@Composable
+internal fun CompoundSemanticColorsDarkHc() = ElementTheme(
+    darkTheme = true,
+    compoundDark = compoundColorsHcDark,
+) {
+    Surface {
+        Column(
+            modifier = Modifier.padding(16.dp),
+            verticalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            Text("Compound Semantic Colors - Dark HC")
+            ColorListPreview(
+                backgroundColor = Color.White,
+                foregroundColor = Color.Black,
+                colors = getSemanticColors(),
+                numColumns = 2,
+            )
+        }
+    }
+}
+
+@Composable
+private fun getSemanticColors(): ImmutableMap<String, Color> {
+    return with(ElementTheme.colors) {
+        persistentMapOf(
+            "bgAccentHovered" to bgAccentHovered,
+            "bgAccentPressed" to bgAccentPressed,
+            "bgAccentRest" to bgAccentRest,
+            "bgAccentSelected" to bgAccentSelected,
+            "bgActionPrimaryDisabled" to bgActionPrimaryDisabled,
+            "bgActionPrimaryHovered" to bgActionPrimaryHovered,
+            "bgActionPrimaryPressed" to bgActionPrimaryPressed,
+            "bgActionPrimaryRest" to bgActionPrimaryRest,
+            "bgActionSecondaryHovered" to bgActionSecondaryHovered,
+            "bgActionSecondaryPressed" to bgActionSecondaryPressed,
+            "bgActionSecondaryRest" to bgActionSecondaryRest,
+            "bgBadgeAccent" to bgBadgeAccent,
+            "bgBadgeDefault" to bgBadgeDefault,
+            "bgBadgeInfo" to bgBadgeInfo,
+            "bgCanvasDefault" to bgCanvasDefault,
+            "bgCanvasDefaultLevel1" to bgCanvasDefaultLevel1,
+            "bgCanvasDisabled" to bgCanvasDisabled,
+            "bgCriticalHovered" to bgCriticalHovered,
+            "bgCriticalPrimary" to bgCriticalPrimary,
+            "bgCriticalSubtle" to bgCriticalSubtle,
+            "bgCriticalSubtleHovered" to bgCriticalSubtleHovered,
+            "bgDecorative1" to bgDecorative1,
+            "bgDecorative2" to bgDecorative2,
+            "bgDecorative3" to bgDecorative3,
+            "bgDecorative4" to bgDecorative4,
+            "bgDecorative5" to bgDecorative5,
+            "bgDecorative6" to bgDecorative6,
+            "bgInfoSubtle" to bgInfoSubtle,
+            "bgSubtlePrimary" to bgSubtlePrimary,
+            "bgSubtleSecondary" to bgSubtleSecondary,
+            "bgSubtleSecondaryLevel0" to bgSubtleSecondaryLevel0,
+            "bgSuccessSubtle" to bgSuccessSubtle,
+            "borderAccentSubtle" to borderAccentSubtle,
+            "borderCriticalHovered" to borderCriticalHovered,
+            "borderCriticalPrimary" to borderCriticalPrimary,
+            "borderCriticalSubtle" to borderCriticalSubtle,
+            "borderDisabled" to borderDisabled,
+            "borderFocused" to borderFocused,
+            "borderInfoSubtle" to borderInfoSubtle,
+            "borderInteractiveHovered" to borderInteractiveHovered,
+            "borderInteractivePrimary" to borderInteractivePrimary,
+            "borderInteractiveSecondary" to borderInteractiveSecondary,
+            "borderSuccessSubtle" to borderSuccessSubtle,
+            "gradientActionStop1" to gradientActionStop1,
+            "gradientActionStop2" to gradientActionStop2,
+            "gradientActionStop3" to gradientActionStop3,
+            "gradientActionStop4" to gradientActionStop4,
+            "gradientInfoStop1" to gradientInfoStop1,
+            "gradientInfoStop2" to gradientInfoStop2,
+            "gradientInfoStop3" to gradientInfoStop3,
+            "gradientInfoStop4" to gradientInfoStop4,
+            "gradientInfoStop5" to gradientInfoStop5,
+            "gradientInfoStop6" to gradientInfoStop6,
+            "gradientSubtleStop1" to gradientSubtleStop1,
+            "gradientSubtleStop2" to gradientSubtleStop2,
+            "gradientSubtleStop3" to gradientSubtleStop3,
+            "gradientSubtleStop4" to gradientSubtleStop4,
+            "gradientSubtleStop5" to gradientSubtleStop5,
+            "gradientSubtleStop6" to gradientSubtleStop6,
+            "iconAccentPrimary" to iconAccentPrimary,
+            "iconAccentTertiary" to iconAccentTertiary,
+            "iconCriticalPrimary" to iconCriticalPrimary,
+            "iconDisabled" to iconDisabled,
+            "iconInfoPrimary" to iconInfoPrimary,
+            "iconOnSolidPrimary" to iconOnSolidPrimary,
+            "iconPrimary" to iconPrimary,
+            "iconPrimaryAlpha" to iconPrimaryAlpha,
+            "iconQuaternary" to iconQuaternary,
+            "iconQuaternaryAlpha" to iconQuaternaryAlpha,
+            "iconSecondary" to iconSecondary,
+            "iconSecondaryAlpha" to iconSecondaryAlpha,
+            "iconSuccessPrimary" to iconSuccessPrimary,
+            "iconTertiary" to iconTertiary,
+            "iconTertiaryAlpha" to iconTertiaryAlpha,
+            "textActionAccent" to textActionAccent,
+            "textActionPrimary" to textActionPrimary,
+            "textBadgeAccent" to textBadgeAccent,
+            "textBadgeInfo" to textBadgeInfo,
+            "textCriticalPrimary" to textCriticalPrimary,
+            "textDecorative1" to textDecorative1,
+            "textDecorative2" to textDecorative2,
+            "textDecorative3" to textDecorative3,
+            "textDecorative4" to textDecorative4,
+            "textDecorative5" to textDecorative5,
+            "textDecorative6" to textDecorative6,
+            "textDisabled" to textDisabled,
+            "textInfoPrimary" to textInfoPrimary,
+            "textLinkExternal" to textLinkExternal,
+            "textOnSolidPrimary" to textOnSolidPrimary,
+            "textPrimary" to textPrimary,
+            "textSecondary" to textSecondary,
+            "textSuccessPrimary" to textSuccessPrimary,
+            "isLight" to if (isLight) Color.White else Color.Black,
+        )
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/previews/Typography.kt

@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import io.element.android.compound.theme.ElementTheme
+
+@Preview
+@Composable
+internal fun TypographyPreview() = ElementTheme {
+    Surface {
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            with(ElementTheme.materialTypography) {
+                TypographyTokenPreview(displayLarge, "Display large")
+                TypographyTokenPreview(displayMedium, "Display medium")
+                TypographyTokenPreview(displaySmall, "Display small")
+                TypographyTokenPreview(headlineLarge, "Headline large")
+                TypographyTokenPreview(headlineMedium, "Headline medium")
+                TypographyTokenPreview(headlineSmall, "Headline small")
+                TypographyTokenPreview(titleLarge, "Title large")
+                TypographyTokenPreview(titleMedium, "Title medium")
+                TypographyTokenPreview(titleSmall, "Title small")
+                TypographyTokenPreview(bodyLarge, "Body large")
+                TypographyTokenPreview(bodyMedium, "Body medium")
+                TypographyTokenPreview(bodySmall, "Body small")
+                TypographyTokenPreview(labelLarge, "Label large")
+                TypographyTokenPreview(labelMedium, "Label medium")
+                TypographyTokenPreview(labelSmall, "Label small")
+            }
+        }
+    }
+}
+
+@Composable
+private fun TypographyTokenPreview(style: TextStyle, text: String) {
+    Text(text = text, style = style)
+}

libraries/compound/src/main/kotlin/io/element/android/compound/showkase/CompoundShowkaseRootModule.kt

@@ -0,0 +1,15 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.showkase
+
+import com.airbnb.android.showkase.annotation.ShowkaseRoot
+import com.airbnb.android.showkase.annotation.ShowkaseRootModule
+
+@ShowkaseRoot
+class CompoundShowkaseRootModule : ShowkaseRootModule

libraries/compound/src/main/kotlin/io/element/android/compound/theme/AvatarColors.kt

@@ -0,0 +1,94 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.toImmutableList
+
+/**
+ * Data class to hold avatar colors.
+ */
+data class AvatarColors(
+    /** Background color for the avatar. */
+    val background: Color,
+    /** Foreground color for the avatar. */
+    val foreground: Color,
+)
+
+/**
+ * Avatar colors using semantic tokens.
+ */
+@Composable
+fun avatarColors(): List<AvatarColors> {
+    return listOf(
+        AvatarColors(background = ElementTheme.colors.bgDecorative1, foreground = ElementTheme.colors.textDecorative1),
+        AvatarColors(background = ElementTheme.colors.bgDecorative2, foreground = ElementTheme.colors.textDecorative2),
+        AvatarColors(background = ElementTheme.colors.bgDecorative3, foreground = ElementTheme.colors.textDecorative3),
+        AvatarColors(background = ElementTheme.colors.bgDecorative4, foreground = ElementTheme.colors.textDecorative4),
+        AvatarColors(background = ElementTheme.colors.bgDecorative5, foreground = ElementTheme.colors.textDecorative5),
+        AvatarColors(background = ElementTheme.colors.bgDecorative6, foreground = ElementTheme.colors.textDecorative6),
+    )
+}
+
+@Preview
+@Composable
+internal fun AvatarColorsPreviewLight() {
+    ElementTheme {
+        val chunks = avatarColors().chunked(4)
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            for (chunk in chunks) {
+                AvatarColorRow(chunk.toImmutableList())
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+internal fun AvatarColorsPreviewDark() {
+    ElementTheme(darkTheme = true) {
+        val chunks = avatarColors().chunked(4)
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            for (chunk in chunks) {
+                AvatarColorRow(chunk.toImmutableList())
+            }
+        }
+    }
+}
+
+@Composable
+private fun AvatarColorRow(colors: ImmutableList<AvatarColors>) {
+    Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+        colors.forEach { color ->
+            Box(
+                modifier = Modifier.size(48.dp)
+                    .background(color.background),
+            ) {
+                Text(
+                    modifier = Modifier.align(Alignment.Center),
+                    text = "A",
+                    color = color.foreground,
+                )
+            }
+        }
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/theme/ElementTheme.kt

@@ -0,0 +1,168 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import android.os.Build
+import androidx.activity.ComponentActivity
+import androidx.activity.SystemBarStyle
+import androidx.activity.compose.LocalActivity
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.ColorScheme
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Typography
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.ReadOnlyComposable
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalContext
+import io.element.android.compound.tokens.compoundTypography
+import io.element.android.compound.tokens.generated.SemanticColors
+import io.element.android.compound.tokens.generated.TypographyTokens
+import io.element.android.compound.tokens.generated.compoundColorsDark
+import io.element.android.compound.tokens.generated.compoundColorsLight
+
+/**
+ * Inspired from https://medium.com/@lucasyujideveloper/54cbcbde1ace
+ */
+object ElementTheme {
+    /**
+     * The current [SemanticColors] provided by [ElementTheme].
+     * These come from Compound and are the recommended colors to use for custom components.
+     * In Figma, these colors usually have the `Light/` or `Dark/` prefix.
+     */
+    val colors: SemanticColors
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalCompoundColors.current
+
+    /**
+     * The current Material 3 [ColorScheme] provided by [ElementTheme], coming from [MaterialTheme].
+     * In Figma, these colors usually have the `M3/` prefix.
+     */
+    val materialColors: ColorScheme
+        @Composable
+        @ReadOnlyComposable
+        get() = MaterialTheme.colorScheme
+
+    /**
+     * Compound [Typography] tokens. In Figma, these have the `Android/font/` prefix.
+     */
+    val typography: TypographyTokens = TypographyTokens
+
+    /**
+     * Material 3 [Typography] tokens. In Figma, these have the `M3 Typography/` prefix.
+     */
+    val materialTypography: Typography
+        @Composable
+        @ReadOnlyComposable
+        get() = MaterialTheme.typography
+
+    /**
+     * Returns whether the theme version used is the light or the dark one.
+     */
+    val isLightTheme: Boolean
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalCompoundColors.current.isLight
+}
+
+// Global variables (application level)
+internal val LocalCompoundColors = staticCompositionLocalOf { compoundColorsLight }
+
+/**
+ * Sets up the theme for the application, or a part of it.
+ *
+ * @param darkTheme whether to use the dark theme or not. If `true`, the dark theme will be used.
+ * @param applySystemBarsUpdate whether to update the system bars color scheme or not when the theme changes. It's `true` by default.
+ * This is specially useful when you want to apply an alternate theme to a part of the app but don't want it to affect the system bars.
+ * @param lightStatusBar whether to use a light status bar color scheme or not. By default, it's the opposite of [darkTheme].
+ * @param dynamicColor whether to enable MaterialYou or not. It's `false` by default.
+ * @param compoundLight the [SemanticColors] to use in light theme.
+ * @param compoundDark the [SemanticColors] to use in dark theme.
+ * @param materialColorsLight the Material 3 [ColorScheme] to use in light theme.
+ * @param materialColorsDark the Material 3 [ColorScheme] to use in dark theme.
+ * @param typography the Material 3 [Typography] tokens to use. It'll use [compoundTypography] by default.
+ * @param content the content to apply the theme to.
+ */
+@Composable
+fun ElementTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    applySystemBarsUpdate: Boolean = true,
+    lightStatusBar: Boolean = !darkTheme,
+    // true to enable MaterialYou
+    dynamicColor: Boolean = false,
+    compoundLight: SemanticColors = compoundColorsLight,
+    compoundDark: SemanticColors = compoundColorsDark,
+    materialColorsLight: ColorScheme = compoundLight.toMaterialColorScheme(),
+    materialColorsDark: ColorScheme = compoundDark.toMaterialColorScheme(),
+    typography: Typography = compoundTypography,
+    content: @Composable () -> Unit,
+) {
+    val currentCompoundColor = when {
+        darkTheme -> compoundDark
+        else -> compoundLight
+    }
+
+    val colorScheme = when {
+        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+            val context = LocalContext.current
+            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+        }
+        darkTheme -> materialColorsDark
+        else -> materialColorsLight
+    }
+
+    val statusBarColorScheme = if (dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+        val context = LocalContext.current
+        if (lightStatusBar) {
+            dynamicDarkColorScheme(context)
+        } else {
+            dynamicLightColorScheme(context)
+        }
+    } else {
+        colorScheme
+    }
+
+    if (applySystemBarsUpdate) {
+        val activity = LocalActivity.current as? ComponentActivity
+        LaunchedEffect(statusBarColorScheme, darkTheme, lightStatusBar) {
+            activity?.enableEdgeToEdge(
+                // For Status bar use the background color of the app
+                statusBarStyle = SystemBarStyle.auto(
+                    lightScrim = statusBarColorScheme.background.toArgb(),
+                    darkScrim = statusBarColorScheme.background.toArgb(),
+                    detectDarkMode = { !lightStatusBar }
+                ),
+                // For Navigation bar use a transparent color so the content can be seen through it
+                navigationBarStyle = if (darkTheme) {
+                    SystemBarStyle.dark(Color.Transparent.toArgb())
+                } else {
+                    SystemBarStyle.light(Color.Transparent.toArgb(), Color.Transparent.toArgb())
+                }
+            )
+        }
+    }
+    CompositionLocalProvider(
+        LocalCompoundColors provides currentCompoundColor,
+        LocalContentColor provides colorScheme.onSurface,
+    ) {
+        MaterialTheme(
+            colorScheme = colorScheme,
+            typography = typography,
+            content = content
+        )
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/theme/ForcedDarkElementTheme.kt

@@ -0,0 +1,60 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.activity.ComponentActivity
+import androidx.activity.SystemBarStyle
+import androidx.activity.compose.LocalActivity
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import io.element.android.compound.colors.SemanticColorsLightDark
+
+/**
+ * Can be used to force a composable in dark theme.
+ * It will automatically change the system ui colors back to normal when leaving the composition.
+ */
+@Composable
+fun ForcedDarkElementTheme(
+    colors: SemanticColorsLightDark,
+    lightStatusBar: Boolean = false,
+    content: @Composable () -> Unit,
+) {
+    val colorScheme = MaterialTheme.colorScheme
+    val wasDarkTheme = !ElementTheme.colors.isLight
+    val activity = LocalActivity.current as? ComponentActivity
+    DisposableEffect(Unit) {
+        onDispose {
+            activity?.enableEdgeToEdge(
+                statusBarStyle = SystemBarStyle.auto(
+                    lightScrim = colorScheme.background.toArgb(),
+                    darkScrim = colorScheme.background.toArgb(),
+                ),
+                navigationBarStyle = if (wasDarkTheme) {
+                    SystemBarStyle.dark(Color.Transparent.toArgb())
+                } else {
+                    SystemBarStyle.light(
+                        scrim = Color.Transparent.toArgb(),
+                        darkScrim = Color.Transparent.toArgb()
+                    )
+                }
+            )
+        }
+    }
+    ElementTheme(
+        darkTheme = true,
+        compoundLight = colors.light,
+        compoundDark = colors.dark,
+        lightStatusBar = lightStatusBar,
+        content = content,
+    )
+}

libraries/compound/src/main/kotlin/io/element/android/compound/theme/LegacyColors.kt

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.ui.graphics.Color
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.internal.DarkColorTokens
+import io.element.android.compound.tokens.generated.internal.LightColorTokens
+
+// =================================================================================================
+// IMPORTANT!
+// We should not be adding any new colors here. This file is only for legacy colors.
+// In fact, we should try to remove any references to these colors as we
+// iterate through the designs. All new colors should come from Compound's Design Tokens.
+// =================================================================================================
+
+val LinkColor = Color(0xFF0086E6)
+
+@OptIn(CoreColorToken::class)
+val SnackBarLabelColorLight = LightColorTokens.colorGray700
+@OptIn(CoreColorToken::class)
+val SnackBarLabelColorDark = DarkColorTokens.colorGray700

libraries/compound/src/main/kotlin/io/element/android/compound/theme/MaterialColorSchemeDark.kt

@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.material3.ColorScheme
+import androidx.compose.material3.darkColorScheme
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.SemanticColors
+import io.element.android.compound.tokens.generated.internal.DarkColorTokens
+
+/**
+ * See the mapping in
+ * https://www.figma.com/design/G1xy0HDZKJf5TCRFmKb5d5/Compound-Android-Components?node-id=311-14&p=f&t=QcVyNaPEZMDA6RFK-0
+ */
+@OptIn(CoreColorToken::class)
+fun SemanticColors.toMaterialColorSchemeDark(): ColorScheme = darkColorScheme(
+    primary = bgActionPrimaryRest,
+    onPrimary = textOnSolidPrimary,
+    primaryContainer = bgCanvasDefault,
+    onPrimaryContainer = textPrimary,
+    inversePrimary = textOnSolidPrimary,
+    secondary = textSecondary,
+    onSecondary = textOnSolidPrimary,
+    secondaryContainer = bgSubtlePrimary,
+    onSecondaryContainer = textPrimary,
+    tertiary = textSecondary,
+    onTertiary = textOnSolidPrimary,
+    tertiaryContainer = bgActionPrimaryRest,
+    onTertiaryContainer = textOnSolidPrimary,
+    background = bgCanvasDefault,
+    onBackground = textPrimary,
+    surface = bgCanvasDefault,
+    onSurface = textPrimary,
+    surfaceVariant = bgSubtleSecondary,
+    onSurfaceVariant = textSecondary,
+    surfaceTint = DarkColorTokens.colorGray1000,
+    inverseSurface = DarkColorTokens.colorGray1300,
+    inverseOnSurface = textOnSolidPrimary,
+    error = textCriticalPrimary,
+    onError = textOnSolidPrimary,
+    errorContainer = DarkColorTokens.colorRed400,
+    onErrorContainer = textCriticalPrimary,
+    outline = borderInteractivePrimary,
+    outlineVariant = DarkColorTokens.colorAlphaGray400,
+    // Note: for light it will be colorGray1400
+    scrim = DarkColorTokens.colorGray300,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/theme/MaterialColorSchemeLight.kt

@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.material3.ColorScheme
+import androidx.compose.material3.lightColorScheme
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.SemanticColors
+import io.element.android.compound.tokens.generated.internal.LightColorTokens
+
+/**
+ * See the mapping in
+ * https://www.figma.com/design/G1xy0HDZKJf5TCRFmKb5d5/Compound-Android-Components?node-id=311-14&p=f&t=QcVyNaPEZMDA6RFK-0
+ */
+@OptIn(CoreColorToken::class)
+fun SemanticColors.toMaterialColorSchemeLight(): ColorScheme = lightColorScheme(
+    primary = bgActionPrimaryRest,
+    onPrimary = textOnSolidPrimary,
+    primaryContainer = bgCanvasDefault,
+    onPrimaryContainer = textPrimary,
+    inversePrimary = textOnSolidPrimary,
+    secondary = textSecondary,
+    onSecondary = textOnSolidPrimary,
+    secondaryContainer = bgSubtlePrimary,
+    onSecondaryContainer = textPrimary,
+    tertiary = textSecondary,
+    onTertiary = textOnSolidPrimary,
+    tertiaryContainer = bgActionPrimaryRest,
+    onTertiaryContainer = textOnSolidPrimary,
+    background = bgCanvasDefault,
+    onBackground = textPrimary,
+    surface = bgCanvasDefault,
+    onSurface = textPrimary,
+    surfaceVariant = bgSubtleSecondary,
+    onSurfaceVariant = textSecondary,
+    surfaceTint = LightColorTokens.colorGray1000,
+    inverseSurface = LightColorTokens.colorGray1300,
+    inverseOnSurface = textOnSolidPrimary,
+    error = textCriticalPrimary,
+    onError = textOnSolidPrimary,
+    errorContainer = LightColorTokens.colorRed400,
+    onErrorContainer = textCriticalPrimary,
+    outline = borderInteractivePrimary,
+    outlineVariant = LightColorTokens.colorAlphaGray400,
+    // Note: for dark it will be colorGray300
+    scrim = LightColorTokens.colorGray1400,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/theme/MaterialTextPreview.kt

@@ -0,0 +1,139 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import io.element.android.compound.utils.toHrf
+
+@Preview(heightDp = 1200, widthDp = 420)
+@Composable
+internal fun MaterialTextPreview() = Row(
+    modifier = Modifier.background(Color.Yellow)
+) {
+    MaterialPreview(
+        modifier = Modifier.weight(1f),
+        darkTheme = false,
+    )
+    MaterialPreview(
+        modifier = Modifier.weight(1f),
+        darkTheme = true,
+    )
+}
+
+private data class Model(
+    val name: String,
+    val bgColor: Color,
+    val textColor: Color,
+)
+
+@Composable
+private fun MaterialPreview(
+    darkTheme: Boolean,
+    modifier: Modifier = Modifier,
+) = Column(modifier = modifier) {
+    Text(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(8.dp),
+        textAlign = TextAlign.Center,
+        text = if (darkTheme) "Dark" else "Light",
+        color = Color.Black,
+        fontSize = 18.sp,
+        fontWeight = FontWeight.Bold,
+    )
+    ElementTheme(
+        darkTheme = darkTheme,
+    ) {
+        Column(
+            modifier = Modifier.fillMaxSize()
+        ) {
+            listOf(
+                Model("Background", MaterialTheme.colorScheme.background, MaterialTheme.colorScheme.onBackground),
+                Model("Primary", MaterialTheme.colorScheme.primary, MaterialTheme.colorScheme.onPrimary),
+                Model("PrimaryContainer", MaterialTheme.colorScheme.primaryContainer, MaterialTheme.colorScheme.onPrimaryContainer),
+                Model("Secondary", MaterialTheme.colorScheme.secondary, MaterialTheme.colorScheme.onSecondary),
+                Model("SecondaryContainer", MaterialTheme.colorScheme.secondaryContainer, MaterialTheme.colorScheme.onSecondaryContainer),
+                Model("Tertiary", MaterialTheme.colorScheme.tertiary, MaterialTheme.colorScheme.onTertiary),
+                Model("TertiaryContainer", MaterialTheme.colorScheme.tertiaryContainer, MaterialTheme.colorScheme.onTertiaryContainer),
+                Model("Surface", MaterialTheme.colorScheme.surface, MaterialTheme.colorScheme.onSurface),
+                Model("SurfaceVariant", MaterialTheme.colorScheme.surfaceVariant, MaterialTheme.colorScheme.onSurfaceVariant),
+                Model("InverseSurface", MaterialTheme.colorScheme.inverseSurface, MaterialTheme.colorScheme.inverseOnSurface),
+                Model("Error", MaterialTheme.colorScheme.error, MaterialTheme.colorScheme.onError),
+                Model("ErrorContainer", MaterialTheme.colorScheme.errorContainer, MaterialTheme.colorScheme.onErrorContainer),
+            ).forEach {
+                TextPreview(
+                    name = it.name,
+                    bgColor = it.bgColor,
+                    textColor = it.textColor,
+                )
+            }
+            Box(
+                modifier = Modifier
+                    .padding(1.dp)
+                    .fillMaxWidth()
+                    .background(MaterialTheme.colorScheme.background)
+            ) {
+                Text(
+                    text = "Below\n".repeat(3),
+                    color = MaterialTheme.colorScheme.onBackground,
+                )
+                Text(
+                    modifier = Modifier
+                        .padding(12.dp)
+                        .fillMaxWidth()
+                        // the alpha applied to the scrim color does not seem to be mandatory.
+                        // The library ignores the alpha level provided and apply it's own.
+                        // For testing the color, manually set an alpha.
+                        .background(color = MaterialTheme.colorScheme.scrim.copy(alpha = 0.32f))
+                        .padding(16.dp),
+                    text = "${"Scrim"}\n${MaterialTheme.colorScheme.scrim.toHrf()}",
+                    style = LocalTextStyle.current.copy(fontFamily = FontFamily.Monospace),
+                    textAlign = TextAlign.Center,
+                    color = MaterialTheme.colorScheme.onBackground,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun TextPreview(
+    name: String,
+    bgColor: Color,
+    textColor: Color,
+    modifier: Modifier = Modifier,
+) = Text(
+    modifier = modifier
+        .padding(1.dp)
+        .fillMaxWidth()
+        .background(bgColor)
+        .padding(horizontal = 16.dp, vertical = 8.dp),
+    text = "$name\n${textColor.toHrf()}\n${bgColor.toHrf()}",
+    style = LocalTextStyle.current.copy(fontFamily = FontFamily.Monospace),
+    textAlign = TextAlign.Center,
+    color = textColor,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/theme/MaterialThemeColors.kt

@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.material3.ColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import io.element.android.compound.previews.ColorsSchemePreview
+import io.element.android.compound.tokens.generated.SemanticColors
+import io.element.android.compound.tokens.generated.compoundColorsHcDark
+import io.element.android.compound.tokens.generated.compoundColorsHcLight
+
+fun SemanticColors.toMaterialColorScheme(): ColorScheme {
+    return if (isLight) {
+        toMaterialColorSchemeLight()
+    } else {
+        toMaterialColorSchemeDark()
+    }
+}
+
+@Preview(heightDp = 1200)
+@Composable
+internal fun ColorsSchemeLightPreview() = ElementTheme {
+    ColorsSchemePreview(
+        Color.Black,
+        Color.White,
+        ElementTheme.materialColors,
+    )
+}
+
+@Preview(heightDp = 1200)
+@Composable
+internal fun ColorsSchemeLightHcPreview() = ElementTheme(
+    compoundLight = compoundColorsHcLight,
+) {
+    ColorsSchemePreview(
+        Color.Black,
+        Color.White,
+        ElementTheme.materialColors,
+    )
+}
+
+@Preview(heightDp = 1200)
+@Composable
+internal fun ColorsSchemeDarkPreview() = ElementTheme(
+    darkTheme = true,
+) {
+    ColorsSchemePreview(
+        Color.White,
+        Color.Black,
+        ElementTheme.materialColors,
+    )
+}
+
+@Preview(heightDp = 1200)
+@Composable
+internal fun ColorsSchemeDarkHcPreview() = ElementTheme(
+    darkTheme = true,
+    compoundDark = compoundColorsHcDark,
+) {
+    ColorsSchemePreview(
+        Color.White,
+        Color.Black,
+        ElementTheme.materialColors,
+    )
+}

libraries/compound/src/main/kotlin/io/element/android/compound/theme/Theme.kt

@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.runtime.Composable
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+
+enum class Theme {
+    System,
+    Dark,
+    Light,
+}
+
+@Composable
+fun Theme.isDark(): Boolean {
+    return when (this) {
+        Theme.System -> isSystemInDarkTheme()
+        Theme.Dark -> true
+        Theme.Light -> false
+    }
+}
+
+fun Flow<String?>.mapToTheme(): Flow<Theme> = map {
+    when (it) {
+        null -> Theme.System
+        else -> Theme.valueOf(it)
+    }
+}

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/CompoundTypography.kt

@@ -0,0 +1,94 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.tokens
+
+import androidx.compose.material3.Typography
+import androidx.compose.ui.text.PlatformTextStyle
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.LineHeightStyle
+import androidx.compose.ui.unit.em
+import androidx.compose.ui.unit.sp
+import com.airbnb.android.showkase.annotation.ShowkaseTypography
+import io.element.android.compound.tokens.generated.TypographyTokens
+
+// 32px (Material) vs 34px, it's the closest one
+@ShowkaseTypography(name = "M3 Headline Large", group = "Compound")
+internal val compoundHeadingXlRegular = TypographyTokens.fontHeadingXlRegular
+
+// both are 28px
+@ShowkaseTypography(name = "M3 Headline Medium", group = "Compound")
+internal val compoundHeadingLgRegular = TypographyTokens.fontHeadingLgRegular
+
+// These are the default M3 values, but we're setting them manually so an update in M3 doesn't break our designs
+@ShowkaseTypography(name = "M3 Headline Small", group = "Compound")
+internal val defaultHeadlineSmall = TextStyle(
+    fontFamily = FontFamily.Default,
+    fontWeight = FontWeight.Normal,
+    lineHeight = 32.sp,
+    fontSize = 24.sp,
+    letterSpacing = 0.em,
+    platformStyle = PlatformTextStyle(includeFontPadding = false),
+    lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+)
+
+// 22px (Material) vs 20px, it's the closest one
+@ShowkaseTypography(name = "M3 Title Large", group = "Compound")
+internal val compoundHeadingMdRegular = TypographyTokens.fontHeadingMdRegular
+
+// 16px both
+@ShowkaseTypography(name = "M3 Title Medium", group = "Compound")
+internal val compoundBodyLgMedium = TypographyTokens.fontBodyLgMedium
+
+// 14px both
+@ShowkaseTypography(name = "M3 Title Small", group = "Compound")
+internal val compoundBodyMdMedium = TypographyTokens.fontBodyMdMedium
+
+// 16px both
+@ShowkaseTypography(name = "M3 Body Large", group = "Compound")
+internal val compoundBodyLgRegular = TypographyTokens.fontBodyLgRegular
+
+// 14px both
+@ShowkaseTypography(name = "M3 Body Medium", group = "Compound")
+internal val compoundBodyMdRegular = TypographyTokens.fontBodyMdRegular
+
+// 12px both
+@ShowkaseTypography(name = "M3 Body Small", group = "Compound")
+internal val compoundBodySmRegular = TypographyTokens.fontBodySmRegular
+
+// 14px both, Title Small uses the same token so we have to declare it twice
+@ShowkaseTypography(name = "M3 Label Large", group = "Compound")
+internal val compoundBodyMdMedium_LabelLarge = TypographyTokens.fontBodyMdMedium
+
+// 12px both
+@ShowkaseTypography(name = "M3 Label Medium", group = "Compound")
+internal val compoundBodySmMedium = TypographyTokens.fontBodySmMedium
+
+// 11px both
+@ShowkaseTypography(name = "M3 Label Small", group = "Compound")
+internal val compoundBodyXsMedium = TypographyTokens.fontBodyXsMedium
+
+internal val compoundTypography = Typography(
+    // displayLarge = , 57px (Material) size. We have no equivalent
+    // displayMedium = , 45px (Material) size. We have no equivalent
+    // displaySmall = , 36px (Material) size. We have no equivalent
+    headlineLarge = compoundHeadingXlRegular,
+    headlineMedium = compoundHeadingLgRegular,
+    headlineSmall = defaultHeadlineSmall,
+    titleLarge = compoundHeadingMdRegular,
+    titleMedium = compoundBodyLgMedium,
+    titleSmall = compoundBodyMdMedium,
+    bodyLarge = compoundBodyLgRegular,
+    bodyMedium = compoundBodyMdRegular,
+    bodySmall = compoundBodySmRegular,
+    labelLarge = compoundBodyMdMedium_LabelLarge,
+    labelMedium = compoundBodySmMedium,
+    labelSmall = compoundBodyXsMedium,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/DO_NOT_MODIFY.txt

@@ -0,0 +1 @@
+Files inside this package are generated automatically from the Compound project (https://github.com/element-hq/compound-design-tokens) and will be batch-replaced when new tokens are generated.

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/SemanticColors.kt

@@ -0,0 +1,222 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.graphics.Color
+
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+
+/**
+  * This class holds all the semantic tokens of the Compound theme.
+  */
+data class SemanticColors(
+    /** Background colour for accent or brand actions. State: Hover */
+    val bgAccentHovered: Color,
+    /** Background colour for accent or brand actions. State: Pressed */
+    val bgAccentPressed: Color,
+    /** Background colour for accent or brand actions. State: Rest. */
+    val bgAccentRest: Color,
+    /** Background colour for accent or brand actions. State: Selected */
+    val bgAccentSelected: Color,
+    /** Background colour for primary actions. State: Disabled. */
+    val bgActionPrimaryDisabled: Color,
+    /** Background colour for primary actions. State: Hover. */
+    val bgActionPrimaryHovered: Color,
+    /** Background colour for primary actions. State: Pressed. */
+    val bgActionPrimaryPressed: Color,
+    /** Background colour for primary actions. State: Rest. */
+    val bgActionPrimaryRest: Color,
+    /** Background colour for secondary actions. State: Hover. */
+    val bgActionSecondaryHovered: Color,
+    /** Background colour for secondary actions. State: Pressed. */
+    val bgActionSecondaryPressed: Color,
+    /** Background colour for secondary actions. State: Rest. */
+    val bgActionSecondaryRest: Color,
+    /** Badge accent background colour */
+    val bgBadgeAccent: Color,
+    /** Badge default background colour */
+    val bgBadgeDefault: Color,
+    /** Badge info background colour */
+    val bgBadgeInfo: Color,
+    /** Default global background for the user interface.
+Elevation: Default (Level 0) */
+    val bgCanvasDefault: Color,
+    /** Default global background for the user interface.
+Elevation: Level 1. */
+    val bgCanvasDefaultLevel1: Color,
+    /** Default background for disabled elements. There's no minimum contrast requirement. */
+    val bgCanvasDisabled: Color,
+    /** High-contrast background color for critical state. State: Hover. */
+    val bgCriticalHovered: Color,
+    /** High-contrast background color for critical state. State: Rest. */
+    val bgCriticalPrimary: Color,
+    /** Default subtle critical surfaces. State: Rest. */
+    val bgCriticalSubtle: Color,
+    /** Default subtle critical surfaces. State: Hover. */
+    val bgCriticalSubtleHovered: Color,
+    /** Decorative background (1, Lime) for avatars and usernames. */
+    val bgDecorative1: Color,
+    /** Decorative background (2, Cyan) for avatars and usernames. */
+    val bgDecorative2: Color,
+    /** Decorative background (3, Fuchsia) for avatars and usernames. */
+    val bgDecorative3: Color,
+    /** Decorative background (4, Purple) for avatars and usernames. */
+    val bgDecorative4: Color,
+    /** Decorative background (5, Pink) for avatars and usernames. */
+    val bgDecorative5: Color,
+    /** Decorative background (6, Orange) for avatars and usernames. */
+    val bgDecorative6: Color,
+    /** Subtle background colour for informational elements. State: Rest. */
+    val bgInfoSubtle: Color,
+    /** Medium contrast surfaces.
+Elevation: Default (Level 2). */
+    val bgSubtlePrimary: Color,
+    /** Low contrast surfaces.
+Elevation: Default (Level 1). */
+    val bgSubtleSecondary: Color,
+    /** Lower contrast surfaces.
+Elevation: Level 0. */
+    val bgSubtleSecondaryLevel0: Color,
+    /** Subtle background colour for success state elements. State: Rest. */
+    val bgSuccessSubtle: Color,
+    /** accent border intended for keylines on message highlights */
+    val borderAccentSubtle: Color,
+    /** High-contrast border for critical state. State: Hover. */
+    val borderCriticalHovered: Color,
+    /** High-contrast border for critical state. State: Rest. */
+    val borderCriticalPrimary: Color,
+    /** Subtle border colour for critical state elements. */
+    val borderCriticalSubtle: Color,
+    /** Used for borders of disabled elements. There's no minimum contrast requirement. */
+    val borderDisabled: Color,
+    /** Used for the focus state outline. */
+    val borderFocused: Color,
+    /** Subtle border colour for informational elements. */
+    val borderInfoSubtle: Color,
+    /** Default contrast for accessible interactive element borders. State: Hover. */
+    val borderInteractiveHovered: Color,
+    /** Default contrast for accessible interactive element borders. State: Rest. */
+    val borderInteractivePrimary: Color,
+    /** ⚠️ Lowest contrast for non-accessible interactive element borders, <3:1. Only use for non-essential borders. Do not rely exclusively on them. State: Rest. */
+    val borderInteractiveSecondary: Color,
+    /** Subtle border colour for success state elements. */
+    val borderSuccessSubtle: Color,
+    /** Background gradient stop for super and send buttons */
+    val gradientActionStop1: Color,
+    /** Background gradient stop for super and send buttons */
+    val gradientActionStop2: Color,
+    /** Background gradient stop for super and send buttons */
+    val gradientActionStop3: Color,
+    /** Background gradient stop for super and send buttons */
+    val gradientActionStop4: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop1: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop2: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop3: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop4: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop5: Color,
+    /** Subtle background gradient stop for info */
+    val gradientInfoStop6: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop1: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop2: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop3: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop4: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop5: Color,
+    /** Subtle background gradient stop for message highlight and bloom */
+    val gradientSubtleStop6: Color,
+    /** Highest contrast accessible accent icons. */
+    val iconAccentPrimary: Color,
+    /** Lowest contrast accessible accent icons. */
+    val iconAccentTertiary: Color,
+    /** High-contrast icon for critical state. State: Rest. */
+    val iconCriticalPrimary: Color,
+    /** Use for icons in disabled elements. There's no minimum contrast requirement. */
+    val iconDisabled: Color,
+    /** High-contrast icon for informational elements. */
+    val iconInfoPrimary: Color,
+    /** Highest contrast icon color on top of high-contrast solid backgrounds like primary, accent, or destructive actions. */
+    val iconOnSolidPrimary: Color,
+    /** Highest contrast icons. */
+    val iconPrimary: Color,
+    /** Translucent version of primary icon. Refer to it for intended use. */
+    val iconPrimaryAlpha: Color,
+    /** ⚠️ Lowest contrast non-accessible icons, <3:1. Only use for non-essential icons. Do not rely exclusively on them. */
+    val iconQuaternary: Color,
+    /** Translucent version of quaternary icon. Refer to it for intended use. */
+    val iconQuaternaryAlpha: Color,
+    /** Lower contrast icons. */
+    val iconSecondary: Color,
+    /** Translucent version of secondary icon. Refer to it for intended use. */
+    val iconSecondaryAlpha: Color,
+    /** High-contrast icon for success state elements. */
+    val iconSuccessPrimary: Color,
+    /** Lowest contrast accessible icons. */
+    val iconTertiary: Color,
+    /** Translucent version of tertiary icon. Refer to it for intended use. */
+    val iconTertiaryAlpha: Color,
+    /** Accent text colour for plain actions. */
+    val textActionAccent: Color,
+    /** Default text colour for plain actions. */
+    val textActionPrimary: Color,
+    /** Badge accent text colour */
+    val textBadgeAccent: Color,
+    /** Badge info text colour */
+    val textBadgeInfo: Color,
+    /** Text colour for destructive plain actions. */
+    val textCriticalPrimary: Color,
+    /** Decorative text colour (1, Lime) for avatars and usernames. */
+    val textDecorative1: Color,
+    /** Decorative text colour (2, Cyan) for avatars and usernames. */
+    val textDecorative2: Color,
+    /** Decorative text colour (3, Fuchsia) for avatars and usernames. */
+    val textDecorative3: Color,
+    /** Decorative text colour (4, Purple) for avatars and usernames. */
+    val textDecorative4: Color,
+    /** Decorative text colour (5, Pink) for avatars and usernames. */
+    val textDecorative5: Color,
+    /** Decorative text colour (6, Orange) for avatars and usernames. */
+    val textDecorative6: Color,
+    /** Use for regular text in disabled elements. There's no minimum contrast requirement. */
+    val textDisabled: Color,
+    /** Accent text colour for informational elements. */
+    val textInfoPrimary: Color,
+    /** Text colour for external links. */
+    val textLinkExternal: Color,
+    /** For use as text color on top of high-contrast solid backgrounds like primary, accent, or destructive actions. */
+    val textOnSolidPrimary: Color,
+    /** Highest contrast text. */
+    val textPrimary: Color,
+    /** Lowest contrast text. */
+    val textSecondary: Color,
+    /** Accent text colour for success state elements. */
+    val textSuccessPrimary: Color,
+    /** True for light theme, false for dark theme. */
+    val isLight: Boolean,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/SemanticColorsDark.kt

@@ -0,0 +1,122 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.internal.DarkColorTokens
+
+/**
+ * Semantic colors for the dark Compound theme.
+ */
+@OptIn(CoreColorToken::class)
+val compoundColorsDark = SemanticColors(
+    bgAccentHovered = DarkColorTokens.colorGreen1000,
+    bgAccentPressed = DarkColorTokens.colorGreen1100,
+    bgAccentRest = DarkColorTokens.colorGreen900,
+    bgAccentSelected = DarkColorTokens.colorAlphaGreen300,
+    bgActionPrimaryDisabled = DarkColorTokens.colorGray700,
+    bgActionPrimaryHovered = DarkColorTokens.colorGray1200,
+    bgActionPrimaryPressed = DarkColorTokens.colorGray1100,
+    bgActionPrimaryRest = DarkColorTokens.colorGray1400,
+    bgActionSecondaryHovered = DarkColorTokens.colorAlphaGray200,
+    bgActionSecondaryPressed = DarkColorTokens.colorAlphaGray300,
+    bgActionSecondaryRest = DarkColorTokens.colorThemeBg,
+    bgBadgeAccent = DarkColorTokens.colorAlphaGreen300,
+    bgBadgeDefault = DarkColorTokens.colorAlphaGray300,
+    bgBadgeInfo = DarkColorTokens.colorAlphaBlue300,
+    bgCanvasDefault = DarkColorTokens.colorThemeBg,
+    bgCanvasDefaultLevel1 = DarkColorTokens.colorGray300,
+    bgCanvasDisabled = DarkColorTokens.colorGray200,
+    bgCriticalHovered = DarkColorTokens.colorRed1000,
+    bgCriticalPrimary = DarkColorTokens.colorRed900,
+    bgCriticalSubtle = DarkColorTokens.colorRed200,
+    bgCriticalSubtleHovered = DarkColorTokens.colorRed300,
+    bgDecorative1 = DarkColorTokens.colorLime300,
+    bgDecorative2 = DarkColorTokens.colorCyan300,
+    bgDecorative3 = DarkColorTokens.colorFuchsia300,
+    bgDecorative4 = DarkColorTokens.colorPurple300,
+    bgDecorative5 = DarkColorTokens.colorPink300,
+    bgDecorative6 = DarkColorTokens.colorOrange300,
+    bgInfoSubtle = DarkColorTokens.colorBlue200,
+    bgSubtlePrimary = DarkColorTokens.colorGray400,
+    bgSubtleSecondary = DarkColorTokens.colorGray300,
+    bgSubtleSecondaryLevel0 = DarkColorTokens.colorThemeBg,
+    bgSuccessSubtle = DarkColorTokens.colorGreen200,
+    borderAccentSubtle = DarkColorTokens.colorGreen700,
+    borderCriticalHovered = DarkColorTokens.colorRed1000,
+    borderCriticalPrimary = DarkColorTokens.colorRed900,
+    borderCriticalSubtle = DarkColorTokens.colorRed500,
+    borderDisabled = DarkColorTokens.colorGray500,
+    borderFocused = DarkColorTokens.colorBlue900,
+    borderInfoSubtle = DarkColorTokens.colorBlue700,
+    borderInteractiveHovered = DarkColorTokens.colorGray1100,
+    borderInteractivePrimary = DarkColorTokens.colorGray800,
+    borderInteractiveSecondary = DarkColorTokens.colorGray600,
+    borderSuccessSubtle = DarkColorTokens.colorGreen500,
+    gradientActionStop1 = DarkColorTokens.colorGreen1100,
+    gradientActionStop2 = DarkColorTokens.colorGreen900,
+    gradientActionStop3 = DarkColorTokens.colorGreen700,
+    gradientActionStop4 = DarkColorTokens.colorGreen500,
+    gradientInfoStop1 = DarkColorTokens.colorAlphaBlue500,
+    gradientInfoStop2 = DarkColorTokens.colorAlphaBlue400,
+    gradientInfoStop3 = DarkColorTokens.colorAlphaBlue300,
+    gradientInfoStop4 = DarkColorTokens.colorAlphaBlue200,
+    gradientInfoStop5 = DarkColorTokens.colorAlphaBlue100,
+    gradientInfoStop6 = DarkColorTokens.colorTransparent,
+    gradientSubtleStop1 = DarkColorTokens.colorAlphaGreen500,
+    gradientSubtleStop2 = DarkColorTokens.colorAlphaGreen400,
+    gradientSubtleStop3 = DarkColorTokens.colorAlphaGreen300,
+    gradientSubtleStop4 = DarkColorTokens.colorAlphaGreen200,
+    gradientSubtleStop5 = DarkColorTokens.colorAlphaGreen100,
+    gradientSubtleStop6 = DarkColorTokens.colorTransparent,
+    iconAccentPrimary = DarkColorTokens.colorGreen900,
+    iconAccentTertiary = DarkColorTokens.colorGreen800,
+    iconCriticalPrimary = DarkColorTokens.colorRed900,
+    iconDisabled = DarkColorTokens.colorGray700,
+    iconInfoPrimary = DarkColorTokens.colorBlue900,
+    iconOnSolidPrimary = DarkColorTokens.colorThemeBg,
+    iconPrimary = DarkColorTokens.colorGray1400,
+    iconPrimaryAlpha = DarkColorTokens.colorAlphaGray1400,
+    iconQuaternary = DarkColorTokens.colorGray700,
+    iconQuaternaryAlpha = DarkColorTokens.colorAlphaGray700,
+    iconSecondary = DarkColorTokens.colorGray900,
+    iconSecondaryAlpha = DarkColorTokens.colorAlphaGray900,
+    iconSuccessPrimary = DarkColorTokens.colorGreen900,
+    iconTertiary = DarkColorTokens.colorGray800,
+    iconTertiaryAlpha = DarkColorTokens.colorAlphaGray800,
+    textActionAccent = DarkColorTokens.colorGreen900,
+    textActionPrimary = DarkColorTokens.colorGray1400,
+    textBadgeAccent = DarkColorTokens.colorGreen1100,
+    textBadgeInfo = DarkColorTokens.colorBlue1100,
+    textCriticalPrimary = DarkColorTokens.colorRed900,
+    textDecorative1 = DarkColorTokens.colorLime1100,
+    textDecorative2 = DarkColorTokens.colorCyan1100,
+    textDecorative3 = DarkColorTokens.colorFuchsia1100,
+    textDecorative4 = DarkColorTokens.colorPurple1100,
+    textDecorative5 = DarkColorTokens.colorPink1100,
+    textDecorative6 = DarkColorTokens.colorOrange1100,
+    textDisabled = DarkColorTokens.colorGray800,
+    textInfoPrimary = DarkColorTokens.colorBlue900,
+    textLinkExternal = DarkColorTokens.colorBlue900,
+    textOnSolidPrimary = DarkColorTokens.colorThemeBg,
+    textPrimary = DarkColorTokens.colorGray1400,
+    textSecondary = DarkColorTokens.colorGray900,
+    textSuccessPrimary = DarkColorTokens.colorGreen900,
+    isLight = false,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/SemanticColorsDarkHc.kt

@@ -0,0 +1,122 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.internal.DarkHcColorTokens
+
+/**
+ * Semantic colors for the high contrast dark Compound theme.
+ */
+@OptIn(CoreColorToken::class)
+val compoundColorsHcDark = SemanticColors(
+    bgAccentHovered = DarkHcColorTokens.colorGreen1000,
+    bgAccentPressed = DarkHcColorTokens.colorGreen1100,
+    bgAccentRest = DarkHcColorTokens.colorGreen900,
+    bgAccentSelected = DarkHcColorTokens.colorAlphaGreen300,
+    bgActionPrimaryDisabled = DarkHcColorTokens.colorGray700,
+    bgActionPrimaryHovered = DarkHcColorTokens.colorGray1200,
+    bgActionPrimaryPressed = DarkHcColorTokens.colorGray1100,
+    bgActionPrimaryRest = DarkHcColorTokens.colorGray1400,
+    bgActionSecondaryHovered = DarkHcColorTokens.colorAlphaGray200,
+    bgActionSecondaryPressed = DarkHcColorTokens.colorAlphaGray300,
+    bgActionSecondaryRest = DarkHcColorTokens.colorThemeBg,
+    bgBadgeAccent = DarkHcColorTokens.colorAlphaGreen300,
+    bgBadgeDefault = DarkHcColorTokens.colorAlphaGray300,
+    bgBadgeInfo = DarkHcColorTokens.colorAlphaBlue300,
+    bgCanvasDefault = DarkHcColorTokens.colorThemeBg,
+    bgCanvasDefaultLevel1 = DarkHcColorTokens.colorGray300,
+    bgCanvasDisabled = DarkHcColorTokens.colorGray200,
+    bgCriticalHovered = DarkHcColorTokens.colorRed1000,
+    bgCriticalPrimary = DarkHcColorTokens.colorRed900,
+    bgCriticalSubtle = DarkHcColorTokens.colorRed200,
+    bgCriticalSubtleHovered = DarkHcColorTokens.colorRed300,
+    bgDecorative1 = DarkHcColorTokens.colorLime300,
+    bgDecorative2 = DarkHcColorTokens.colorCyan300,
+    bgDecorative3 = DarkHcColorTokens.colorFuchsia300,
+    bgDecorative4 = DarkHcColorTokens.colorPurple300,
+    bgDecorative5 = DarkHcColorTokens.colorPink300,
+    bgDecorative6 = DarkHcColorTokens.colorOrange300,
+    bgInfoSubtle = DarkHcColorTokens.colorBlue200,
+    bgSubtlePrimary = DarkHcColorTokens.colorGray400,
+    bgSubtleSecondary = DarkHcColorTokens.colorGray300,
+    bgSubtleSecondaryLevel0 = DarkHcColorTokens.colorThemeBg,
+    bgSuccessSubtle = DarkHcColorTokens.colorGreen200,
+    borderAccentSubtle = DarkHcColorTokens.colorGreen700,
+    borderCriticalHovered = DarkHcColorTokens.colorRed1000,
+    borderCriticalPrimary = DarkHcColorTokens.colorRed900,
+    borderCriticalSubtle = DarkHcColorTokens.colorRed500,
+    borderDisabled = DarkHcColorTokens.colorGray500,
+    borderFocused = DarkHcColorTokens.colorBlue900,
+    borderInfoSubtle = DarkHcColorTokens.colorBlue700,
+    borderInteractiveHovered = DarkHcColorTokens.colorGray1100,
+    borderInteractivePrimary = DarkHcColorTokens.colorGray800,
+    borderInteractiveSecondary = DarkHcColorTokens.colorGray600,
+    borderSuccessSubtle = DarkHcColorTokens.colorGreen500,
+    gradientActionStop1 = DarkHcColorTokens.colorGreen1100,
+    gradientActionStop2 = DarkHcColorTokens.colorGreen900,
+    gradientActionStop3 = DarkHcColorTokens.colorGreen700,
+    gradientActionStop4 = DarkHcColorTokens.colorGreen500,
+    gradientInfoStop1 = DarkHcColorTokens.colorAlphaBlue500,
+    gradientInfoStop2 = DarkHcColorTokens.colorAlphaBlue400,
+    gradientInfoStop3 = DarkHcColorTokens.colorAlphaBlue300,
+    gradientInfoStop4 = DarkHcColorTokens.colorAlphaBlue200,
+    gradientInfoStop5 = DarkHcColorTokens.colorAlphaBlue100,
+    gradientInfoStop6 = DarkHcColorTokens.colorTransparent,
+    gradientSubtleStop1 = DarkHcColorTokens.colorAlphaGreen500,
+    gradientSubtleStop2 = DarkHcColorTokens.colorAlphaGreen400,
+    gradientSubtleStop3 = DarkHcColorTokens.colorAlphaGreen300,
+    gradientSubtleStop4 = DarkHcColorTokens.colorAlphaGreen200,
+    gradientSubtleStop5 = DarkHcColorTokens.colorAlphaGreen100,
+    gradientSubtleStop6 = DarkHcColorTokens.colorTransparent,
+    iconAccentPrimary = DarkHcColorTokens.colorGreen900,
+    iconAccentTertiary = DarkHcColorTokens.colorGreen800,
+    iconCriticalPrimary = DarkHcColorTokens.colorRed900,
+    iconDisabled = DarkHcColorTokens.colorGray700,
+    iconInfoPrimary = DarkHcColorTokens.colorBlue900,
+    iconOnSolidPrimary = DarkHcColorTokens.colorThemeBg,
+    iconPrimary = DarkHcColorTokens.colorGray1400,
+    iconPrimaryAlpha = DarkHcColorTokens.colorAlphaGray1400,
+    iconQuaternary = DarkHcColorTokens.colorGray700,
+    iconQuaternaryAlpha = DarkHcColorTokens.colorAlphaGray700,
+    iconSecondary = DarkHcColorTokens.colorGray900,
+    iconSecondaryAlpha = DarkHcColorTokens.colorAlphaGray900,
+    iconSuccessPrimary = DarkHcColorTokens.colorGreen900,
+    iconTertiary = DarkHcColorTokens.colorGray800,
+    iconTertiaryAlpha = DarkHcColorTokens.colorAlphaGray800,
+    textActionAccent = DarkHcColorTokens.colorGreen900,
+    textActionPrimary = DarkHcColorTokens.colorGray1400,
+    textBadgeAccent = DarkHcColorTokens.colorGreen1100,
+    textBadgeInfo = DarkHcColorTokens.colorBlue1100,
+    textCriticalPrimary = DarkHcColorTokens.colorRed900,
+    textDecorative1 = DarkHcColorTokens.colorLime1100,
+    textDecorative2 = DarkHcColorTokens.colorCyan1100,
+    textDecorative3 = DarkHcColorTokens.colorFuchsia1100,
+    textDecorative4 = DarkHcColorTokens.colorPurple1100,
+    textDecorative5 = DarkHcColorTokens.colorPink1100,
+    textDecorative6 = DarkHcColorTokens.colorOrange1100,
+    textDisabled = DarkHcColorTokens.colorGray800,
+    textInfoPrimary = DarkHcColorTokens.colorBlue900,
+    textLinkExternal = DarkHcColorTokens.colorBlue900,
+    textOnSolidPrimary = DarkHcColorTokens.colorThemeBg,
+    textPrimary = DarkHcColorTokens.colorGray1400,
+    textSecondary = DarkHcColorTokens.colorGray900,
+    textSuccessPrimary = DarkHcColorTokens.colorGreen900,
+    isLight = false,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/SemanticColorsLight.kt

@@ -0,0 +1,122 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.internal.LightColorTokens
+
+/**
+ * Semantic colors for the light Compound theme.
+ */
+@OptIn(CoreColorToken::class)
+val compoundColorsLight = SemanticColors(
+    bgAccentHovered = LightColorTokens.colorGreen1000,
+    bgAccentPressed = LightColorTokens.colorGreen1100,
+    bgAccentRest = LightColorTokens.colorGreen900,
+    bgAccentSelected = LightColorTokens.colorAlphaGreen300,
+    bgActionPrimaryDisabled = LightColorTokens.colorGray700,
+    bgActionPrimaryHovered = LightColorTokens.colorGray1200,
+    bgActionPrimaryPressed = LightColorTokens.colorGray1100,
+    bgActionPrimaryRest = LightColorTokens.colorGray1400,
+    bgActionSecondaryHovered = LightColorTokens.colorAlphaGray200,
+    bgActionSecondaryPressed = LightColorTokens.colorAlphaGray300,
+    bgActionSecondaryRest = LightColorTokens.colorThemeBg,
+    bgBadgeAccent = LightColorTokens.colorAlphaGreen300,
+    bgBadgeDefault = LightColorTokens.colorAlphaGray300,
+    bgBadgeInfo = LightColorTokens.colorAlphaBlue300,
+    bgCanvasDefault = LightColorTokens.colorThemeBg,
+    bgCanvasDefaultLevel1 = LightColorTokens.colorThemeBg,
+    bgCanvasDisabled = LightColorTokens.colorGray200,
+    bgCriticalHovered = LightColorTokens.colorRed1000,
+    bgCriticalPrimary = LightColorTokens.colorRed900,
+    bgCriticalSubtle = LightColorTokens.colorRed200,
+    bgCriticalSubtleHovered = LightColorTokens.colorRed300,
+    bgDecorative1 = LightColorTokens.colorLime300,
+    bgDecorative2 = LightColorTokens.colorCyan300,
+    bgDecorative3 = LightColorTokens.colorFuchsia300,
+    bgDecorative4 = LightColorTokens.colorPurple300,
+    bgDecorative5 = LightColorTokens.colorPink300,
+    bgDecorative6 = LightColorTokens.colorOrange300,
+    bgInfoSubtle = LightColorTokens.colorBlue200,
+    bgSubtlePrimary = LightColorTokens.colorGray400,
+    bgSubtleSecondary = LightColorTokens.colorGray300,
+    bgSubtleSecondaryLevel0 = LightColorTokens.colorGray300,
+    bgSuccessSubtle = LightColorTokens.colorGreen200,
+    borderAccentSubtle = LightColorTokens.colorGreen700,
+    borderCriticalHovered = LightColorTokens.colorRed1000,
+    borderCriticalPrimary = LightColorTokens.colorRed900,
+    borderCriticalSubtle = LightColorTokens.colorRed500,
+    borderDisabled = LightColorTokens.colorGray500,
+    borderFocused = LightColorTokens.colorBlue900,
+    borderInfoSubtle = LightColorTokens.colorBlue700,
+    borderInteractiveHovered = LightColorTokens.colorGray1100,
+    borderInteractivePrimary = LightColorTokens.colorGray800,
+    borderInteractiveSecondary = LightColorTokens.colorGray600,
+    borderSuccessSubtle = LightColorTokens.colorGreen500,
+    gradientActionStop1 = LightColorTokens.colorGreen500,
+    gradientActionStop2 = LightColorTokens.colorGreen700,
+    gradientActionStop3 = LightColorTokens.colorGreen900,
+    gradientActionStop4 = LightColorTokens.colorGreen1100,
+    gradientInfoStop1 = LightColorTokens.colorAlphaBlue500,
+    gradientInfoStop2 = LightColorTokens.colorAlphaBlue400,
+    gradientInfoStop3 = LightColorTokens.colorAlphaBlue300,
+    gradientInfoStop4 = LightColorTokens.colorAlphaBlue200,
+    gradientInfoStop5 = LightColorTokens.colorAlphaBlue100,
+    gradientInfoStop6 = LightColorTokens.colorTransparent,
+    gradientSubtleStop1 = LightColorTokens.colorAlphaGreen500,
+    gradientSubtleStop2 = LightColorTokens.colorAlphaGreen400,
+    gradientSubtleStop3 = LightColorTokens.colorAlphaGreen300,
+    gradientSubtleStop4 = LightColorTokens.colorAlphaGreen200,
+    gradientSubtleStop5 = LightColorTokens.colorAlphaGreen100,
+    gradientSubtleStop6 = LightColorTokens.colorTransparent,
+    iconAccentPrimary = LightColorTokens.colorGreen900,
+    iconAccentTertiary = LightColorTokens.colorGreen800,
+    iconCriticalPrimary = LightColorTokens.colorRed900,
+    iconDisabled = LightColorTokens.colorGray700,
+    iconInfoPrimary = LightColorTokens.colorBlue900,
+    iconOnSolidPrimary = LightColorTokens.colorThemeBg,
+    iconPrimary = LightColorTokens.colorGray1400,
+    iconPrimaryAlpha = LightColorTokens.colorAlphaGray1400,
+    iconQuaternary = LightColorTokens.colorGray700,
+    iconQuaternaryAlpha = LightColorTokens.colorAlphaGray700,
+    iconSecondary = LightColorTokens.colorGray900,
+    iconSecondaryAlpha = LightColorTokens.colorAlphaGray900,
+    iconSuccessPrimary = LightColorTokens.colorGreen900,
+    iconTertiary = LightColorTokens.colorGray800,
+    iconTertiaryAlpha = LightColorTokens.colorAlphaGray800,
+    textActionAccent = LightColorTokens.colorGreen900,
+    textActionPrimary = LightColorTokens.colorGray1400,
+    textBadgeAccent = LightColorTokens.colorGreen1100,
+    textBadgeInfo = LightColorTokens.colorBlue1100,
+    textCriticalPrimary = LightColorTokens.colorRed900,
+    textDecorative1 = LightColorTokens.colorLime1100,
+    textDecorative2 = LightColorTokens.colorCyan1100,
+    textDecorative3 = LightColorTokens.colorFuchsia1100,
+    textDecorative4 = LightColorTokens.colorPurple1100,
+    textDecorative5 = LightColorTokens.colorPink1100,
+    textDecorative6 = LightColorTokens.colorOrange1100,
+    textDisabled = LightColorTokens.colorGray800,
+    textInfoPrimary = LightColorTokens.colorBlue900,
+    textLinkExternal = LightColorTokens.colorBlue900,
+    textOnSolidPrimary = LightColorTokens.colorThemeBg,
+    textPrimary = LightColorTokens.colorGray1400,
+    textSecondary = LightColorTokens.colorGray900,
+    textSuccessPrimary = LightColorTokens.colorGreen900,
+    isLight = true,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/SemanticColorsLightHc.kt

@@ -0,0 +1,122 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import io.element.android.compound.annotations.CoreColorToken
+import io.element.android.compound.tokens.generated.internal.LightHcColorTokens
+
+/**
+ * Semantic colors for the high contrast light Compound theme.
+ */
+@OptIn(CoreColorToken::class)
+val compoundColorsHcLight = SemanticColors(
+    bgAccentHovered = LightHcColorTokens.colorGreen1000,
+    bgAccentPressed = LightHcColorTokens.colorGreen1100,
+    bgAccentRest = LightHcColorTokens.colorGreen900,
+    bgAccentSelected = LightHcColorTokens.colorAlphaGreen300,
+    bgActionPrimaryDisabled = LightHcColorTokens.colorGray700,
+    bgActionPrimaryHovered = LightHcColorTokens.colorGray1200,
+    bgActionPrimaryPressed = LightHcColorTokens.colorGray1100,
+    bgActionPrimaryRest = LightHcColorTokens.colorGray1400,
+    bgActionSecondaryHovered = LightHcColorTokens.colorAlphaGray200,
+    bgActionSecondaryPressed = LightHcColorTokens.colorAlphaGray300,
+    bgActionSecondaryRest = LightHcColorTokens.colorThemeBg,
+    bgBadgeAccent = LightHcColorTokens.colorAlphaGreen300,
+    bgBadgeDefault = LightHcColorTokens.colorAlphaGray300,
+    bgBadgeInfo = LightHcColorTokens.colorAlphaBlue300,
+    bgCanvasDefault = LightHcColorTokens.colorThemeBg,
+    bgCanvasDefaultLevel1 = LightHcColorTokens.colorThemeBg,
+    bgCanvasDisabled = LightHcColorTokens.colorGray200,
+    bgCriticalHovered = LightHcColorTokens.colorRed1000,
+    bgCriticalPrimary = LightHcColorTokens.colorRed900,
+    bgCriticalSubtle = LightHcColorTokens.colorRed200,
+    bgCriticalSubtleHovered = LightHcColorTokens.colorRed300,
+    bgDecorative1 = LightHcColorTokens.colorLime300,
+    bgDecorative2 = LightHcColorTokens.colorCyan300,
+    bgDecorative3 = LightHcColorTokens.colorFuchsia300,
+    bgDecorative4 = LightHcColorTokens.colorPurple300,
+    bgDecorative5 = LightHcColorTokens.colorPink300,
+    bgDecorative6 = LightHcColorTokens.colorOrange300,
+    bgInfoSubtle = LightHcColorTokens.colorBlue200,
+    bgSubtlePrimary = LightHcColorTokens.colorGray400,
+    bgSubtleSecondary = LightHcColorTokens.colorGray300,
+    bgSubtleSecondaryLevel0 = LightHcColorTokens.colorGray300,
+    bgSuccessSubtle = LightHcColorTokens.colorGreen200,
+    borderAccentSubtle = LightHcColorTokens.colorGreen700,
+    borderCriticalHovered = LightHcColorTokens.colorRed1000,
+    borderCriticalPrimary = LightHcColorTokens.colorRed900,
+    borderCriticalSubtle = LightHcColorTokens.colorRed500,
+    borderDisabled = LightHcColorTokens.colorGray500,
+    borderFocused = LightHcColorTokens.colorBlue900,
+    borderInfoSubtle = LightHcColorTokens.colorBlue700,
+    borderInteractiveHovered = LightHcColorTokens.colorGray1100,
+    borderInteractivePrimary = LightHcColorTokens.colorGray800,
+    borderInteractiveSecondary = LightHcColorTokens.colorGray600,
+    borderSuccessSubtle = LightHcColorTokens.colorGreen500,
+    gradientActionStop1 = LightHcColorTokens.colorGreen500,
+    gradientActionStop2 = LightHcColorTokens.colorGreen700,
+    gradientActionStop3 = LightHcColorTokens.colorGreen900,
+    gradientActionStop4 = LightHcColorTokens.colorGreen1100,
+    gradientInfoStop1 = LightHcColorTokens.colorAlphaBlue500,
+    gradientInfoStop2 = LightHcColorTokens.colorAlphaBlue400,
+    gradientInfoStop3 = LightHcColorTokens.colorAlphaBlue300,
+    gradientInfoStop4 = LightHcColorTokens.colorAlphaBlue200,
+    gradientInfoStop5 = LightHcColorTokens.colorAlphaBlue100,
+    gradientInfoStop6 = LightHcColorTokens.colorTransparent,
+    gradientSubtleStop1 = LightHcColorTokens.colorAlphaGreen500,
+    gradientSubtleStop2 = LightHcColorTokens.colorAlphaGreen400,
+    gradientSubtleStop3 = LightHcColorTokens.colorAlphaGreen300,
+    gradientSubtleStop4 = LightHcColorTokens.colorAlphaGreen200,
+    gradientSubtleStop5 = LightHcColorTokens.colorAlphaGreen100,
+    gradientSubtleStop6 = LightHcColorTokens.colorTransparent,
+    iconAccentPrimary = LightHcColorTokens.colorGreen900,
+    iconAccentTertiary = LightHcColorTokens.colorGreen800,
+    iconCriticalPrimary = LightHcColorTokens.colorRed900,
+    iconDisabled = LightHcColorTokens.colorGray700,
+    iconInfoPrimary = LightHcColorTokens.colorBlue900,
+    iconOnSolidPrimary = LightHcColorTokens.colorThemeBg,
+    iconPrimary = LightHcColorTokens.colorGray1400,
+    iconPrimaryAlpha = LightHcColorTokens.colorAlphaGray1400,
+    iconQuaternary = LightHcColorTokens.colorGray700,
+    iconQuaternaryAlpha = LightHcColorTokens.colorAlphaGray700,
+    iconSecondary = LightHcColorTokens.colorGray900,
+    iconSecondaryAlpha = LightHcColorTokens.colorAlphaGray900,
+    iconSuccessPrimary = LightHcColorTokens.colorGreen900,
+    iconTertiary = LightHcColorTokens.colorGray800,
+    iconTertiaryAlpha = LightHcColorTokens.colorAlphaGray800,
+    textActionAccent = LightHcColorTokens.colorGreen900,
+    textActionPrimary = LightHcColorTokens.colorGray1400,
+    textBadgeAccent = LightHcColorTokens.colorGreen1100,
+    textBadgeInfo = LightHcColorTokens.colorBlue1100,
+    textCriticalPrimary = LightHcColorTokens.colorRed900,
+    textDecorative1 = LightHcColorTokens.colorLime1100,
+    textDecorative2 = LightHcColorTokens.colorCyan1100,
+    textDecorative3 = LightHcColorTokens.colorFuchsia1100,
+    textDecorative4 = LightHcColorTokens.colorPurple1100,
+    textDecorative5 = LightHcColorTokens.colorPink1100,
+    textDecorative6 = LightHcColorTokens.colorOrange1100,
+    textDisabled = LightHcColorTokens.colorGray800,
+    textInfoPrimary = LightHcColorTokens.colorBlue900,
+    textLinkExternal = LightHcColorTokens.colorBlue900,
+    textOnSolidPrimary = LightHcColorTokens.colorThemeBg,
+    textPrimary = LightHcColorTokens.colorGray1400,
+    textSecondary = LightHcColorTokens.colorGray900,
+    textSuccessPrimary = LightHcColorTokens.colorGreen900,
+    isLight = true,
+)

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/TypographyTokens.kt

@@ -0,0 +1,175 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated
+
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.em
+import androidx.compose.ui.unit.sp
+import androidx.compose.ui.text.PlatformTextStyle
+import androidx.compose.ui.text.style.LineHeightStyle
+
+object TypographyTokens {
+    val fontBodyLgMedium = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        lineHeight = 22.sp,
+        fontSize = 16.sp,
+        letterSpacing = 0.015625.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodyLgRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 22.sp,
+        fontSize = 16.sp,
+        letterSpacing = 0.015625.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodyMdMedium = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        lineHeight = 20.sp,
+        fontSize = 14.sp,
+        letterSpacing = 0.017857.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodyMdRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 20.sp,
+        fontSize = 14.sp,
+        letterSpacing = 0.017857.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodySmMedium = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        lineHeight = 17.sp,
+        fontSize = 12.sp,
+        letterSpacing = 0.033333.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodySmRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 17.sp,
+        fontSize = 12.sp,
+        letterSpacing = 0.033333.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodyXsMedium = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        lineHeight = 15.sp,
+        fontSize = 11.sp,
+        letterSpacing = 0.045454.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontBodyXsRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 15.sp,
+        fontSize = 11.sp,
+        letterSpacing = 0.045454.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingLgBold = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W700,
+        lineHeight = 34.sp,
+        fontSize = 28.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingLgRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 34.sp,
+        fontSize = 28.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingMdBold = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W700,
+        lineHeight = 27.sp,
+        fontSize = 22.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingMdRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 27.sp,
+        fontSize = 22.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingSmMedium = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        lineHeight = 25.sp,
+        fontSize = 20.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingSmRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 25.sp,
+        fontSize = 20.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingXlBold = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W700,
+        lineHeight = 41.sp,
+        fontSize = 34.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+    val fontHeadingXlRegular = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W400,
+        lineHeight = 41.sp,
+        fontSize = 34.sp,
+        letterSpacing = 0.em,
+        platformStyle = PlatformTextStyle(includeFontPadding = false),
+        lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
+    )
+}

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/internal/DarkColorTokens.kt

@@ -0,0 +1,336 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated.internal
+
+import androidx.compose.ui.graphics.Color
+import io.element.android.compound.annotations.CoreColorToken
+
+@CoreColorToken
+object DarkColorTokens {
+    val colorAlphaBlue100 = Color(0xff00055c)
+    val colorAlphaBlue1000 = Color(0xf062a0fe)
+    val colorAlphaBlue1100 = Color(0xf57cb2fd)
+    val colorAlphaBlue1200 = Color(0xf7a3c8ff)
+    val colorAlphaBlue1300 = Color(0xfccde1fe)
+    val colorAlphaBlue1400 = Color(0xffe6effe)
+    val colorAlphaBlue200 = Color(0xff00095c)
+    val colorAlphaBlue300 = Color(0xff001366)
+    val colorAlphaBlue400 = Color(0xff001e70)
+    val colorAlphaBlue500 = Color(0xa1003cbd)
+    val colorAlphaBlue600 = Color(0x87015afe)
+    val colorAlphaBlue700 = Color(0xa30665fe)
+    val colorAlphaBlue800 = Color(0xd61077fe)
+    val colorAlphaBlue900 = Color(0xeb4491fd)
+    val colorAlphaCyan100 = Color(0xff001142)
+    val colorAlphaCyan1000 = Color(0xe000bfe0)
+    val colorAlphaCyan1100 = Color(0xc926e7fd)
+    val colorAlphaCyan1200 = Color(0xd98af1ff)
+    val colorAlphaCyan1300 = Color(0xebc9f7fd)
+    val colorAlphaCyan1400 = Color(0xf5e1fbfe)
+    val colorAlphaCyan200 = Color(0xff001447)
+    val colorAlphaCyan300 = Color(0xff001b4d)
+    val colorAlphaCyan400 = Color(0xff00265c)
+    val colorAlphaCyan500 = Color(0xff003366)
+    val colorAlphaCyan600 = Color(0xff003f75)
+    val colorAlphaCyan700 = Color(0xff00538a)
+    val colorAlphaCyan800 = Color(0xe0007ebd)
+    val colorAlphaCyan900 = Color(0xff0091bd)
+    val colorAlphaFuchsia100 = Color(0xff28003d)
+    val colorAlphaFuchsia1000 = Color(0xd4f790fe)
+    val colorAlphaFuchsia1100 = Color(0xdbfaa4fe)
+    val colorAlphaFuchsia1200 = Color(0xe8fac3fe)
+    val colorAlphaFuchsia1300 = Color(0xf2fde0ff)
+    val colorAlphaFuchsia1400 = Color(0xfafdecfe)
+    val colorAlphaFuchsia200 = Color(0xff2d0042)
+    val colorAlphaFuchsia300 = Color(0xff36004d)
+    val colorAlphaFuchsia400 = Color(0xff45005c)
+    val colorAlphaFuchsia500 = Color(0x61ca0aff)
+    val colorAlphaFuchsia600 = Color(0x70d21fff)
+    val colorAlphaFuchsia700 = Color(0x8ad82ffe)
+    val colorAlphaFuchsia800 = Color(0xb5eb44fd)
+    val colorAlphaFuchsia900 = Color(0xccf172fd)
+    val colorAlphaGray100 = Color(0x05d8dbdf)
+    val colorAlphaGray1000 = Color(0x9ce1eefe)
+    val colorAlphaGray1100 = Color(0xade7f0fe)
+    val colorAlphaGray1200 = Color(0xc9edf4fc)
+    val colorAlphaGray1300 = Color(0xe3f2f7fd)
+    val colorAlphaGray1400 = Color(0xf2f6f9fe)
+    val colorAlphaGray200 = Color(0x0ad9c3df)
+    val colorAlphaGray300 = Color(0x0fe9dbf0)
+    val colorAlphaGray400 = Color(0x1aede7f4)
+    val colorAlphaGray500 = Color(0x26f4f7fa)
+    val colorAlphaGray600 = Color(0x33eceff8)
+    val colorAlphaGray700 = Color(0x45e7f1fd)
+    val colorAlphaGray800 = Color(0x69e0edff)
+    val colorAlphaGray900 = Color(0x8ae1effe)
+    val colorAlphaGreen100 = Color(0xff001f0c)
+    val colorAlphaGreen1000 = Color(0xa61bfebd)
+    val colorAlphaGreen1100 = Color(0xbd26fdbc)
+    val colorAlphaGreen1200 = Color(0xd486fdce)
+    val colorAlphaGreen1300 = Color(0xe8c4fde2)
+    val colorAlphaGreen1400 = Color(0xf5e2fdf1)
+    val colorAlphaGreen200 = Color(0xff001f0e)
+    val colorAlphaGreen300 = Color(0xff002412)
+    val colorAlphaGreen400 = Color(0xff002e1b)
+    val colorAlphaGreen500 = Color(0xff003d29)
+    val colorAlphaGreen600 = Color(0xff004732)
+    val colorAlphaGreen700 = Color(0xff005c45)
+    val colorAlphaGreen800 = Color(0xff007a62)
+    val colorAlphaGreen900 = Color(0x9412fdbe)
+    val colorAlphaLime100 = Color(0xff001a00)
+    val colorAlphaLime1000 = Color(0xa860fc2c)
+    val colorAlphaLime1100 = Color(0xbd71fd35)
+    val colorAlphaLime1200 = Color(0xd68dff5c)
+    val colorAlphaLime1300 = Color(0xebc3ffad)
+    val colorAlphaLime1400 = Color(0xf7e1fdd8)
+    val colorAlphaLime200 = Color(0xff001f00)
+    val colorAlphaLime300 = Color(0xff002900)
+    val colorAlphaLime400 = Color(0xff002e00)
+    val colorAlphaLime500 = Color(0xff003d00)
+    val colorAlphaLime600 = Color(0xff004d00)
+    val colorAlphaLime700 = Color(0xff005c00)
+    val colorAlphaLime800 = Color(0x732dfd0d)
+    val colorAlphaLime900 = Color(0x9454fd26)
+    val colorAlphaOrange100 = Color(0xff380000)
+    val colorAlphaOrange1000 = Color(0xebfe8310)
+    val colorAlphaOrange1100 = Color(0xf7fd953f)
+    val colorAlphaOrange1200 = Color(0xfcfdb781)
+    val colorAlphaOrange1300 = Color(0xffffd4b8)
+    val colorAlphaOrange1400 = Color(0xffffeadb)
+    val colorAlphaOrange200 = Color(0xff3d0000)
+    val colorAlphaOrange300 = Color(0xff470000)
+    val colorAlphaOrange400 = Color(0xff570000)
+    val colorAlphaOrange500 = Color(0xff700000)
+    val colorAlphaOrange600 = Color(0xff850400)
+    val colorAlphaOrange700 = Color(0xbdc72800)
+    val colorAlphaOrange800 = Color(0xb5ff5900)
+    val colorAlphaOrange900 = Color(0xd9fe740b)
+    val colorAlphaPink100 = Color(0xff38000f)
+    val colorAlphaPink1000 = Color(0xfaff6691)
+    val colorAlphaPink1100 = Color(0xfffe86a4)
+    val colorAlphaPink1200 = Color(0xffffadc0)
+    val colorAlphaPink1300 = Color(0xffffd1db)
+    val colorAlphaPink1400 = Color(0xffffebef)
+    val colorAlphaPink200 = Color(0xff3d0012)
+    val colorAlphaPink300 = Color(0xff470019)
+    val colorAlphaPink400 = Color(0xff570024)
+    val colorAlphaPink500 = Color(0xff6b0036)
+    val colorAlphaPink600 = Color(0x75fb0473)
+    val colorAlphaPink700 = Color(0x94fd1277)
+    val colorAlphaPink800 = Color(0xccfe1b79)
+    val colorAlphaPink900 = Color(0xf5fe4382)
+    val colorAlphaPurple100 = Color(0xff1a0057)
+    val colorAlphaPurple1000 = Color(0xfca28bfe)
+    val colorAlphaPurple1100 = Color(0xffab9afe)
+    val colorAlphaPurple1200 = Color(0xffc7bdff)
+    val colorAlphaPurple1300 = Color(0xffdfdbff)
+    val colorAlphaPurple1400 = Color(0xffeeebff)
+    val colorAlphaPurple200 = Color(0xff1d005c)
+    val colorAlphaPurple300 = Color(0xff22006b)
+    val colorAlphaPurple400 = Color(0xff2d0080)
+    val colorAlphaPurple500 = Color(0xff3d009e)
+    val colorAlphaPurple600 = Color(0xab690dfd)
+    val colorAlphaPurple700 = Color(0xc2712bfd)
+    val colorAlphaPurple800 = Color(0xeb7f4dff)
+    val colorAlphaPurple900 = Color(0xfa9271fe)
+    val colorAlphaRed100 = Color(0xff380000)
+    val colorAlphaRed1000 = Color(0xffff645c)
+    val colorAlphaRed1100 = Color(0xffff857a)
+    val colorAlphaRed1200 = Color(0xffffaea3)
+    val colorAlphaRed1300 = Color(0xffffd3cc)
+    val colorAlphaRed1400 = Color(0xffffe8e5)
+    val colorAlphaRed200 = Color(0xff3d0000)
+    val colorAlphaRed300 = Color(0xff470000)
+    val colorAlphaRed400 = Color(0xff5c0000)
+    val colorAlphaRed500 = Color(0xff700000)
+    val colorAlphaRed600 = Color(0xff850009)
+    val colorAlphaRed700 = Color(0x99fe0b24)
+    val colorAlphaRed800 = Color(0xcffe2530)
+    val colorAlphaRed900 = Color(0xfffd3d3a)
+    val colorAlphaYellow100 = Color(0xff380000)
+    val colorAlphaYellow1000 = Color(0xffcc8b00)
+    val colorAlphaYellow1100 = Color(0xffdba100)
+    val colorAlphaYellow1200 = Color(0xf0fdc50d)
+    val colorAlphaYellow1300 = Color(0xfffeda58)
+    val colorAlphaYellow1400 = Color(0xffffedb3)
+    val colorAlphaYellow200 = Color(0xff380300)
+    val colorAlphaYellow300 = Color(0xff420900)
+    val colorAlphaYellow400 = Color(0xff4d1400)
+    val colorAlphaYellow500 = Color(0xff5c2300)
+    val colorAlphaYellow600 = Color(0xde753300)
+    val colorAlphaYellow700 = Color(0xeb854200)
+    val colorAlphaYellow800 = Color(0xff9e5c00)
+    val colorAlphaYellow900 = Color(0xffbd7b00)
+    val colorBlue100 = Color(0xff00055a)
+    val colorBlue1000 = Color(0xff5e99f0)
+    val colorBlue1100 = Color(0xff7aacf4)
+    val colorBlue1200 = Color(0xffa1c4f8)
+    val colorBlue1300 = Color(0xffcbdffc)
+    val colorBlue1400 = Color(0xffe4eefe)
+    val colorBlue200 = Color(0xff00095d)
+    val colorBlue300 = Color(0xff001264)
+    val colorBlue400 = Color(0xff001e6f)
+    val colorBlue500 = Color(0xff062d80)
+    val colorBlue600 = Color(0xff083891)
+    val colorBlue700 = Color(0xff0b49ab)
+    val colorBlue800 = Color(0xff0e67d9)
+    val colorBlue900 = Color(0xff4187eb)
+    val colorCyan100 = Color(0xff001144)
+    val colorCyan1000 = Color(0xff02a7c6)
+    val colorCyan1100 = Color(0xff21bacd)
+    val colorCyan1200 = Color(0xff78d0dc)
+    val colorCyan1300 = Color(0xffb8e5eb)
+    val colorCyan1400 = Color(0xffdbf2f5)
+    val colorCyan200 = Color(0xff001448)
+    val colorCyan300 = Color(0xff001b4e)
+    val colorCyan400 = Color(0xff002559)
+    val colorCyan500 = Color(0xff003468)
+    val colorCyan600 = Color(0xff003f75)
+    val colorCyan700 = Color(0xff005188)
+    val colorCyan800 = Color(0xff0271aa)
+    val colorCyan900 = Color(0xff0093be)
+    val colorFuchsia100 = Color(0xff28003d)
+    val colorFuchsia1000 = Color(0xffcf78d7)
+    val colorFuchsia1100 = Color(0xffd991de)
+    val colorFuchsia1200 = Color(0xffe5b1e9)
+    val colorFuchsia1300 = Color(0xfff1d4f3)
+    val colorFuchsia1400 = Color(0xfff8e9f9)
+    val colorFuchsia200 = Color(0xff2e0044)
+    val colorFuchsia300 = Color(0xff37004e)
+    val colorFuchsia400 = Color(0xff46005e)
+    val colorFuchsia500 = Color(0xff560f6f)
+    val colorFuchsia600 = Color(0xff65177d)
+    val colorFuchsia700 = Color(0xff7d2394)
+    val colorFuchsia800 = Color(0xffaa36ba)
+    val colorFuchsia900 = Color(0xffc560cf)
+    val colorGray100 = Color(0xff14171b)
+    val colorGray1000 = Color(0xff9199a4)
+    val colorGray1100 = Color(0xffa3aab4)
+    val colorGray1200 = Color(0xffbdc3cc)
+    val colorGray1300 = Color(0xffd9dee4)
+    val colorGray1400 = Color(0xffebeef2)
+    val colorGray200 = Color(0xff181a1f)
+    val colorGray300 = Color(0xff1d1f24)
+    val colorGray400 = Color(0xff26282d)
+    val colorGray500 = Color(0xff323539)
+    val colorGray600 = Color(0xff3c3f44)
+    val colorGray700 = Color(0xff4a4f55)
+    val colorGray800 = Color(0xff656c76)
+    val colorGray900 = Color(0xff808994)
+    val colorGreen100 = Color(0xff001c0b)
+    val colorGreen1000 = Color(0xff17ac84)
+    val colorGreen1100 = Color(0xff1fc090)
+    val colorGreen1200 = Color(0xff72d5ae)
+    val colorGreen1300 = Color(0xffb5e8d1)
+    val colorGreen1400 = Color(0xffd9f4e7)
+    val colorGreen200 = Color(0xff001f0e)
+    val colorGreen300 = Color(0xff002513)
+    val colorGreen400 = Color(0xff002e1b)
+    val colorGreen500 = Color(0xff003d29)
+    val colorGreen600 = Color(0xff004832)
+    val colorGreen700 = Color(0xff005a43)
+    val colorGreen800 = Color(0xff007a62)
+    val colorGreen900 = Color(0xff129a78)
+    val colorLime100 = Color(0xff001b00)
+    val colorLime1000 = Color(0xff47ad26)
+    val colorLime1100 = Color(0xff56c02c)
+    val colorLime1200 = Color(0xff77d94f)
+    val colorLime1300 = Color(0xffb6eca3)
+    val colorLime1400 = Color(0xffdaf6d0)
+    val colorLime200 = Color(0xff002000)
+    val colorLime300 = Color(0xff002600)
+    val colorLime400 = Color(0xff003000)
+    val colorLime500 = Color(0xff003e00)
+    val colorLime600 = Color(0xff004a00)
+    val colorLime700 = Color(0xff005c00)
+    val colorLime800 = Color(0xff1d7c13)
+    val colorLime900 = Color(0xff389b20)
+    val colorOrange100 = Color(0xff380000)
+    val colorOrange1000 = Color(0xffeb7a12)
+    val colorOrange1100 = Color(0xfff6913d)
+    val colorOrange1200 = Color(0xfffbb37e)
+    val colorOrange1300 = Color(0xffffd5b9)
+    val colorOrange1400 = Color(0xffffeadb)
+    val colorOrange200 = Color(0xff3c0000)
+    val colorOrange300 = Color(0xff470000)
+    val colorOrange400 = Color(0xff580000)
+    val colorOrange500 = Color(0xff710000)
+    val colorOrange600 = Color(0xff830500)
+    val colorOrange700 = Color(0xff972206)
+    val colorOrange800 = Color(0xffb94607)
+    val colorOrange900 = Color(0xffda670d)
+    val colorPink100 = Color(0xff37000f)
+    val colorPink1000 = Color(0xfffa658f)
+    val colorPink1100 = Color(0xfffe84a2)
+    val colorPink1200 = Color(0xffffabbe)
+    val colorPink1300 = Color(0xffffd2dc)
+    val colorPink1400 = Color(0xffffe8ed)
+    val colorPink200 = Color(0xff3c0012)
+    val colorPink300 = Color(0xff450018)
+    val colorPink400 = Color(0xff550024)
+    val colorPink500 = Color(0xff6d0036)
+    val colorPink600 = Color(0xff7c0c41)
+    val colorPink700 = Color(0xff99114f)
+    val colorPink800 = Color(0xffce1865)
+    val colorPink900 = Color(0xfff4427d)
+    val colorPurple100 = Color(0xff1a0055)
+    val colorPurple1000 = Color(0xff9e87fc)
+    val colorPurple1100 = Color(0xffad9cfe)
+    val colorPurple1200 = Color(0xffc4baff)
+    val colorPurple1300 = Color(0xffdedaff)
+    val colorPurple1400 = Color(0xffeeebff)
+    val colorPurple200 = Color(0xff1c005a)
+    val colorPurple300 = Color(0xff22006a)
+    val colorPurple400 = Color(0xff2c0080)
+    val colorPurple500 = Color(0xff3d009e)
+    val colorPurple600 = Color(0xff4a0db1)
+    val colorPurple700 = Color(0xff5a27c6)
+    val colorPurple800 = Color(0xff7849ec)
+    val colorPurple900 = Color(0xff9171f9)
+    val colorRed100 = Color(0xff370000)
+    val colorRed1000 = Color(0xffff665d)
+    val colorRed1100 = Color(0xffff877c)
+    val colorRed1200 = Color(0xffffaea4)
+    val colorRed1300 = Color(0xffffd4cd)
+    val colorRed1400 = Color(0xffffe9e6)
+    val colorRed200 = Color(0xff3e0000)
+    val colorRed300 = Color(0xff470000)
+    val colorRed400 = Color(0xff590000)
+    val colorRed500 = Color(0xff710000)
+    val colorRed600 = Color(0xff830009)
+    val colorRed700 = Color(0xff9f0d1e)
+    val colorRed800 = Color(0xffd1212a)
+    val colorRed900 = Color(0xfffd3e3c)
+    val colorThemeBg = Color(0xff101317)
+    val colorTransparent = Color(0x00000000)
+    val colorYellow100 = Color(0xff360000)
+    val colorYellow1000 = Color(0xffcc8c00)
+    val colorYellow1100 = Color(0xffdb9f00)
+    val colorYellow1200 = Color(0xffefbb0b)
+    val colorYellow1300 = Color(0xfffedb58)
+    val colorYellow1400 = Color(0xffffedb1)
+    val colorYellow200 = Color(0xff3a0300)
+    val colorYellow300 = Color(0xff410900)
+    val colorYellow400 = Color(0xff4c1400)
+    val colorYellow500 = Color(0xff5c2400)
+    val colorYellow600 = Color(0xff682e03)
+    val colorYellow700 = Color(0xff7c3e02)
+    val colorYellow800 = Color(0xff9d5b00)
+    val colorYellow900 = Color(0xffbc7a00)
+}

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/internal/DarkHcColorTokens.kt

@@ -0,0 +1,336 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated.internal
+
+import androidx.compose.ui.graphics.Color
+import io.element.android.compound.annotations.CoreColorToken
+
+@CoreColorToken
+object DarkHcColorTokens {
+    val colorAlphaBlue100 = Color(0xff00095c)
+    val colorAlphaBlue1000 = Color(0xf79ec5ff)
+    val colorAlphaBlue1100 = Color(0xfab8d4ff)
+    val colorAlphaBlue1200 = Color(0xfcc8defe)
+    val colorAlphaBlue1300 = Color(0xffe6effe)
+    val colorAlphaBlue1400 = Color(0xfff1f6fe)
+    val colorAlphaBlue200 = Color(0xff001366)
+    val colorAlphaBlue300 = Color(0xff001e70)
+    val colorAlphaBlue400 = Color(0xd1002b8f)
+    val colorAlphaBlue500 = Color(0x87015afe)
+    val colorAlphaBlue600 = Color(0xa30665fe)
+    val colorAlphaBlue700 = Color(0xcf0d71fd)
+    val colorAlphaBlue800 = Color(0xe83488fe)
+    val colorAlphaBlue900 = Color(0xf78bb9fd)
+    val colorAlphaCyan100 = Color(0xff001447)
+    val colorAlphaCyan1000 = Color(0xd67beffe)
+    val colorAlphaCyan1100 = Color(0xe0a4f4fe)
+    val colorAlphaCyan1200 = Color(0xe8bef5fe)
+    val colorAlphaCyan1300 = Color(0xf5e1fbfe)
+    val colorAlphaCyan1400 = Color(0xfaf1fdfe)
+    val colorAlphaCyan200 = Color(0xff001b4d)
+    val colorAlphaCyan300 = Color(0xff00265c)
+    val colorAlphaCyan400 = Color(0xff002d61)
+    val colorAlphaCyan500 = Color(0xff003f75)
+    val colorAlphaCyan600 = Color(0xff00538a)
+    val colorAlphaCyan700 = Color(0xff006da3)
+    val colorAlphaCyan800 = Color(0xff008ebd)
+    val colorAlphaCyan900 = Color(0xcf52edfe)
+    val colorAlphaFuchsia100 = Color(0xff2d0042)
+    val colorAlphaFuchsia1000 = Color(0xe6fabefe)
+    val colorAlphaFuchsia1100 = Color(0xedfacefd)
+    val colorAlphaFuchsia1200 = Color(0xf2fcd7fe)
+    val colorAlphaFuchsia1300 = Color(0xfafdecfe)
+    val colorAlphaFuchsia1400 = Color(0xfcfdf2fd)
+    val colorAlphaFuchsia200 = Color(0xff36004d)
+    val colorAlphaFuchsia300 = Color(0xff45005c)
+    val colorAlphaFuchsia400 = Color(0xd95a0075)
+    val colorAlphaFuchsia500 = Color(0x70d21fff)
+    val colorAlphaFuchsia600 = Color(0x8ad82ffe)
+    val colorAlphaFuchsia700 = Color(0xade640fc)
+    val colorAlphaFuchsia800 = Color(0xc7f467fe)
+    val colorAlphaFuchsia900 = Color(0xe0f9b3ff)
+    val colorAlphaGray100 = Color(0x0ad9c3df)
+    val colorAlphaGray1000 = Color(0xc2f0f7ff)
+    val colorAlphaGray1100 = Color(0xd1f0f7ff)
+    val colorAlphaGray1200 = Color(0xe0f1f6fd)
+    val colorAlphaGray1300 = Color(0xf2f6f9fe)
+    val colorAlphaGray1400 = Color(0xf7fbfdfe)
+    val colorAlphaGray200 = Color(0x0fe9dbf0)
+    val colorAlphaGray300 = Color(0x1aede7f4)
+    val colorAlphaGray400 = Color(0x21e1e4ef)
+    val colorAlphaGray500 = Color(0x33eceff8)
+    val colorAlphaGray600 = Color(0x45e7f1fd)
+    val colorAlphaGray700 = Color(0x63dfebfb)
+    val colorAlphaGray800 = Color(0x82dceafe)
+    val colorAlphaGray900 = Color(0xb8ecf4fe)
+    val colorAlphaGreen100 = Color(0xff001f0e)
+    val colorAlphaGreen1000 = Color(0xcf75ffc8)
+    val colorAlphaGreen1100 = Color(0xdba4fed7)
+    val colorAlphaGreen1200 = Color(0xe6bffde1)
+    val colorAlphaGreen1300 = Color(0xf5e2fdf1)
+    val colorAlphaGreen1400 = Color(0xfaedfdf5)
+    val colorAlphaGreen200 = Color(0xff002412)
+    val colorAlphaGreen300 = Color(0xff002e1b)
+    val colorAlphaGreen400 = Color(0xff003824)
+    val colorAlphaGreen500 = Color(0xff004732)
+    val colorAlphaGreen600 = Color(0xff005c45)
+    val colorAlphaGreen700 = Color(0xff00755e)
+    val colorAlphaGreen800 = Color(0x8a12fdc2)
+    val colorAlphaGreen900 = Color(0xc740fcba)
+    val colorAlphaLime100 = Color(0xff001f00)
+    val colorAlphaLime1000 = Color(0xd47bfe3e)
+    val colorAlphaLime1100 = Color(0xe0a4fd81)
+    val colorAlphaLime1200 = Color(0xe8c1fea9)
+    val colorAlphaLime1300 = Color(0xf7e1fdd8)
+    val colorAlphaLime1400 = Color(0xfaedfee7)
+    val colorAlphaLime200 = Color(0xff002900)
+    val colorAlphaLime300 = Color(0xff002e00)
+    val colorAlphaLime400 = Color(0xff003800)
+    val colorAlphaLime500 = Color(0xff004d00)
+    val colorAlphaLime600 = Color(0xff005c00)
+    val colorAlphaLime700 = Color(0x6b23ff0a)
+    val colorAlphaLime800 = Color(0x8c4dfe25)
+    val colorAlphaLime900 = Color(0xc774fe34)
+    val colorAlphaOrange100 = Color(0xff3d0000)
+    val colorAlphaOrange1000 = Color(0xfaffb175)
+    val colorAlphaOrange1100 = Color(0xfffdc196)
+    val colorAlphaOrange1200 = Color(0xfffed1b3)
+    val colorAlphaOrange1300 = Color(0xffffeadb)
+    val colorAlphaOrange1400 = Color(0xfffff2eb)
+    val colorAlphaOrange200 = Color(0xff470000)
+    val colorAlphaOrange300 = Color(0xff570000)
+    val colorAlphaOrange400 = Color(0xff660000)
+    val colorAlphaOrange500 = Color(0xff850400)
+    val colorAlphaOrange600 = Color(0xbdc72800)
+    val colorAlphaOrange700 = Color(0xb3fa5300)
+    val colorAlphaOrange800 = Color(0xcffe7206)
+    val colorAlphaOrange900 = Color(0xfafda058)
+    val colorAlphaPink100 = Color(0xff3d0012)
+    val colorAlphaPink1000 = Color(0xffffa3b9)
+    val colorAlphaPink1100 = Color(0xffffbdcb)
+    val colorAlphaPink1200 = Color(0xffffccd7)
+    val colorAlphaPink1300 = Color(0xffffebef)
+    val colorAlphaPink1400 = Color(0xfffff0f3)
+    val colorAlphaPink200 = Color(0xff470019)
+    val colorAlphaPink300 = Color(0xff570024)
+    val colorAlphaPink400 = Color(0xff61002d)
+    val colorAlphaPink500 = Color(0x75fb0473)
+    val colorAlphaPink600 = Color(0x94fd1277)
+    val colorAlphaPink700 = Color(0xc2fe1b79)
+    val colorAlphaPink800 = Color(0xf2fd2b78)
+    val colorAlphaPink900 = Color(0xffff94ad)
+    val colorAlphaPurple100 = Color(0xff1d005c)
+    val colorAlphaPurple1000 = Color(0xffc2b8ff)
+    val colorAlphaPurple1100 = Color(0xffcec7ff)
+    val colorAlphaPurple1200 = Color(0xffdbd6ff)
+    val colorAlphaPurple1300 = Color(0xffeeebff)
+    val colorAlphaPurple1400 = Color(0xfff6f5ff)
+    val colorAlphaPurple200 = Color(0xff22006b)
+    val colorAlphaPurple300 = Color(0xff2d0080)
+    val colorAlphaPurple400 = Color(0xff34008f)
+    val colorAlphaPurple500 = Color(0xab690dfd)
+    val colorAlphaPurple600 = Color(0xc2712bfd)
+    val colorAlphaPurple700 = Color(0xe67f49fd)
+    val colorAlphaPurple800 = Color(0xf7906bff)
+    val colorAlphaPurple900 = Color(0xffb7a8ff)
+    val colorAlphaRed100 = Color(0xff3d0000)
+    val colorAlphaRed1000 = Color(0xffffa89e)
+    val colorAlphaRed1100 = Color(0xffffbfb8)
+    val colorAlphaRed1200 = Color(0xffffcec7)
+    val colorAlphaRed1300 = Color(0xffffe8e5)
+    val colorAlphaRed1400 = Color(0xfffff3f0)
+    val colorAlphaRed200 = Color(0xff470000)
+    val colorAlphaRed300 = Color(0xff5c0000)
+    val colorAlphaRed400 = Color(0xff660000)
+    val colorAlphaRed500 = Color(0xff850009)
+    val colorAlphaRed600 = Color(0x99fe0b24)
+    val colorAlphaRed700 = Color(0xc4ff242f)
+    val colorAlphaRed800 = Color(0xf5ff2e31)
+    val colorAlphaRed900 = Color(0xffff988f)
+    val colorAlphaYellow100 = Color(0xff380300)
+    val colorAlphaYellow1000 = Color(0xebfec406)
+    val colorAlphaYellow1100 = Color(0xf7fecf16)
+    val colorAlphaYellow1200 = Color(0xfffed634)
+    val colorAlphaYellow1300 = Color(0xffffedb3)
+    val colorAlphaYellow1400 = Color(0xfffff4d1)
+    val colorAlphaYellow200 = Color(0xff420900)
+    val colorAlphaYellow300 = Color(0xff4d1400)
+    val colorAlphaYellow400 = Color(0xff571e00)
+    val colorAlphaYellow500 = Color(0xde753300)
+    val colorAlphaYellow600 = Color(0xeb854200)
+    val colorAlphaYellow700 = Color(0xff995700)
+    val colorAlphaYellow800 = Color(0xffb37100)
+    val colorAlphaYellow900 = Color(0xffe6ac00)
+    val colorBlue100 = Color(0xff00095d)
+    val colorBlue1000 = Color(0xff9ac0f8)
+    val colorBlue1100 = Color(0xffb2cffa)
+    val colorBlue1200 = Color(0xffc5dbfc)
+    val colorBlue1300 = Color(0xffe4eefe)
+    val colorBlue1400 = Color(0xffeff5fe)
+    val colorBlue200 = Color(0xff001264)
+    val colorBlue300 = Color(0xff001e6f)
+    val colorBlue400 = Color(0xff032677)
+    val colorBlue500 = Color(0xff083891)
+    val colorBlue600 = Color(0xff0b49ab)
+    val colorBlue700 = Color(0xff0e61d1)
+    val colorBlue800 = Color(0xff337fe9)
+    val colorBlue900 = Color(0xff89b5f6)
+    val colorCyan100 = Color(0xff001448)
+    val colorCyan1000 = Color(0xff6bccd9)
+    val colorCyan1100 = Color(0xff93d9e2)
+    val colorCyan1200 = Color(0xffafe2e9)
+    val colorCyan1300 = Color(0xffdbf2f5)
+    val colorCyan1400 = Color(0xffeaf7f9)
+    val colorCyan200 = Color(0xff001b4e)
+    val colorCyan300 = Color(0xff002559)
+    val colorCyan400 = Color(0xff002d61)
+    val colorCyan500 = Color(0xff003f75)
+    val colorCyan600 = Color(0xff005188)
+    val colorCyan700 = Color(0xff006ca4)
+    val colorCyan800 = Color(0xff008aba)
+    val colorCyan900 = Color(0xff46c3d2)
+    val colorFuchsia100 = Color(0xff2e0044)
+    val colorFuchsia1000 = Color(0xffe3abe7)
+    val colorFuchsia1100 = Color(0xffeac0ed)
+    val colorFuchsia1200 = Color(0xfff0cff2)
+    val colorFuchsia1300 = Color(0xfff8e9f9)
+    val colorFuchsia1400 = Color(0xfffbf1fb)
+    val colorFuchsia200 = Color(0xff37004e)
+    val colorFuchsia300 = Color(0xff46005e)
+    val colorFuchsia400 = Color(0xff4f0368)
+    val colorFuchsia500 = Color(0xff65177d)
+    val colorFuchsia600 = Color(0xff7d2394)
+    val colorFuchsia700 = Color(0xffa233b3)
+    val colorFuchsia800 = Color(0xffc153cb)
+    val colorFuchsia900 = Color(0xffdd9de3)
+    val colorGray100 = Color(0xff181a1f)
+    val colorGray1000 = Color(0xffb8bfc7)
+    val colorGray1100 = Color(0xffc8ced5)
+    val colorGray1200 = Color(0xffd5dae1)
+    val colorGray1300 = Color(0xffebeef2)
+    val colorGray1400 = Color(0xfff2f5f7)
+    val colorGray200 = Color(0xff1d1f24)
+    val colorGray300 = Color(0xff26282d)
+    val colorGray400 = Color(0xff2b2e33)
+    val colorGray500 = Color(0xff3c3f44)
+    val colorGray600 = Color(0xff4a4f55)
+    val colorGray700 = Color(0xff606770)
+    val colorGray800 = Color(0xff79818d)
+    val colorGray900 = Color(0xffacb4bd)
+    val colorGreen100 = Color(0xff001f0e)
+    val colorGreen1000 = Color(0xff61d2a6)
+    val colorGreen1100 = Color(0xff8fddbc)
+    val colorGreen1200 = Color(0xfface6cc)
+    val colorGreen1300 = Color(0xffd9f4e7)
+    val colorGreen1400 = Color(0xffe9f8f1)
+    val colorGreen200 = Color(0xff002513)
+    val colorGreen300 = Color(0xff002e1b)
+    val colorGreen400 = Color(0xff003622)
+    val colorGreen500 = Color(0xff004832)
+    val colorGreen600 = Color(0xff005a43)
+    val colorGreen700 = Color(0xff00745c)
+    val colorGreen800 = Color(0xff109173)
+    val colorGreen900 = Color(0xff37c998)
+    val colorLime100 = Color(0xff002000)
+    val colorLime1000 = Color(0xff6ad639)
+    val colorLime1100 = Color(0xff92e175)
+    val colorLime1200 = Color(0xffafe99a)
+    val colorLime1300 = Color(0xffdaf6d0)
+    val colorLime1400 = Color(0xffe9f9e3)
+    val colorLime200 = Color(0xff002600)
+    val colorLime300 = Color(0xff003000)
+    val colorLime400 = Color(0xff003700)
+    val colorLime500 = Color(0xff004a00)
+    val colorLime600 = Color(0xff005c00)
+    val colorLime700 = Color(0xff187611)
+    val colorLime800 = Color(0xff31941d)
+    val colorLime900 = Color(0xff5eca2f)
+    val colorOrange100 = Color(0xff3c0000)
+    val colorOrange1000 = Color(0xfffaad73)
+    val colorOrange1100 = Color(0xfffdc197)
+    val colorOrange1200 = Color(0xfffed0b1)
+    val colorOrange1300 = Color(0xffffeadb)
+    val colorOrange1400 = Color(0xfffff2ea)
+    val colorOrange200 = Color(0xff470000)
+    val colorOrange300 = Color(0xff580000)
+    val colorOrange400 = Color(0xff650000)
+    val colorOrange500 = Color(0xff830500)
+    val colorOrange600 = Color(0xff972206)
+    val colorOrange700 = Color(0xffb44007)
+    val colorOrange800 = Color(0xffd15f0b)
+    val colorOrange900 = Color(0xfff89d58)
+    val colorPink100 = Color(0xff3c0012)
+    val colorPink1000 = Color(0xffffa4b9)
+    val colorPink1100 = Color(0xffffbbca)
+    val colorPink1200 = Color(0xffffccd7)
+    val colorPink1300 = Color(0xffffe8ed)
+    val colorPink1400 = Color(0xfffff1f4)
+    val colorPink200 = Color(0xff450018)
+    val colorPink300 = Color(0xff550024)
+    val colorPink400 = Color(0xff61002d)
+    val colorPink500 = Color(0xff7c0c41)
+    val colorPink600 = Color(0xff99114f)
+    val colorPink700 = Color(0xffc51761)
+    val colorPink800 = Color(0xfff12c75)
+    val colorPink900 = Color(0xffff92ac)
+    val colorPurple100 = Color(0xff1c005a)
+    val colorPurple1000 = Color(0xffc0b5ff)
+    val colorPurple1100 = Color(0xffcec7ff)
+    val colorPurple1200 = Color(0xffdad5ff)
+    val colorPurple1300 = Color(0xffeeebff)
+    val colorPurple1400 = Color(0xfff5f3ff)
+    val colorPurple200 = Color(0xff22006a)
+    val colorPurple300 = Color(0xff2c0080)
+    val colorPurple400 = Color(0xff350090)
+    val colorPurple500 = Color(0xff4a0db1)
+    val colorPurple600 = Color(0xff5a27c6)
+    val colorPurple700 = Color(0xff7343e6)
+    val colorPurple800 = Color(0xff8b66f8)
+    val colorPurple900 = Color(0xffb6a7ff)
+    val colorRed100 = Color(0xff3e0000)
+    val colorRed1000 = Color(0xffffa79d)
+    val colorRed1100 = Color(0xffffbdb5)
+    val colorRed1200 = Color(0xffffcfc8)
+    val colorRed1300 = Color(0xffffe9e6)
+    val colorRed1400 = Color(0xfffff2ef)
+    val colorRed200 = Color(0xff470000)
+    val colorRed300 = Color(0xff590000)
+    val colorRed400 = Color(0xff640000)
+    val colorRed500 = Color(0xff830009)
+    val colorRed600 = Color(0xff9f0d1e)
+    val colorRed700 = Color(0xffc81e28)
+    val colorRed800 = Color(0xfff52f33)
+    val colorRed900 = Color(0xffff968c)
+    val colorThemeBg = Color(0xff101317)
+    val colorTransparent = Color(0x00000000)
+    val colorYellow100 = Color(0xff3a0300)
+    val colorYellow1000 = Color(0xffebb607)
+    val colorYellow1100 = Color(0xfff7c816)
+    val colorYellow1200 = Color(0xfffed632)
+    val colorYellow1300 = Color(0xffffedb1)
+    val colorYellow1400 = Color(0xfffff4d0)
+    val colorYellow200 = Color(0xff410900)
+    val colorYellow300 = Color(0xff4c1400)
+    val colorYellow400 = Color(0xff541d00)
+    val colorYellow500 = Color(0xff682e03)
+    val colorYellow600 = Color(0xff7c3e02)
+    val colorYellow700 = Color(0xff985600)
+    val colorYellow800 = Color(0xffb47200)
+    val colorYellow900 = Color(0xffe3aa00)
+}

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/internal/LightColorTokens.kt

@@ -0,0 +1,336 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated.internal
+
+import androidx.compose.ui.graphics.Color
+import io.element.android.compound.annotations.CoreColorToken
+
+@CoreColorToken
+object LightColorTokens {
+    val colorAlphaBlue100 = Color(0x08389cff)
+    val colorAlphaBlue1000 = Color(0xfc0256c5)
+    val colorAlphaBlue1100 = Color(0xfa0148b2)
+    val colorAlphaBlue1200 = Color(0xfc013693)
+    val colorAlphaBlue1300 = Color(0xff012579)
+    val colorAlphaBlue1400 = Color(0xff000e66)
+    val colorAlphaBlue200 = Color(0x0d2474ff)
+    val colorAlphaBlue300 = Color(0x170a70ff)
+    val colorAlphaBlue400 = Color(0x290b6af9)
+    val colorAlphaBlue500 = Color(0x47096cf6)
+    val colorAlphaBlue600 = Color(0x5e0663ef)
+    val colorAlphaBlue700 = Color(0x820264ed)
+    val colorAlphaBlue800 = Color(0xbf0062eb)
+    val colorAlphaBlue900 = Color(0xfc0165df)
+    val colorAlphaCyan100 = Color(0x0816bbbb)
+    val colorAlphaCyan1000 = Color(0xff00649e)
+    val colorAlphaCyan1100 = Color(0xff00568f)
+    val colorAlphaCyan1200 = Color(0xff003f75)
+    val colorAlphaCyan1300 = Color(0xff002c61)
+    val colorAlphaCyan1400 = Color(0xff001a52)
+    val colorAlphaCyan200 = Color(0x0f16abbb)
+    val colorAlphaCyan300 = Color(0x1c00a8c2)
+    val colorAlphaCyan400 = Color(0x3800aabd)
+    val colorAlphaCyan500 = Color(0x6605abbd)
+    val colorAlphaCyan600 = Color(0x8a01aac1)
+    val colorAlphaCyan700 = Color(0xeb01b7cb)
+    val colorAlphaCyan800 = Color(0xff0095c2)
+    val colorAlphaCyan900 = Color(0xff0074ad)
+    val colorAlphaFuchsia100 = Color(0x05cc05cc)
+    val colorAlphaFuchsia1000 = Color(0xd6820198)
+    val colorAlphaFuchsia1100 = Color(0xe073038c)
+    val colorAlphaFuchsia1200 = Color(0xed5d0279)
+    val colorAlphaFuchsia1300 = Color(0xff4d0066)
+    val colorAlphaFuchsia1400 = Color(0xff34004d)
+    val colorAlphaFuchsia200 = Color(0x0ab505cc)
+    val colorAlphaFuchsia300 = Color(0x12b60cc6)
+    val colorAlphaFuchsia400 = Color(0x21bd09c3)
+    val colorAlphaFuchsia500 = Color(0x3bb407c0)
+    val colorAlphaFuchsia600 = Color(0x4fb207bb)
+    val colorAlphaFuchsia700 = Color(0x6eaa04b9)
+    val colorAlphaFuchsia800 = Color(0xa3ab03ba)
+    val colorAlphaFuchsia900 = Color(0xcc9900ad)
+    val colorAlphaGray100 = Color(0x0536699b)
+    val colorAlphaGray1000 = Color(0xa8030c1b)
+    val colorAlphaGray1100 = Color(0xb5030b16)
+    val colorAlphaGray1200 = Color(0xc402070d)
+    val colorAlphaGray1300 = Color(0xd603050c)
+    val colorAlphaGray1400 = Color(0xe6020408)
+    val colorAlphaGray200 = Color(0x0a366881)
+    val colorAlphaGray300 = Color(0x0f052657)
+    val colorAlphaGray400 = Color(0x1f052e61)
+    val colorAlphaGray500 = Color(0x33052448)
+    val colorAlphaGray600 = Color(0x42011d3c)
+    val colorAlphaGray700 = Color(0x59011532)
+    val colorAlphaGray800 = Color(0x8003152b)
+    val colorAlphaGray900 = Color(0x9c031021)
+    val colorAlphaGreen100 = Color(0x0816bb79)
+    val colorAlphaGreen1000 = Color(0xff006b52)
+    val colorAlphaGreen1100 = Color(0xff005c45)
+    val colorAlphaGreen1200 = Color(0xff004732)
+    val colorAlphaGreen1300 = Color(0xff00331f)
+    val colorAlphaGreen1400 = Color(0xff002411)
+    val colorAlphaGreen200 = Color(0x0f16bb69)
+    val colorAlphaGreen300 = Color(0x1c00b85c)
+    val colorAlphaGreen400 = Color(0x3b07b661)
+    val colorAlphaGreen500 = Color(0x6904b96a)
+    val colorAlphaGreen600 = Color(0x8f01b76e)
+    val colorAlphaGreen700 = Color(0xf501c18a)
+    val colorAlphaGreen800 = Color(0xff009975)
+    val colorAlphaGreen900 = Color(0xff007a62)
+    val colorAlphaLime100 = Color(0x0a4fcd1d)
+    val colorAlphaLime1000 = Color(0xff007000)
+    val colorAlphaLime1100 = Color(0xff006100)
+    val colorAlphaLime1200 = Color(0xff004d00)
+    val colorAlphaLime1300 = Color(0xff003800)
+    val colorAlphaLime1400 = Color(0xff002400)
+    val colorAlphaLime200 = Color(0x1238d40c)
+    val colorAlphaLime300 = Color(0x262ecf02)
+    val colorAlphaLime400 = Color(0x473ace09)
+    val colorAlphaLime500 = Color(0x8237ca02)
+    val colorAlphaLime600 = Color(0xb540ce03)
+    val colorAlphaLime700 = Color(0xdb39bd00)
+    val colorAlphaLime800 = Color(0xe8209301)
+    val colorAlphaLime900 = Color(0xf5107902)
+    val colorAlphaOrange100 = Color(0x0aff8138)
+    val colorAlphaOrange1000 = Color(0xffad3400)
+    val colorAlphaOrange1100 = Color(0xff992100)
+    val colorAlphaOrange1200 = Color(0xff850000)
+    val colorAlphaOrange1300 = Color(0xff610000)
+    val colorAlphaOrange1400 = Color(0xff470000)
+    val colorAlphaOrange200 = Color(0x12ff7d1a)
+    val colorAlphaOrange300 = Color(0x1cff6c0a)
+    val colorAlphaOrange400 = Color(0x38ff6d05)
+    val colorAlphaOrange500 = Color(0x5eff6a00)
+    val colorAlphaOrange600 = Color(0x85fc6f03)
+    val colorAlphaOrange700 = Color(0xbff56e00)
+    val colorAlphaOrange800 = Color(0xffdb6600)
+    val colorAlphaOrange900 = Color(0xffbd4500)
+    val colorAlphaPink100 = Color(0x05ff0537)
+    val colorAlphaPink1000 = Color(0xf7b60256)
+    val colorAlphaPink1100 = Color(0xf79e004c)
+    val colorAlphaPink1200 = Color(0xfa79013d)
+    val colorAlphaPink1300 = Color(0xff61002c)
+    val colorAlphaPink1400 = Color(0xff420017)
+    val colorAlphaPink200 = Color(0x0aff0537)
+    val colorAlphaPink300 = Color(0x14ff1447)
+    val colorAlphaPink400 = Color(0x21ff0037)
+    val colorAlphaPink500 = Color(0x3dff0037)
+    val colorAlphaPink600 = Color(0x54ff053f)
+    val colorAlphaPink700 = Color(0x78ff0040)
+    val colorAlphaPink800 = Color(0xbff50052)
+    val colorAlphaPink900 = Color(0xf5cf025e)
+    val colorAlphaPurple100 = Color(0x053838ff)
+    val colorAlphaPurple1000 = Color(0xc94502d4)
+    val colorAlphaPurple1100 = Color(0xdb4303c4)
+    val colorAlphaPurple1200 = Color(0xfc4a02b6)
+    val colorAlphaPurple1300 = Color(0xff34008f)
+    val colorAlphaPurple1400 = Color(0xff200066)
+    val colorAlphaPurple200 = Color(0x0a5338ff)
+    val colorAlphaPurple300 = Color(0x12381aff)
+    val colorAlphaPurple400 = Color(0x1f2f0fff)
+    val colorAlphaPurple500 = Color(0x332605ff)
+    val colorAlphaPurple600 = Color(0x452b05ff)
+    val colorAlphaPurple700 = Color(0x613305ff)
+    val colorAlphaPurple800 = Color(0x8f3b01f9)
+    val colorAlphaPurple900 = Color(0xba4902ed)
+    val colorAlphaRed100 = Color(0x08ff5938)
+    val colorAlphaRed1000 = Color(0xf2bb0217)
+    val colorAlphaRed1100 = Color(0xfca2011c)
+    val colorAlphaRed1200 = Color(0xff850007)
+    val colorAlphaRed1300 = Color(0xff610000)
+    val colorAlphaRed1400 = Color(0xff470000)
+    val colorAlphaRed200 = Color(0x0aff391f)
+    val colorAlphaRed300 = Color(0x14ff3814)
+    val colorAlphaRed400 = Color(0x26ff2b0a)
+    val colorAlphaRed500 = Color(0x45ff2605)
+    val colorAlphaRed600 = Color(0x5cff2205)
+    val colorAlphaRed700 = Color(0x80ff1a05)
+    val colorAlphaRed800 = Color(0xc4ff0505)
+    val colorAlphaRed900 = Color(0xe8cf0213)
+    val colorAlphaYellow100 = Color(0x0fffcd05)
+    val colorAlphaYellow1000 = Color(0xff8f4c00)
+    val colorAlphaYellow1100 = Color(0xff804000)
+    val colorAlphaYellow1200 = Color(0xff6b2e00)
+    val colorAlphaYellow1300 = Color(0xff571b00)
+    val colorAlphaYellow1400 = Color(0xff420700)
+    val colorAlphaYellow200 = Color(0x21ffc70f)
+    val colorAlphaYellow300 = Color(0x40ffc905)
+    val colorAlphaYellow400 = Color(0x7dffc905)
+    val colorAlphaYellow500 = Color(0xfffacc00)
+    val colorAlphaYellow600 = Color(0xfff0bc00)
+    val colorAlphaYellow700 = Color(0xffe0a500)
+    val colorAlphaYellow800 = Color(0xffbd7b00)
+    val colorAlphaYellow900 = Color(0xff9e5a00)
+    val colorBlue100 = Color(0xfff9fcff)
+    val colorBlue1000 = Color(0xff0558c7)
+    val colorBlue1100 = Color(0xff064ab1)
+    val colorBlue1200 = Color(0xff043894)
+    val colorBlue1300 = Color(0xff012478)
+    val colorBlue1400 = Color(0xff000e65)
+    val colorBlue200 = Color(0xfff4f8ff)
+    val colorBlue300 = Color(0xffe9f2ff)
+    val colorBlue400 = Color(0xffd8e7fe)
+    val colorBlue500 = Color(0xffbad5fc)
+    val colorBlue600 = Color(0xffa3c6fa)
+    val colorBlue700 = Color(0xff7eaff6)
+    val colorBlue800 = Color(0xff4088ee)
+    val colorBlue900 = Color(0xff0467dd)
+    val colorCyan100 = Color(0xfff8fdfd)
+    val colorCyan1000 = Color(0xff00629c)
+    val colorCyan1100 = Color(0xff00548c)
+    val colorCyan1200 = Color(0xff004077)
+    val colorCyan1300 = Color(0xff002b61)
+    val colorCyan1400 = Color(0xff00194f)
+    val colorCyan200 = Color(0xfff1fafb)
+    val colorCyan300 = Color(0xffe3f5f8)
+    val colorCyan400 = Color(0xffc7ecf0)
+    val colorCyan500 = Color(0xff9bdde5)
+    val colorCyan600 = Color(0xff76d1dd)
+    val colorCyan700 = Color(0xff15becf)
+    val colorCyan800 = Color(0xff0094c0)
+    val colorCyan900 = Color(0xff0072ac)
+    val colorFuchsia100 = Color(0xfffefafe)
+    val colorFuchsia1000 = Color(0xff972aaa)
+    val colorFuchsia1100 = Color(0xff822198)
+    val colorFuchsia1200 = Color(0xff671481)
+    val colorFuchsia1300 = Color(0xff4e0068)
+    val colorFuchsia1400 = Color(0xff34004c)
+    val colorFuchsia200 = Color(0xfffcf5fd)
+    val colorFuchsia300 = Color(0xfffaeefb)
+    val colorFuchsia400 = Color(0xfff6dff7)
+    val colorFuchsia500 = Color(0xffedc6f0)
+    val colorFuchsia600 = Color(0xffe7b2ea)
+    val colorFuchsia700 = Color(0xffdb93e1)
+    val colorFuchsia800 = Color(0xffc85ed1)
+    val colorFuchsia900 = Color(0xffad33bd)
+    val colorGray100 = Color(0xfffbfcfd)
+    val colorGray1000 = Color(0xff595e67)
+    val colorGray1100 = Color(0xff4c5158)
+    val colorGray1200 = Color(0xff3c4045)
+    val colorGray1300 = Color(0xff2b2d32)
+    val colorGray1400 = Color(0xff1b1d22)
+    val colorGray200 = Color(0xfff7f9fa)
+    val colorGray300 = Color(0xfff0f2f5)
+    val colorGray400 = Color(0xffe1e6ec)
+    val colorGray500 = Color(0xffcdd3da)
+    val colorGray600 = Color(0xffbdc4cc)
+    val colorGray700 = Color(0xffa6adb7)
+    val colorGray800 = Color(0xff818a95)
+    val colorGray900 = Color(0xff656d77)
+    val colorGreen100 = Color(0xfff8fdfb)
+    val colorGreen1000 = Color(0xff006b52)
+    val colorGreen1100 = Color(0xff005c45)
+    val colorGreen1200 = Color(0xff004933)
+    val colorGreen1300 = Color(0xff003420)
+    val colorGreen1400 = Color(0xff002311)
+    val colorGreen200 = Color(0xfff1fbf6)
+    val colorGreen300 = Color(0xffe3f7ed)
+    val colorGreen400 = Color(0xffc6eedb)
+    val colorGreen500 = Color(0xff98e1c1)
+    val colorGreen600 = Color(0xff71d7ae)
+    val colorGreen700 = Color(0xff0bc491)
+    val colorGreen800 = Color(0xff009b78)
+    val colorGreen900 = Color(0xff007a61)
+    val colorLime100 = Color(0xfff8fdf6)
+    val colorLime1000 = Color(0xff006e00)
+    val colorLime1100 = Color(0xff005f00)
+    val colorLime1200 = Color(0xff004b00)
+    val colorLime1300 = Color(0xff003600)
+    val colorLime1400 = Color(0xff002400)
+    val colorLime200 = Color(0xfff1fcee)
+    val colorLime300 = Color(0xffe0f8d9)
+    val colorLime400 = Color(0xffc8f1ba)
+    val colorLime500 = Color(0xff99e57e)
+    val colorLime600 = Color(0xff76db4c)
+    val colorLime700 = Color(0xff54c424)
+    val colorLime800 = Color(0xff359d18)
+    val colorLime900 = Color(0xff197d0c)
+    val colorOrange100 = Color(0xfffffaf7)
+    val colorOrange1000 = Color(0xffac3300)
+    val colorOrange1100 = Color(0xff9b2200)
+    val colorOrange1200 = Color(0xff850000)
+    val colorOrange1300 = Color(0xff620000)
+    val colorOrange1400 = Color(0xff450000)
+    val colorOrange200 = Color(0xfffff6ef)
+    val colorOrange300 = Color(0xffffefe4)
+    val colorOrange400 = Color(0xffffdfc8)
+    val colorOrange500 = Color(0xffffc8a1)
+    val colorOrange600 = Color(0xfffdb37c)
+    val colorOrange700 = Color(0xfff89440)
+    val colorOrange800 = Color(0xffdc6700)
+    val colorOrange900 = Color(0xffbc4500)
+    val colorPink100 = Color(0xfffffafb)
+    val colorPink1000 = Color(0xffb80a5b)
+    val colorPink1100 = Color(0xff9f0850)
+    val colorPink1200 = Color(0xff7e0642)
+    val colorPink1300 = Color(0xff5f002b)
+    val colorPink1400 = Color(0xff430017)
+    val colorPink200 = Color(0xfffff5f7)
+    val colorPink300 = Color(0xffffecf0)
+    val colorPink400 = Color(0xffffdee5)
+    val colorPink500 = Color(0xffffc2cf)
+    val colorPink600 = Color(0xffffadc0)
+    val colorPink700 = Color(0xffff88a6)
+    val colorPink800 = Color(0xfff7407d)
+    val colorPink900 = Color(0xffd20c65)
+    val colorPurple100 = Color(0xfffbfbff)
+    val colorPurple1000 = Color(0xff6b37de)
+    val colorPurple1100 = Color(0xff5d26cd)
+    val colorPurple1200 = Color(0xff4c05b5)
+    val colorPurple1300 = Color(0xff33008d)
+    val colorPurple1400 = Color(0xff200066)
+    val colorPurple200 = Color(0xfff8f7ff)
+    val colorPurple300 = Color(0xfff1efff)
+    val colorPurple400 = Color(0xffe6e2ff)
+    val colorPurple500 = Color(0xffd4cdff)
+    val colorPurple600 = Color(0xffc5bbff)
+    val colorPurple700 = Color(0xffb1a0ff)
+    val colorPurple800 = Color(0xff9271fd)
+    val colorPurple900 = Color(0xff7a47f1)
+    val colorRed100 = Color(0xfffffaf9)
+    val colorRed1000 = Color(0xffbc0f22)
+    val colorRed1100 = Color(0xffa4041d)
+    val colorRed1200 = Color(0xff850006)
+    val colorRed1300 = Color(0xff620000)
+    val colorRed1400 = Color(0xff450000)
+    val colorRed200 = Color(0xfffff7f6)
+    val colorRed300 = Color(0xffffefec)
+    val colorRed400 = Color(0xffffdfda)
+    val colorRed500 = Color(0xffffc5bc)
+    val colorRed600 = Color(0xffffafa5)
+    val colorRed700 = Color(0xffff8c81)
+    val colorRed800 = Color(0xffff3d3d)
+    val colorRed900 = Color(0xffd51928)
+    val colorThemeBg = Color(0xffffffff)
+    val colorTransparent = Color(0x00000000)
+    val colorYellow100 = Color(0xfffffcf0)
+    val colorYellow1000 = Color(0xff8f4d00)
+    val colorYellow1100 = Color(0xff803f00)
+    val colorYellow1200 = Color(0xff692e00)
+    val colorYellow1300 = Color(0xff541a00)
+    val colorYellow1400 = Color(0xff410600)
+    val colorYellow200 = Color(0xfffff8e0)
+    val colorYellow300 = Color(0xfffff2c1)
+    val colorYellow400 = Color(0xffffe484)
+    val colorYellow500 = Color(0xfffbce00)
+    val colorYellow600 = Color(0xfff1bd00)
+    val colorYellow700 = Color(0xffdea200)
+    val colorYellow800 = Color(0xffbe7a00)
+    val colorYellow900 = Color(0xff9f5b00)
+}

libraries/compound/src/main/kotlin/io/element/android/compound/tokens/generated/internal/LightHcColorTokens.kt

@@ -0,0 +1,336 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * !!! WARNING !!!
+ * 
+ * THIS IS AN AUTOGENERATED FILE.
+ * DO NOT EDIT MANUALLY.
+ */
+
+
+
+@file:Suppress("all")
+package io.element.android.compound.tokens.generated.internal
+
+import androidx.compose.ui.graphics.Color
+import io.element.android.compound.annotations.CoreColorToken
+
+@CoreColorToken
+object LightHcColorTokens {
+    val colorAlphaBlue100 = Color(0x0d2474ff)
+    val colorAlphaBlue1000 = Color(0xfc023997)
+    val colorAlphaBlue1100 = Color(0xfc012e89)
+    val colorAlphaBlue1200 = Color(0xfc00257a)
+    val colorAlphaBlue1300 = Color(0xff00156b)
+    val colorAlphaBlue1400 = Color(0xff000b61)
+    val colorAlphaBlue200 = Color(0x170a70ff)
+    val colorAlphaBlue300 = Color(0x290b6af9)
+    val colorAlphaBlue400 = Color(0x380565f5)
+    val colorAlphaBlue500 = Color(0x5e0663ef)
+    val colorAlphaBlue600 = Color(0x820264ed)
+    val colorAlphaBlue700 = Color(0xb50062eb)
+    val colorAlphaBlue800 = Color(0xfc016ee9)
+    val colorAlphaBlue900 = Color(0xfc0241a7)
+    val colorAlphaCyan100 = Color(0x0f16abbb)
+    val colorAlphaCyan1000 = Color(0xff00437a)
+    val colorAlphaCyan1100 = Color(0xff003870)
+    val colorAlphaCyan1200 = Color(0xff003066)
+    val colorAlphaCyan1300 = Color(0xff001e52)
+    val colorAlphaCyan1400 = Color(0xff00174d)
+    val colorAlphaCyan200 = Color(0x1c00a8c2)
+    val colorAlphaCyan300 = Color(0x3800aabd)
+    val colorAlphaCyan400 = Color(0x4f03a9bf)
+    val colorAlphaCyan500 = Color(0x8a01aac1)
+    val colorAlphaCyan600 = Color(0xeb01b7cb)
+    val colorAlphaCyan700 = Color(0xff0098c2)
+    val colorAlphaCyan800 = Color(0xff007ab3)
+    val colorAlphaCyan900 = Color(0xff004d85)
+    val colorAlphaFuchsia100 = Color(0x0ab505cc)
+    val colorAlphaFuchsia1000 = Color(0xe85e007a)
+    val colorAlphaFuchsia1100 = Color(0xf253026f)
+    val colorAlphaFuchsia1200 = Color(0xff53026e)
+    val colorAlphaFuchsia1300 = Color(0xff3a0052)
+    val colorAlphaFuchsia1400 = Color(0xff34004d)
+    val colorAlphaFuchsia200 = Color(0x12b60cc6)
+    val colorAlphaFuchsia300 = Color(0x21bd09c3)
+    val colorAlphaFuchsia400 = Color(0x2eb105bd)
+    val colorAlphaFuchsia500 = Color(0x4fb207bb)
+    val colorAlphaFuchsia600 = Color(0x6eaa04b9)
+    val colorAlphaFuchsia700 = Color(0x99ab03ba)
+    val colorAlphaFuchsia800 = Color(0xc9a402b6)
+    val colorAlphaFuchsia900 = Color(0xe66a0387)
+    val colorAlphaGray100 = Color(0x0a366881)
+    val colorAlphaGray1000 = Color(0xc202060d)
+    val colorAlphaGray1100 = Color(0xcc03060c)
+    val colorAlphaGray1200 = Color(0xd4020509)
+    val colorAlphaGray1300 = Color(0xe000040a)
+    val colorAlphaGray1400 = Color(0xe6010309)
+    val colorAlphaGray200 = Color(0x0f052657)
+    val colorAlphaGray300 = Color(0x1f052e61)
+    val colorAlphaGray400 = Color(0x29052551)
+    val colorAlphaGray500 = Color(0x42011d3c)
+    val colorAlphaGray600 = Color(0x59011532)
+    val colorAlphaGray700 = Color(0x7a05152e)
+    val colorAlphaGray800 = Color(0x94020e22)
+    val colorAlphaGray900 = Color(0xba030711)
+    val colorAlphaGreen100 = Color(0x0f16bb69)
+    val colorAlphaGreen1000 = Color(0xff004d36)
+    val colorAlphaGreen1100 = Color(0xff00422c)
+    val colorAlphaGreen1200 = Color(0xff003824)
+    val colorAlphaGreen1300 = Color(0xff002916)
+    val colorAlphaGreen1400 = Color(0xff002410)
+    val colorAlphaGreen200 = Color(0x1c00b85c)
+    val colorAlphaGreen300 = Color(0x3b07b661)
+    val colorAlphaGreen400 = Color(0x5205b867)
+    val colorAlphaGreen500 = Color(0x8f01b76e)
+    val colorAlphaGreen600 = Color(0xf501c18a)
+    val colorAlphaGreen700 = Color(0xff00a37d)
+    val colorAlphaGreen800 = Color(0xff00856a)
+    val colorAlphaGreen900 = Color(0xff00573e)
+    val colorAlphaLime100 = Color(0x1238d40c)
+    val colorAlphaLime1000 = Color(0xff005200)
+    val colorAlphaLime1100 = Color(0xff004200)
+    val colorAlphaLime1200 = Color(0xff003800)
+    val colorAlphaLime1300 = Color(0xff002900)
+    val colorAlphaLime1400 = Color(0xff002400)
+    val colorAlphaLime200 = Color(0x262ecf02)
+    val colorAlphaLime300 = Color(0x473ace09)
+    val colorAlphaLime400 = Color(0x6637cc05)
+    val colorAlphaLime500 = Color(0xb540ce03)
+    val colorAlphaLime600 = Color(0xdb39bd00)
+    val colorAlphaLime700 = Color(0xe6249801)
+    val colorAlphaLime800 = Color(0xf2127e02)
+    val colorAlphaLime900 = Color(0xff005700)
+    val colorAlphaOrange100 = Color(0x12ff7d1a)
+    val colorAlphaOrange1000 = Color(0xff8a0900)
+    val colorAlphaOrange1100 = Color(0xff750000)
+    val colorAlphaOrange1200 = Color(0xff660000)
+    val colorAlphaOrange1300 = Color(0xff4d0000)
+    val colorAlphaOrange1400 = Color(0xff420000)
+    val colorAlphaOrange200 = Color(0x1cff6c0a)
+    val colorAlphaOrange300 = Color(0x38ff6d05)
+    val colorAlphaOrange400 = Color(0x4dff700a)
+    val colorAlphaOrange500 = Color(0x85fc6f03)
+    val colorAlphaOrange600 = Color(0xbff56e00)
+    val colorAlphaOrange700 = Color(0xffe06c00)
+    val colorAlphaOrange800 = Color(0xffc24e00)
+    val colorAlphaOrange900 = Color(0xff941600)
+    val colorAlphaPink100 = Color(0x0aff0537)
+    val colorAlphaPink1000 = Color(0xfa830242)
+    val colorAlphaPink1100 = Color(0xff70003a)
+    val colorAlphaPink1200 = Color(0xff660030)
+    val colorAlphaPink1300 = Color(0xff4d001d)
+    val colorAlphaPink1400 = Color(0xff420015)
+    val colorAlphaPink200 = Color(0x14ff1447)
+    val colorAlphaPink300 = Color(0x21ff0037)
+    val colorAlphaPink400 = Color(0x30ff0a3f)
+    val colorAlphaPink500 = Color(0x54ff053f)
+    val colorAlphaPink600 = Color(0x78ff0040)
+    val colorAlphaPink700 = Color(0xb3f70250)
+    val colorAlphaPink800 = Color(0xf5de0265)
+    val colorAlphaPink900 = Color(0xf78f0045)
+    val colorAlphaPurple100 = Color(0x0a5338ff)
+    val colorAlphaPurple1000 = Color(0xf24600b8)
+    val colorAlphaPurple1100 = Color(0xff4300a8)
+    val colorAlphaPurple1200 = Color(0xff360094)
+    val colorAlphaPurple1300 = Color(0xff240070)
+    val colorAlphaPurple1400 = Color(0xff1f0061)
+    val colorAlphaPurple200 = Color(0x12381aff)
+    val colorAlphaPurple300 = Color(0x1f2f0fff)
+    val colorAlphaPurple400 = Color(0x292b0aff)
+    val colorAlphaPurple500 = Color(0x452b05ff)
+    val colorAlphaPurple600 = Color(0x613305ff)
+    val colorAlphaPurple700 = Color(0x873c00ff)
+    val colorAlphaPurple800 = Color(0xb34c02f7)
+    val colorAlphaPurple900 = Color(0xe64503bf)
+    val colorAlphaRed100 = Color(0x0aff391f)
+    val colorAlphaRed1000 = Color(0xff8a000b)
+    val colorAlphaRed1100 = Color(0xff750000)
+    val colorAlphaRed1200 = Color(0xff660000)
+    val colorAlphaRed1300 = Color(0xff4d0000)
+    val colorAlphaRed1400 = Color(0xff420000)
+    val colorAlphaRed200 = Color(0x14ff3814)
+    val colorAlphaRed300 = Color(0x26ff2b0a)
+    val colorAlphaRed400 = Color(0x36ff2605)
+    val colorAlphaRed500 = Color(0x5cff2205)
+    val colorAlphaRed600 = Color(0x80ff1a05)
+    val colorAlphaRed700 = Color(0xb8ff0900)
+    val colorAlphaRed800 = Color(0xe3de0211)
+    val colorAlphaRed900 = Color(0xff99001a)
+    val colorAlphaYellow100 = Color(0x21ffc70f)
+    val colorAlphaYellow1000 = Color(0xff703200)
+    val colorAlphaYellow1100 = Color(0xff612700)
+    val colorAlphaYellow1200 = Color(0xff571d00)
+    val colorAlphaYellow1300 = Color(0xff470c00)
+    val colorAlphaYellow1400 = Color(0xff3d0500)
+    val colorAlphaYellow200 = Color(0x40ffc905)
+    val colorAlphaYellow300 = Color(0x7dffc905)
+    val colorAlphaYellow400 = Color(0xb8ffcc00)
+    val colorAlphaYellow500 = Color(0xfff0bc00)
+    val colorAlphaYellow600 = Color(0xffe0a500)
+    val colorAlphaYellow700 = Color(0xffc28100)
+    val colorAlphaYellow800 = Color(0xffa86500)
+    val colorAlphaYellow900 = Color(0xff753700)
+    val colorBlue100 = Color(0xfff4f8ff)
+    val colorBlue1000 = Color(0xff053b9a)
+    val colorBlue1100 = Color(0xff043088)
+    val colorBlue1200 = Color(0xff03277b)
+    val colorBlue1300 = Color(0xff001569)
+    val colorBlue1400 = Color(0xff000c63)
+    val colorBlue200 = Color(0xffe9f2ff)
+    val colorBlue300 = Color(0xffd8e7fe)
+    val colorBlue400 = Color(0xffc8ddfd)
+    val colorBlue500 = Color(0xffa3c6fa)
+    val colorBlue600 = Color(0xff7eaff6)
+    val colorBlue700 = Color(0xff4a8ef0)
+    val colorBlue800 = Color(0xff046ee8)
+    val colorBlue900 = Color(0xff0543a7)
+    val colorCyan100 = Color(0xfff1fafb)
+    val colorCyan1000 = Color(0xff00447b)
+    val colorCyan1100 = Color(0xff00376e)
+    val colorCyan1200 = Color(0xff002e64)
+    val colorCyan1300 = Color(0xff001e53)
+    val colorCyan1400 = Color(0xff00174d)
+    val colorCyan200 = Color(0xffe3f5f8)
+    val colorCyan300 = Color(0xffc7ecf0)
+    val colorCyan400 = Color(0xffb1e4eb)
+    val colorCyan500 = Color(0xff76d1dd)
+    val colorCyan600 = Color(0xff15becf)
+    val colorCyan700 = Color(0xff009ac3)
+    val colorCyan800 = Color(0xff007ab3)
+    val colorCyan900 = Color(0xff004c84)
+    val colorFuchsia100 = Color(0xfffcf5fd)
+    val colorFuchsia1000 = Color(0xff6c1785)
+    val colorFuchsia1100 = Color(0xff5c0f76)
+    val colorFuchsia1200 = Color(0xff52026c)
+    val colorFuchsia1300 = Color(0xff3b0053)
+    val colorFuchsia1400 = Color(0xff32004a)
+    val colorFuchsia200 = Color(0xfffaeefb)
+    val colorFuchsia300 = Color(0xfff6dff7)
+    val colorFuchsia400 = Color(0xfff1d2f3)
+    val colorFuchsia500 = Color(0xffe7b2ea)
+    val colorFuchsia600 = Color(0xffdb93e1)
+    val colorFuchsia700 = Color(0xffcb68d4)
+    val colorFuchsia800 = Color(0xffb937c6)
+    val colorFuchsia900 = Color(0xff781c90)
+    val colorGray100 = Color(0xfff7f9fa)
+    val colorGray1000 = Color(0xff3f4248)
+    val colorGray1100 = Color(0xff35383d)
+    val colorGray1200 = Color(0xff2d3034)
+    val colorGray1300 = Color(0xff1f2126)
+    val colorGray1400 = Color(0xff1a1c21)
+    val colorGray200 = Color(0xfff0f2f5)
+    val colorGray300 = Color(0xffe1e6ec)
+    val colorGray400 = Color(0xffd7dce3)
+    val colorGray500 = Color(0xffbdc4cc)
+    val colorGray600 = Color(0xffa6adb7)
+    val colorGray700 = Color(0xff878f9b)
+    val colorGray800 = Color(0xff6c737e)
+    val colorGray900 = Color(0xff474a51)
+    val colorGreen100 = Color(0xfff1fbf6)
+    val colorGreen1000 = Color(0xff004d36)
+    val colorGreen1100 = Color(0xff00402b)
+    val colorGreen1200 = Color(0xff003723)
+    val colorGreen1300 = Color(0xff002715)
+    val colorGreen1400 = Color(0xff00210f)
+    val colorGreen200 = Color(0xffe3f7ed)
+    val colorGreen300 = Color(0xffc6eedb)
+    val colorGreen400 = Color(0xffafe8ce)
+    val colorGreen500 = Color(0xff71d7ae)
+    val colorGreen600 = Color(0xff0bc491)
+    val colorGreen700 = Color(0xff00a27c)
+    val colorGreen800 = Color(0xff008268)
+    val colorGreen900 = Color(0xff00553d)
+    val colorLime100 = Color(0xfff1fcee)
+    val colorLime1000 = Color(0xff004f00)
+    val colorLime1100 = Color(0xff004200)
+    val colorLime1200 = Color(0xff003900)
+    val colorLime1300 = Color(0xff002900)
+    val colorLime1400 = Color(0xff002200)
+    val colorLime200 = Color(0xffe0f8d9)
+    val colorLime300 = Color(0xffc8f1ba)
+    val colorLime400 = Color(0xffafeb9b)
+    val colorLime500 = Color(0xff76db4c)
+    val colorLime600 = Color(0xff54c424)
+    val colorLime700 = Color(0xff3aa31a)
+    val colorLime800 = Color(0xff1f850f)
+    val colorLime900 = Color(0xff005700)
+    val colorOrange100 = Color(0xfffff6ef)
+    val colorOrange1000 = Color(0xff890800)
+    val colorOrange1100 = Color(0xff770000)
+    val colorOrange1200 = Color(0xff670000)
+    val colorOrange1300 = Color(0xff4c0000)
+    val colorOrange1400 = Color(0xff420000)
+    val colorOrange200 = Color(0xffffefe4)
+    val colorOrange300 = Color(0xffffdfc8)
+    val colorOrange400 = Color(0xffffd4b5)
+    val colorOrange500 = Color(0xfffdb37c)
+    val colorOrange600 = Color(0xfff89440)
+    val colorOrange700 = Color(0xffe26e00)
+    val colorOrange800 = Color(0xffc44d00)
+    val colorOrange900 = Color(0xff931700)
+    val colorPink100 = Color(0xfffff5f7)
+    val colorPink1000 = Color(0xff840745)
+    val colorPink1100 = Color(0xff72003a)
+    val colorPink1200 = Color(0xff64002f)
+    val colorPink1300 = Color(0xff4a001c)
+    val colorPink1400 = Color(0xff410015)
+    val colorPink200 = Color(0xffffecf0)
+    val colorPink300 = Color(0xffffdee5)
+    val colorPink400 = Color(0xffffd0da)
+    val colorPink500 = Color(0xffffadc0)
+    val colorPink600 = Color(0xffff88a6)
+    val colorPink700 = Color(0xfff94e84)
+    val colorPink800 = Color(0xffe00c6a)
+    val colorPink900 = Color(0xff92084b)
+    val colorPurple100 = Color(0xfff8f7ff)
+    val colorPurple1000 = Color(0xff4f0dba)
+    val colorPurple1100 = Color(0xff4200a6)
+    val colorPurple1200 = Color(0xff360094)
+    val colorPurple1300 = Color(0xff240070)
+    val colorPurple1400 = Color(0xff1f0062)
+    val colorPurple200 = Color(0xfff1efff)
+    val colorPurple300 = Color(0xffe6e2ff)
+    val colorPurple400 = Color(0xffddd8ff)
+    val colorPurple500 = Color(0xffc5bbff)
+    val colorPurple600 = Color(0xffb1a0ff)
+    val colorPurple700 = Color(0xff9778fe)
+    val colorPurple800 = Color(0xff824ef9)
+    val colorPurple900 = Color(0xff571cc4)
+    val colorRed100 = Color(0xfffff7f6)
+    val colorRed1000 = Color(0xff8b000c)
+    val colorRed1100 = Color(0xff770000)
+    val colorRed1200 = Color(0xff670000)
+    val colorRed1300 = Color(0xff4c0000)
+    val colorRed1400 = Color(0xff420000)
+    val colorRed200 = Color(0xffffefec)
+    val colorRed300 = Color(0xffffdfda)
+    val colorRed400 = Color(0xffffd1ca)
+    val colorRed500 = Color(0xffffafa5)
+    val colorRed600 = Color(0xffff8c81)
+    val colorRed700 = Color(0xffff4e49)
+    val colorRed800 = Color(0xffe11e2a)
+    val colorRed900 = Color(0xff99001a)
+    val colorThemeBg = Color(0xffffffff)
+    val colorTransparent = Color(0x00000000)
+    val colorYellow100 = Color(0xfffff8e0)
+    val colorYellow1000 = Color(0xff6e3100)
+    val colorYellow1100 = Color(0xff612600)
+    val colorYellow1200 = Color(0xff571d00)
+    val colorYellow1300 = Color(0xff450c00)
+    val colorYellow1400 = Color(0xff3f0500)
+    val colorYellow200 = Color(0xfffff2c1)
+    val colorYellow300 = Color(0xffffe484)
+    val colorYellow400 = Color(0xffffda49)
+    val colorYellow500 = Color(0xfff1bd00)
+    val colorYellow600 = Color(0xffdea200)
+    val colorYellow700 = Color(0xffc38100)
+    val colorYellow800 = Color(0xffa76300)
+    val colorYellow900 = Color(0xff773800)
+}

libraries/compound/src/main/kotlin/io/element/android/compound/utils/ColorUtils.kt

@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright 2023-2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.utils
+
+import androidx.compose.ui.graphics.Color
+
+/**
+ * Convert color to Human Readable Format.
+ */
+fun Color.toHrf(): String {
+    return "0x" + value.toString(16).take(8).uppercase()
+}

libraries/compound/src/main/res/drawable/ic_compound_admin.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m12,4.236 l-6,3L6,12c0,5.156 4.239,7.254 6,7.898 1.761,-0.644 6,-2.742 6,-7.898L18,7.236zM11.106,2.447a2,2 0,0 1,1.788 0l6,3A2,2 0,0 1,20 7.236L20,12c0,6.742 -5.773,9.246 -7.51,9.846 -0.32,0.111 -0.66,0.111 -0.98,0C9.774,21.246 4,18.743 4,12L4,7.236a2,2 0,0 1,1.106 -1.789z"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_arrow_down.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,4.5a1,1 0,0 1,1 1v10.586l4.293,-4.293a1,1 0,0 1,1.414 1.414l-6,6a1,1 0,0 1,-1.414 0l-6,-6a1,1 0,1 1,1.414 -1.414L11,16.086V5.5a1,1 0,0 1,1 -1"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_arrow_left.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.207,5.293a1,1 0,0 1,0 1.414L7.914,11H18.5a1,1 0,1 1,0 2H7.914l4.293,4.293a1,1 0,0 1,-1.414 1.414l-6,-6a1,1 0,0 1,0 -1.414l6,-6a1,1 0,0 1,1.414 0"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_arrow_right.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.793,5.293a1,1 0,0 1,1.414 0l6,6a1,1 0,0 1,0 1.414l-6,6a1,1 0,0 1,-1.414 -1.414L16.086,13H5.5a1,1 0,1 1,0 -2h10.586l-4.293,-4.293a1,1 0,0 1,0 -1.414"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_arrow_up.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,19.5a1,1 0,0 0,1 -1V7.914l4.293,4.293a1,1 0,0 0,1.414 -1.414l-6,-6a1,1 0,0 0,-1.414 0l-6,6a1,1 0,1 0,1.414 1.414L11,7.914V18.5a1,1 0,0 0,1 1"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_arrow_up_right.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M17.924,6.617a1,1 0,0 1,0.076 0.38V15a1,1 0,1 1,-2 0V9.414l-8.293,8.293a1,1 0,0 1,-1.414 -1.414L14.586,8H9a1,1 0,0 1,0 -2h8a1,1 0,0 1,0.924 0.617"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_ask_to_join.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,18.156q0.478,0 0.802,-0.323 0.323,-0.324 0.323,-0.802h-2.25q0,0.478 0.323,0.802 0.324,0.323 0.802,0.323M8.063,16.47h7.874a0.54,0.54 0,0 0,0.394 -0.169,0.54 0.54,0 0,0 0,-0.788 0.54,0.54 0,0 0,-0.393 -0.168h-0.563V12.7q0,-1.237 -0.675,-2.25a3,3 0,0 0,-1.856 -1.294v-0.281a0.82,0.82 0,0 0,-0.24 -0.605,0.82 0.82,0 0,0 -0.604,-0.239 0.82,0.82 0,0 0,-0.844 0.844v0.281A3,3 0,0 0,9.3 10.45a3.97,3.97 0,0 0,-0.675 2.25v2.644h-0.562a0.54,0.54 0,0 0,-0.394 0.168,0.54 0.54,0 0,0 0,0.788 0.54,0.54 0,0 0,0.394 0.169M3,19.844V9.719q0,-0.534 0.24,-1.013 0.238,-0.478 0.66,-0.787l6.75,-5.063q0.31,-0.225 0.647,-0.337 0.338,-0.113 0.703,-0.113 0.366,0 0.703,0.113 0.337,0.112 0.647,0.337L20.1,7.92q0.422,0.309 0.66,0.787 0.24,0.479 0.24,1.013v10.125q0,0.927 -0.66,1.589 -0.662,0.66 -1.59,0.66H5.25q-0.928,0 -1.59,-0.66 -0.66,-0.66 -0.66,-1.59m2.25,0h13.5V9.719L12,4.656 5.25,9.72z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_ask_to_join_solid.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,17.75q0.478,0 0.802,-0.323 0.323,-0.324 0.323,-0.802h-2.25q0,0.478 0.323,0.802 0.324,0.323 0.802,0.323m-3.937,-1.687h7.874a0.54,0.54 0,0 0,0.394 -0.17,0.54 0.54,0 0,0 0,-0.788 0.54,0.54 0,0 0,-0.393 -0.168h-0.563v-2.643q0,-1.237 -0.675,-2.25a3,3 0,0 0,-1.856 -1.294v-0.281a0.82,0.82 0,0 0,-0.24 -0.605,0.82 0.82,0 0,0 -0.604,-0.239 0.82,0.82 0,0 0,-0.844 0.844v0.281A3,3 0,0 0,9.3 10.044a3.97,3.97 0,0 0,-0.675 2.25v2.643h-0.562a0.54,0.54 0,0 0,-0.394 0.17,0.54 0.54,0 0,0 0,0.787 0.54,0.54 0,0 0,0.394 0.168M3,19.438V9.313q0,-0.535 0.24,-1.013 0.238,-0.478 0.66,-0.788l6.75,-5.062q0.31,-0.225 0.647,-0.338Q11.635,2 12,2q0.366,0 0.703,0.112 0.337,0.113 0.647,0.338l6.75,5.063q0.422,0.309 0.66,0.787 0.24,0.478 0.24,1.012v10.126q0,0.927 -0.66,1.589 -0.662,0.66 -1.59,0.66H5.25q-0.928,0 -1.59,-0.66 -0.66,-0.66 -0.66,-1.59"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_attachment.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.5,22q-2.3,0 -3.9,-1.6T6,16.5V6q0,-1.65 1.175,-2.825T10,2t2.825,1.175T14,6v9.5q0,1.05 -0.725,1.775T11.5,18t-1.775,-0.725T9,15.5V6.75A0.73,0.73 0,0 1,9.75 6a0.73,0.73 0,0 1,0.75 0.75v8.75q0,0.424 0.287,0.712 0.288,0.288 0.713,0.288 0.424,0 0.713,-0.288a0.97,0.97 0,0 0,0.287 -0.712V6q0,-1.05 -0.725,-1.775T10,3.5t-1.775,0.725T7.5,6v10.5q0,1.65 1.175,2.825T11.5,20.5t2.825,-1.175T15.5,16.5V6.75a0.73,0.73 0,0 1,0.75 -0.75,0.73 0.73,0 0,1 0.75,0.75v9.75q0,2.3 -1.6,3.9T11.5,22"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_audio.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,3a1,1 0,0 1,1 1v16a1,1 0,1 1,-2 0V4a1,1 0,0 1,1 -1m4,3a1,1 0,0 1,1 1v10a1,1 0,1 1,-2 0V7a1,1 0,0 1,1 -1m5,4a1,1 0,1 0,-2 0v4a1,1 0,1 0,2 0zM4,9a1,1 0,0 1,1 1v4a1,1 0,1 1,-2 0v-4a1,1 0,0 1,1 -1m5,-2a1,1 0,0 0,-2 0v10a1,1 0,1 0,2 0z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_block.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,22a9.7,9.7 0,0 1,-3.9 -0.788,10.1 10.1,0 0,1 -3.175,-2.137q-1.35,-1.35 -2.137,-3.175A9.7,9.7 0,0 1,2 12q0,-2.075 0.788,-3.9a10.1,10.1 0,0 1,2.137 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.075,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22m0,-2q3.35,0 5.675,-2.325T20,12q0,-1.35 -0.437,-2.6A8,8 0,0 0,18.3 7.1L7.1,18.3q1.05,0.825 2.3,1.262T12,20m-6.3,-3.1L16.9,5.7a8,8 0,0 0,-2.3 -1.263A7.8,7.8 0,0 0,12 4Q8.65,4 6.325,6.325T4,12q0,1.35 0.438,2.6A8,8 0,0 0,5.7 16.9"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_bold.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.8,19q-0.824,0 -1.413,-0.587A1.93,1.93 0,0 1,6.8 17L6.8,7q0,-0.824 0.587,-1.412A1.93,1.93 0,0 1,8.8 5h3.525q1.624,0 3,1T16.7,8.775q0,1.275 -0.575,1.963 -0.575,0.687 -1.075,0.987 0.626,0.275 1.387,1.025 0.763,0.75 0.763,2.25 0,2.224 -1.625,3.113 -1.625,0.887 -3.05,0.887zM9.825,16.2h2.6q1.2,0 1.462,-0.612 0.263,-0.614 0.263,-0.888 0,-0.275 -0.263,-0.887 -0.262,-0.613 -1.537,-0.613L9.825,13.2zM9.825,10.5h2.325q0.825,0 1.2,-0.425a1.4,1.4 0,0 0,0.375 -0.95q0,-0.6 -0.425,-0.975t-1.1,-0.375L9.825,7.775z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_calendar.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,22q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,3 20L3,6q0,-0.824 0.587,-1.412A1.93,1.93 0,0 1,5 4h1L6,2h2v2h8L16,2h2v2h1q0.824,0 1.413,0.588Q21,5.175 21,6v14q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,19 22zM5,20h14L19,10L5,10zM5,8h14L19,6L5,6zM12,14a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,11 13q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,12 12q0.424,0 0.713,0.287 0.287,0.288 0.287,0.713 0,0.424 -0.287,0.713A0.97,0.97 0,0 1,12 14m-4,0a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,7 13q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,8 12q0.424,0 0.713,0.287Q9,12.576 9,13t-0.287,0.713A0.97,0.97 0,0 1,8 14m8,0a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,15 13q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,16 12q0.424,0 0.712,0.287 0.288,0.288 0.288,0.713 0,0.424 -0.288,0.713A0.97,0.97 0,0 1,16 14m-4,4a0.97,0.97 0,0 1,-0.713 -0.288A0.97,0.97 0,0 1,11 17q0,-0.424 0.287,-0.712A0.97,0.97 0,0 1,12 16q0.424,0 0.713,0.288 0.287,0.287 0.287,0.712 0,0.424 -0.287,0.712A0.97,0.97 0,0 1,12 18m-4,0a0.97,0.97 0,0 1,-0.713 -0.288A0.97,0.97 0,0 1,7 17q0,-0.424 0.287,-0.712A0.97,0.97 0,0 1,8 16q0.424,0 0.713,0.288Q9,16.575 9,17q0,0.424 -0.287,0.712A0.97,0.97 0,0 1,8 18m8,0a0.97,0.97 0,0 1,-0.713 -0.288A0.97,0.97 0,0 1,15 17q0,-0.424 0.287,-0.712A0.97,0.97 0,0 1,16 16q0.424,0 0.712,0.288 0.288,0.287 0.288,0.712 0,0.424 -0.288,0.712A0.97,0.97 0,0 1,16 18"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chart.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8,17q0.424,0 0.713,-0.288A0.97,0.97 0,0 0,9 16v-5a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,8 10a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,7 11v5q0,0.424 0.287,0.712Q7.576,17 8,17m4,0q0.424,0 0.713,-0.288A0.97,0.97 0,0 0,13 16L13,8a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,12 7a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,11 8v8q0,0.424 0.287,0.712 0.288,0.288 0.713,0.288m4,0q0.424,0 0.712,-0.288A0.97,0.97 0,0 0,17 16v-2a0.97,0.97 0,0 0,-0.288 -0.713A0.97,0.97 0,0 0,16 13a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,15 14v2q0,0.424 0.287,0.712 0.288,0.288 0.713,0.288M5,21q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,3 19L3,5q0,-0.824 0.587,-1.412A1.93,1.93 0,0 1,5 3h14q0.824,0 1.413,0.587Q21,4.176 21,5v14q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,19 21zM5,19h14L19,5L5,5z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chat.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m1.5,21.25 l1.45,-4.95a10.2,10.2 0,0 1,-0.712 -2.1A10.2,10.2 0,0 1,2 12q0,-2.075 0.788,-3.9a10.1,10.1 0,0 1,2.137 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.075,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22q-1.125,0 -2.2,-0.238a10.2,10.2 0,0 1,-2.1 -0.712L2.75,22.5a0.94,0.94 0,0 1,-1 -0.25,0.94 0.94,0 0,1 -0.25,-1m2.45,-1.2 l3.2,-0.95a1,1 0,0 1,0.275 -0.062q0.15,-0.013 0.275,-0.013 0.225,0 0.438,0.038 0.212,0.036 0.412,0.137a7.4,7.4 0,0 0,1.675 0.6Q11.1,20 12,20q3.35,0 5.675,-2.325T20,12t-2.325,-5.675T12,4 6.325,6.325 4,12q0,0.9 0.2,1.775t0.6,1.675q0.176,0.325 0.188,0.688t-0.088,0.712z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chat_new.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M19,6h-2a0.97,0.97 0,0 1,-0.712 -0.287A0.97,0.97 0,0 1,16 5q0,-0.424 0.288,-0.713A0.97,0.97 0,0 1,17 4h2V2q0,-0.424 0.288,-0.712A0.97,0.97 0,0 1,20 1q0.424,0 0.712,0.288Q21,1.575 21,2v2h2q0.424,0 0.712,0.287Q24,4.576 24,5t-0.288,0.713A0.97,0.97 0,0 1,23 6h-2v2q0,0.424 -0.288,0.713A0.97,0.97 0,0 1,20 9a0.97,0.97 0,0 1,-0.712 -0.287A0.97,0.97 0,0 1,19 8z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M22,17v-6.341A6,6 0,0 1,20 11v6H6a2,2 0,0 0,-1.414 0.586L4,18.172V5h10c0,-0.701 0.12,-1.374 0.341,-2H4a2,2 0,0 0,-2 2v15.586c0,0.89 1.077,1.337 1.707,0.707L6,19h14a2,2 0,0 0,2 -2"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chat_problem.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.713,16.713A0.97,0.97 0,0 1,12 17a0.97,0.97 0,0 1,-0.713 -0.288A0.97,0.97 0,0 1,11 16q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,12 15q0.424,0 0.713,0.287 0.287,0.288 0.287,0.713 0,0.424 -0.287,0.712m0,-3.999A0.97,0.97 0,0 1,12 13a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,11 12V8q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,12 7q0.424,0 0.713,0.287Q13,7.576 13,8v4q0,0.424 -0.287,0.713"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M2.95,16.3a10.2,10.2 0,0 1,-0.712 -2.1A10.2,10.2 0,0 1,2 12q0,-2.075 0.788,-3.9a10.1,10.1 0,0 1,2.137 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.075,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22q-1.125,0 -2.2,-0.238a10.2,10.2 0,0 1,-2.1 -0.712L2.75,22.5a0.94,0.94 0,0 1,-1 -0.25,0.94 0.94,0 0,1 -0.25,-1zM7.15,19.1a1,1 0,0 1,0.275 -0.062q0.15,-0.013 0.275,-0.013 0.225,0 0.438,0.038 0.212,0.036 0.412,0.137a7.4,7.4 0,0 0,1.675 0.6Q11.1,20 12,20q3.35,0 5.675,-2.325T20,12t-2.325,-5.675T12,4 6.325,6.325 4,12q0,0.9 0.2,1.775t0.6,1.675q0.176,0.325 0.188,0.688t-0.088,0.712l-0.95,3.2z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chat_solid.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M2.95,16.3 L1.5,21.25a0.94,0.94 0,0 0,0.25 1,0.94 0.94,0 0,0 1,0.25l4.95,-1.45a10.2,10.2 0,0 0,2.1 0.712Q10.875,22 12,22a9.7,9.7 0,0 0,3.9 -0.788,10.1 10.1,0 0,0 3.175,-2.137q1.35,-1.35 2.137,-3.175A9.7,9.7 0,0 0,22 12a9.7,9.7 0,0 0,-0.788 -3.9,10.1 10.1,0 0,0 -2.137,-3.175q-1.35,-1.35 -3.175,-2.137A9.7,9.7 0,0 0,12 2a9.7,9.7 0,0 0,-3.9 0.788,10.1 10.1,0 0,0 -3.175,2.137Q3.575,6.275 2.788,8.1A9.7,9.7 0,0 0,2 12q0,1.125 0.238,2.2 0.237,1.076 0.712,2.1"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_check.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9.55,17.575q-0.2,0 -0.375,-0.062a0.9,0.9 0,0 1,-0.325 -0.213L4.55,13q-0.274,-0.274 -0.262,-0.713 0.012,-0.437 0.287,-0.712a0.95,0.95 0,0 1,0.7 -0.275q0.425,0 0.7,0.275L9.55,15.15l8.475,-8.475q0.274,-0.275 0.713,-0.275 0.437,0 0.712,0.275 0.275,0.274 0.275,0.713 0,0.437 -0.275,0.712l-9.2,9.2q-0.15,0.15 -0.325,0.212a1.1,1.1 0,0 1,-0.375 0.063"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_check_circle.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m10.6,13.8 l-2.15,-2.15a0.95,0.95 0,0 0,-0.7 -0.275,0.95 0.95,0 0,0 -0.7,0.275 0.95,0.95 0,0 0,-0.275 0.7q0,0.425 0.275,0.7L9.9,15.9q0.3,0.3 0.7,0.3t0.7,-0.3l5.65,-5.65a0.95,0.95 0,0 0,0.275 -0.7,0.95 0.95,0 0,0 -0.275,-0.7 0.95,0.95 0,0 0,-0.7 -0.275,0.95 0.95,0 0,0 -0.7,0.275zM12,22a9.7,9.7 0,0 1,-3.9 -0.788,10.1 10.1,0 0,1 -3.175,-2.137q-1.35,-1.35 -2.137,-3.175A9.7,9.7 0,0 1,2 12q0,-2.075 0.788,-3.9a10.1,10.1 0,0 1,2.137 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.075,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22m0,-2q3.35,0 5.675,-2.325T20,12t-2.325,-5.675T12,4 6.325,6.325 4,12t2.325,5.675T12,20"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_check_circle_solid.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m10.6,13.8 l-2.15,-2.15a0.95,0.95 0,0 0,-0.7 -0.275,0.95 0.95,0 0,0 -0.7,0.275 0.95,0.95 0,0 0,-0.275 0.7q0,0.425 0.275,0.7L9.9,15.9q0.3,0.3 0.7,0.3t0.7,-0.3l5.65,-5.65a0.95,0.95 0,0 0,0.275 -0.7,0.95 0.95,0 0,0 -0.275,-0.7 0.95,0.95 0,0 0,-0.7 -0.275,0.95 0.95,0 0,0 -0.7,0.275zM12,22a9.7,9.7 0,0 1,-3.9 -0.788,10.1 10.1,0 0,1 -3.175,-2.137q-1.35,-1.35 -2.137,-3.175A9.7,9.7 0,0 1,2 12q0,-2.075 0.788,-3.9a10.1,10.1 0,0 1,2.137 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.075,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chevron_down.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,14.95q-0.2,0 -0.375,-0.062a0.9,0.9 0,0 1,-0.325 -0.213l-4.6,-4.6a0.95,0.95 0,0 1,-0.275 -0.7q0,-0.425 0.275,-0.7a0.95,0.95 0,0 1,0.7 -0.275q0.425,0 0.7,0.275l3.9,3.9 3.9,-3.9a0.95,0.95 0,0 1,0.7 -0.275q0.425,0 0.7,0.275a0.95,0.95 0,0 1,0.275 0.7,0.95 0.95,0 0,1 -0.275,0.7l-4.6,4.6q-0.15,0.15 -0.325,0.212a1.1,1.1 0,0 1,-0.375 0.063"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chevron_left.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m13.3,17.3 l-4.6,-4.6a0.9,0.9 0,0 1,-0.213 -0.325A1.1,1.1 0,0 1,8.425 12q0,-0.2 0.062,-0.375A0.9,0.9 0,0 1,8.7 11.3l4.6,-4.6a0.95,0.95 0,0 1,0.7 -0.275q0.425,0 0.7,0.275a0.95,0.95 0,0 1,0.275 0.7,0.95 0.95,0 0,1 -0.275,0.7L10.8,12l3.9,3.9a0.95,0.95 0,0 1,0.275 0.7,0.95 0.95,0 0,1 -0.275,0.7 0.95,0.95 0,0 1,-0.7 0.275,0.95 0.95,0 0,1 -0.7,-0.275"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chevron_right.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.7,17.3a0.95,0.95 0,0 1,-0.275 -0.7q0,-0.425 0.275,-0.7l3.9,-3.9 -3.9,-3.9a0.95,0.95 0,0 1,-0.275 -0.7q0,-0.425 0.275,-0.7a0.95,0.95 0,0 1,0.7 -0.275q0.425,0 0.7,0.275l4.6,4.6q0.15,0.15 0.213,0.325 0.062,0.175 0.062,0.375t-0.062,0.375a0.9,0.9 0,0 1,-0.213 0.325l-4.6,4.6a0.95,0.95 0,0 1,-0.7 0.275,0.95 0.95,0 0,1 -0.7,-0.275"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chevron_up.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m12,10.775 l-3.9,3.9a0.95,0.95 0,0 1,-0.7 0.275,0.95 0.95,0 0,1 -0.7,-0.275 0.95,0.95 0,0 1,-0.275 -0.7q0,-0.425 0.275,-0.7l4.6,-4.6q0.15,-0.15 0.325,-0.212Q11.8,8.4 12,8.4t0.375,0.063a0.9,0.9 0,0 1,0.325 0.212l4.6,4.6a0.95,0.95 0,0 1,0.275 0.7,0.95 0.95,0 0,1 -0.275,0.7 0.95,0.95 0,0 1,-0.7 0.275,0.95 0.95,0 0,1 -0.7,-0.275z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_chevron_up_down.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.225,8.325Q7.95,8.05 7.95,7.6t0.275,-0.725L11.3,3.8q0.15,-0.15 0.325,-0.212 0.175,-0.063 0.375,-0.063t0.387,0.063 0.313,0.212l3.1,3.1q0.274,0.274 0.262,0.713 -0.012,0.437 -0.287,0.712t-0.725,0.275 -0.725,-0.275L12,6 9.65,8.35q-0.274,0.274 -0.713,0.263a1,1 0,0 1,-0.712 -0.288M12,20.575a0.9,0.9 0,0 1,-0.375 -0.075,1.3 1.3,0 0,1 -0.325,-0.2l-3.075,-3.075q-0.275,-0.275 -0.275,-0.725t0.275,-0.725 0.725,-0.275 0.725,0.275L12,18.1l2.35,-2.35q0.274,-0.274 0.713,-0.262 0.437,0.012 0.712,0.287t0.275,0.725 -0.275,0.725L12.7,20.3a1.03,1.03 0,0 1,-0.7 0.275"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_circle.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,22a9.7,9.7 0,0 1,-3.9 -0.788,10.1 10.1,0 0,1 -3.175,-2.137q-1.35,-1.35 -2.138,-3.175A9.7,9.7 0,0 1,2 12q0,-2.075 0.787,-3.9a10.1,10.1 0,0 1,2.138 -3.175q1.35,-1.35 3.175,-2.137A9.7,9.7 0,0 1,12 2q2.074,0 3.9,0.788a10.1,10.1 0,0 1,3.175 2.137q1.35,1.35 2.137,3.175A9.7,9.7 0,0 1,22 12a9.7,9.7 0,0 1,-0.788 3.9,10.1 10.1,0 0,1 -2.137,3.175q-1.35,1.35 -3.175,2.137A9.7,9.7 0,0 1,12 22m0,-2q3.35,0 5.675,-2.325T20,12t-2.325,-5.675T12,4 6.325,6.325 4,12t2.325,5.675T12,20"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_close.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M6.293,6.293a1,1 0,0 1,1.414 0L12,10.586l4.293,-4.293a1,1 0,1 1,1.414 1.414L13.414,12l4.293,4.293a1,1 0,0 1,-1.414 1.414L12,13.414l-4.293,4.293a1,1 0,0 1,-1.414 -1.414L10.586,12 6.293,7.707a1,1 0,0 1,0 -1.414"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_cloud.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M6.5,20q-2.275,0 -3.887,-1.575T1,14.575q0,-1.95 1.175,-3.475Q3.349,9.575 5.25,9.15q0.625,-2.3 2.5,-3.725T12,4q2.925,0 4.962,2.037T19,11q1.725,0.2 2.863,1.488A4.4,4.4 0,0 1,23 15.5q0,1.875 -1.312,3.188Q20.375,20 18.5,20zM6.5,18h12q1.05,0 1.775,-0.725T21,15.5t-0.725,-1.775T18.5,13L17,13v-2q0,-2.075 -1.463,-3.537Q14.075,6 12,6T8.463,7.463 7,11h-0.5q-1.45,0 -2.475,1.025A3.37,3.37 0,0 0,3 14.5q0,1.45 1.025,2.475A3.37,3.37 0,0 0,6.5 18"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_cloud_solid.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M7,20a5,5 0,0 1,-0.985 -9.903,5.5 5.5,0 0,1 9.734,-3.09Q15.874,7.002 16,7a4,4 0,0 1,3.936 4.716A4.5,4.5 0,0 1,18 19.973V20z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_code.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="m8.825,12 l1.475,-1.475q0.3,-0.3 0.3,-0.7t-0.3,-0.7 -0.713,-0.3 -0.712,0.3L6.7,11.3q-0.15,0.15 -0.213,0.325a1.1,1.1 0,0 0,-0.062 0.375q0,0.2 0.063,0.375a0.9,0.9 0,0 0,0.212 0.325l2.175,2.175q0.3,0.3 0.713,0.3 0.412,0 0.712,-0.3t0.3,-0.7 -0.3,-0.7zM15.175,12L13.7,13.475q-0.3,0.3 -0.3,0.7t0.3,0.7 0.713,0.3 0.712,-0.3L17.3,12.7q0.15,-0.15 0.212,-0.325 0.063,-0.175 0.063,-0.375t-0.062,-0.375a0.9,0.9 0,0 0,-0.213 -0.325l-2.175,-2.175a1,1 0,0 0,-1.425 0q-0.3,0.3 -0.3,0.7t0.3,0.7zM5,21q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,3 19L3,5q0,-0.824 0.587,-1.412A1.93,1.93 0,0 1,5 3h14q0.824,0 1.413,0.587Q21,4.176 21,5v14q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,19 21zM5,19h14L19,5L5,5z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_collapse.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,11.034a1,1 0,0 0,0.29 0.702l0.005,0.005c0.18,0.18 0.43,0.29 0.705,0.29h8a1,1 0,0 0,0 -2h-5.586L22,3.445a1,1 0,0 0,-1.414 -1.414L14,8.617L14,3.031a1,1 0,1 0,-2 0zM12,12.997a1,1 0,0 0,-0.29 -0.702l-0.005,-0.004A1,1 0,0 0,11 12L3,12a1,1 0,1 0,0 2h5.586L2,20.586A1,1 0,1 0,3.414 22L10,15.414L10,21a1,1 0,0 0,2 0z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_company.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M14,7h5a2,2 0,0 1,2 2v10a2,2 0,0 1,-2 2L5,21a2,2 0,0 1,-2 -2L3,5a2,2 0,0 1,2 -2h7a2,2 0,0 1,2 2zM12,5L5,5v2h3a1,1 0,0 1,0 2L5,9v2h3a1,1 0,1 1,0 2L5,13v2h3a1,1 0,1 1,0 2L5,17v2h7zM14,9v2h2a1,1 0,1 1,0 2h-2v2h2a1,1 0,1 1,0 2h-2v2h5L19,9z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_compose.xml

@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M16.937,2.82a2,2 0,0 1,2.828 0l1.415,1.414a2,2 0,0 1,0 2.829l-7.071,7.07c-0.195,0.196 -0.42,0.342 -0.66,0.44a1,1 0,0 1,-0.168 0.072l-3.993,1.331a1,1 0,0 1,-1.265 -1.265l1.331,-3.992q0.03,-0.09 0.073,-0.168m10.338,-4.903 l-6.717,6.718 -1.414,-1.414 6.717,-6.718z"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M3,5a2,2 0,0 1,2 -2h6a1,1 0,1 1,0 2H5v14h14v-6a1,1 0,1 1,2 0v6a2,2 0,0 1,-2 2H5a2,2 0,0 1,-2 -2z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_computer.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M4,18q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,2 16L2,5q0,-0.824 0.587,-1.412A1.93,1.93 0,0 1,4 3h16q0.824,0 1.413,0.587Q22,4.176 22,5v11q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,20 18zM4,16h16L20,5L4,5zM2,21a0.97,0.97 0,0 1,-0.712 -0.288A0.97,0.97 0,0 1,1 20q0,-0.424 0.288,-0.712A0.97,0.97 0,0 1,2 19h20q0.424,0 0.712,0.288 0.288,0.287 0.288,0.712 0,0.424 -0.288,0.712A0.97,0.97 0,0 1,22 21z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_copy.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M14,5H5v9h1a1,1 0,1 1,0 2H5a2,2 0,0 1,-2 -2V5a2,2 0,0 1,2 -2h9a2,2 0,0 1,2 2v1a1,1 0,1 1,-2 0z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M8,10a2,2 0,0 1,2 -2h9a2,2 0,0 1,2 2v9a2,2 0,0 1,-2 2h-9a2,2 0,0 1,-2 -2zM10,10v9h9v-9z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_dark_mode.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M17.983,17.31C13.332,15.66 10,11.22 10,6q0,-0.907 0.132,-1.78a8,8 0,1 0,7.852 13.091m1.82,-1.552c0.668,0.15 1.094,0.863 0.737,1.447A10,10 0,0 1,12 22C6.477,22 2,17.523 2,12S6.477,2 12,2c0.402,0 0.653,0.416 0.524,0.797A10,10 0,0 0,12 6c0,4.768 3.337,8.757 7.803,9.758"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_delete.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M7,21q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,5 19L5,6a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,4 5q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,5 4h4q0,-0.424 0.287,-0.712A0.97,0.97 0,0 1,10 3h4q0.424,0 0.713,0.288Q15,3.575 15,4h4q0.424,0 0.712,0.287Q20,4.576 20,5t-0.288,0.713A0.97,0.97 0,0 1,19 6v13q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,17 21zM7,6v13h10L17,6zM9,16q0,0.424 0.287,0.712Q9.576,17 10,17t0.713,-0.288A0.97,0.97 0,0 0,11 16L11,9a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,10 8a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,9 9zM13,16q0,0.424 0.287,0.712 0.288,0.288 0.713,0.288 0.424,0 0.713,-0.288A0.97,0.97 0,0 0,15 16L15,9a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,14 8a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,13 9z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_devices.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M3.5,20q-0.625,0 -1.062,-0.437A1.45,1.45 0,0 1,2 18.5q0,-0.625 0.438,-1.062A1.45,1.45 0,0 1,3.5 17L4,17L4,6q0,-0.824 0.588,-1.412A1.93,1.93 0,0 1,6 4h14q0.424,0 0.712,0.287Q21,4.576 21,5t-0.288,0.713A0.97,0.97 0,0 1,20 6L6,6v11h4.5q0.624,0 1.063,0.438 0.437,0.437 0.437,1.062t-0.437,1.063A1.45,1.45 0,0 1,10.5 20zM15,20a0.97,0.97 0,0 1,-0.713 -0.288A0.97,0.97 0,0 1,14 19L14,9q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,15 8h6q0.424,0 0.712,0.287Q22,8.576 22,9v10q0,0.424 -0.288,0.712A0.97,0.97 0,0 1,21 20zM16,17h4v-7h-4z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_dial_pad.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,18.6c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8M6.6,2.4c-0.99,0 -1.8,0.81 -1.8,1.8S5.61,6 6.6,6s1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m0,5.4c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m0,5.4c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8M17.4,6c0.99,0 1.8,-0.81 1.8,-1.8s-0.81,-1.8 -1.8,-1.8 -1.8,0.81 -1.8,1.8 0.81,1.8 1.8,1.8M12,13.2c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m5.4,0c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m0,-5.4c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m-5.4,0c-0.99,0 -1.8,0.81 -1.8,1.8s0.81,1.8 1.8,1.8 1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8m0,-5.4c-0.99,0 -1.8,0.81 -1.8,1.8S11.01,6 12,6s1.8,-0.81 1.8,-1.8 -0.81,-1.8 -1.8,-1.8"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_document.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:autoMirrored="true"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9,18h6q0.424,0 0.713,-0.288A0.97,0.97 0,0 0,16 17a0.97,0.97 0,0 0,-0.287 -0.712A0.97,0.97 0,0 0,15 16L9,16a0.97,0.97 0,0 0,-0.713 0.288A0.97,0.97 0,0 0,8 17q0,0.424 0.287,0.712Q8.576,18 9,18m0,-4h6q0.424,0 0.713,-0.287A0.97,0.97 0,0 0,16 13a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,15 12L9,12a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,8 13q0,0.424 0.287,0.713Q8.576,14 9,14m-3,8q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,4 20L4,4q0,-0.824 0.588,-1.412A1.93,1.93 0,0 1,6 2h7.175a1.98,1.98 0,0 1,1.4 0.575l4.85,4.85q0.275,0.275 0.425,0.638 0.15,0.361 0.15,0.762L20,20q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,18 22zM13,8L13,4L6,4v16h12L18,9h-4a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,13 8"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_download.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,15.575q-0.2,0 -0.375,-0.062a0.9,0.9 0,0 1,-0.325 -0.213l-3.6,-3.6a0.95,0.95 0,0 1,-0.275 -0.7q0,-0.425 0.275,-0.7 0.274,-0.275 0.712,-0.288t0.713,0.263L11,12.15V5q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,12 4q0.424,0 0.713,0.287Q13,4.576 13,5v7.15l1.875,-1.875q0.274,-0.274 0.713,-0.263 0.437,0.014 0.712,0.288a0.95,0.95 0,0 1,0.275 0.7,0.95 0.95,0 0,1 -0.275,0.7l-3.6,3.6q-0.15,0.15 -0.325,0.212a1.1,1.1 0,0 1,-0.375 0.063M6,20q-0.824,0 -1.412,-0.587A1.93,1.93 0,0 1,4 18v-2q0,-0.424 0.287,-0.713A0.97,0.97 0,0 1,5 15q0.424,0 0.713,0.287Q6,15.576 6,16v2h12v-2q0,-0.424 0.288,-0.713A0.97,0.97 0,0 1,19 15q0.424,0 0.712,0.287 0.288,0.288 0.288,0.713v2q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,18 20z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_download_ios.xml

@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.763,17.646a1,1 0,0 1,-1.526 0l-2.5,-2.955a1,1 0,1 1,1.526 -1.292l0.737,0.871V4a1,1 0,1 1,2 0v10.27l0.737,-0.87a1,1 0,0 1,1.526 1.291z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M6,20V10h2a1,1 0,0 0,0 -2H6a2,2 0,0 0,-2 2v10a2,2 0,0 0,2 2h12a2,2 0,0 0,2 -2V10a2,2 0,0 0,-2 -2h-2a1,1 0,1 0,0 2h2v10z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_drag_grid.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9,20q-0.825,0 -1.412,-0.587A1.93,1.93 0,0 1,7 18q0,-0.824 0.588,-1.413A1.93,1.93 0,0 1,9 16q0.825,0 1.412,0.587Q11,17.176 11,18t-0.588,1.413A1.93,1.93 0,0 1,9 20m6,0q-0.825,0 -1.412,-0.587A1.93,1.93 0,0 1,13 18q0,-0.824 0.588,-1.413A1.93,1.93 0,0 1,15 16q0.824,0 1.413,0.587Q17,17.176 17,18t-0.587,1.413A1.93,1.93 0,0 1,15 20m-6,-6q-0.825,0 -1.412,-0.588A1.93,1.93 0,0 1,7 12q0,-0.825 0.588,-1.412A1.93,1.93 0,0 1,9 10q0.825,0 1.412,0.588Q11,11.175 11,12t-0.588,1.412A1.93,1.93 0,0 1,9 14m6,0q-0.825,0 -1.412,-0.588A1.93,1.93 0,0 1,13 12q0,-0.825 0.588,-1.412A1.93,1.93 0,0 1,15 10q0.824,0 1.413,0.588Q17,11.175 17,12t-0.587,1.412A1.93,1.93 0,0 1,15 14M9,8q-0.825,0 -1.412,-0.588A1.93,1.93 0,0 1,7 6q0,-0.824 0.588,-1.412A1.93,1.93 0,0 1,9 4q0.825,0 1.412,0.588Q11,5.175 11,6q0,0.824 -0.588,1.412A1.93,1.93 0,0 1,9 8m6,0q-0.825,0 -1.412,-0.588A1.93,1.93 0,0 1,13 6q0,-0.824 0.588,-1.412A1.93,1.93 0,0 1,15 4q0.824,0 1.413,0.588Q17,5.175 17,6q0,0.824 -0.587,1.412A1.93,1.93 0,0 1,15 8"
+      android:fillColor="#FF000000"/>
+</vector>