Sync compound tokens https://github.com/element-hq/compound-design-tokens/releases/tag/v6.10.1 (#6273)

* Import compound token v6.10.1

./tools/compound/import_tokens.sh -b v6.10.1

* Use stop icon from Compound.

* Fix compilation issue.

* Use gradient color in ComposerAlertMolecule. Fixes #6192

* Update screenshots

* Remove ComposerAlertLevel.Default (not in the design).

* Update screenshots

---------

Co-authored-by: ElementBot <android@element.io>

features/messages/impl/src/main/kotlin/io/element/android/features/messages/impl/crypto/identity/IdentityChangeStateView.kt

@@ -115,7 +115,7 @@ private fun ViolationAlert(
         },
         submitText = stringResource(submitTextId),
         onSubmitClick = onSubmitClick,
-        level = if (isCritical) ComposerAlertLevel.Critical else ComposerAlertLevel.Default,
+        level = if (isCritical) ComposerAlertLevel.Critical else ComposerAlertLevel.Info,
     )
 }
 

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fa16f659aa3e7d05fa03a51d52faddc0c40c3ab52231687f8c6c8a4ba81ff6f0
+oid sha256:460ddd253f4029b29edde9d858237204acb55aca7e13e92bc691ea71ca34c53e
-size 219813
+size 237462

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:72fb457dc50bf1a2261502fc1da15c01ab415344e9070354d38dc7b74234d790
+oid sha256:a0b76eee73be6a2ba58eb12883477ebce7daf039b6c60637e263a478a0bc68fe
-size 232095
+size 250668

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:24cfe760717881ee71f36fae1fb201e74b2c32a2f9a5aef71ef21dab69ea5366
+oid sha256:d12abdfa2a2d7d1943e0e377279134b44de0ad5d8fb12b09e23c2083b728989f
-size 233212
+size 251951

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c846cd10b83361c368bdbb31ed6220cc22693c3cbf52791fb369841af1e9ea48
+oid sha256:afb0295b04f302c25f40774562e7d5b2bb668c4cf1158b521ae9b50a35a58d2b
-size 327701
+size 322068

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:05b35fedbd53dec2cc5c4c211a8db1a56055963de69425ddae2cab5aff7e3e75
+oid sha256:3b94a6d004999869b8650559a70a1427882408b242c9b47788e56320aaeef34c
-size 325750
+size 320114

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8d98e64eda5d6333067ccc599e99636f618331397207bb7534595e2756edb75e
+oid sha256:06cebaaf9e0e4f2b69231ab2b866652419e70df50b0abb68288e08f748ed9b76
-size 309312
+size 301985

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5ccbf1234065b182939f001eb65eca0a62adae41a2d91ef0307d27b059407178
+oid sha256:baf841165dfd7c6315dc7bd82d1be8935976d0a9a70e83f4d70e23a2389dab95
-size 309084
+size 301760

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a699170cabca6fb912d034a588b45961485afe6ef6d2c24f0ab79f10ae00c168
+oid sha256:40f0940bd8a5ddee96ea2aac01d9672478fc15044621bfb10f5f0b20d61f035d
-size 85629
+size 93402

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dd4b2a40fcf02d6db29cb0bc371d93236b4a0be6d4446bab86358692cddb53f5
+oid sha256:48d8c1bef4a59554649fab33aa716ca2e9fe24f29a6b7e0dae9c404afedd6695
-size 91692
+size 99735

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

@@ -155,12 +155,10 @@ private fun getSemanticColors(): ImmutableMap<String, Color> {
             "gradientActionStop2" to gradientActionStop2,
             "gradientActionStop3" to gradientActionStop3,
             "gradientActionStop4" to gradientActionStop4,
+            "gradientCriticalStop1" to gradientCriticalStop1,
+            "gradientCriticalStop2" to gradientCriticalStop2,
             "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,

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -25,6 +25,9 @@ object CompoundIcons {
     @Composable fun Admin(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_admin)
     }
+    @Composable fun AdvancedSettings(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_advanced_settings)
+    }
     @Composable fun ArrowDown(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_arrow_down)
     }
@@ -64,6 +67,9 @@ object CompoundIcons {
     @Composable fun Bold(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_bold)
     }
+    @Composable fun Bug(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_bug)
+    }
     @Composable fun Calendar(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_calendar)
     }
@@ -460,6 +466,9 @@ object CompoundIcons {
     @Composable fun RaisedHandSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_raised_hand_solid)
     }
+    @Composable fun ReOrder(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_re_order)
+    }
     @Composable fun Reaction(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_reaction)
     }
@@ -478,9 +487,18 @@ object CompoundIcons {
     @Composable fun Room(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_room)
     }
+    @Composable fun RotateLeft(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_rotate_left)
+    }
+    @Composable fun RotateRight(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_rotate_right)
+    }
     @Composable fun Search(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_search)
     }
+    @Composable fun Section(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_section)
+    }
     @Composable fun Send(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_send)
     }
@@ -535,6 +553,12 @@ object CompoundIcons {
     @Composable fun Sticker(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_sticker)
     }
+    @Composable fun Stop(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_stop)
+    }
+    @Composable fun StopSolid(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_stop_solid)
+    }
     @Composable fun Strikethrough(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_strikethrough)
     }
@@ -550,6 +574,9 @@ object CompoundIcons {
     @Composable fun TextFormatting(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_text_formatting)
     }
+    @Composable fun Theme(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_theme)
+    }
     @Composable fun Threads(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_threads)
     }
@@ -559,6 +586,12 @@ object CompoundIcons {
     @Composable fun Time(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_time)
     }
+    @Composable fun Translate(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_translate)
+    }
+    @Composable fun Tree(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_tree)
+    }
     @Composable fun Underline(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_underline)
     }
@@ -607,6 +640,9 @@ object CompoundIcons {
     @Composable fun VideoCallOffSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_video_call_off_solid)
     }
+    @Composable fun VideoCallOutgoingSolid(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_video_call_outgoing_solid)
+    }
     @Composable fun VideoCallSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_video_call_solid)
     }
@@ -619,6 +655,15 @@ object CompoundIcons {
     @Composable fun VoiceCall(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_voice_call)
     }
+    @Composable fun VoiceCallDeclinedSolid(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_voice_call_declined_solid)
+    }
+    @Composable fun VoiceCallMissedSolid(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_voice_call_missed_solid)
+    }
+    @Composable fun VoiceCallOutgoingSolid(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_voice_call_outgoing_solid)
+    }
     @Composable fun VoiceCallSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_voice_call_solid)
     }
@@ -643,9 +688,16 @@ object CompoundIcons {
     @Composable fun Windows(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_windows)
     }
+    @Composable fun ZoomIn(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_zoom_in)
+    }
+    @Composable fun ZoomOut(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_zoom_out)
+    }
 
     val all @Composable get() = persistentListOf<ImageVector>(
         Admin(),
+        AdvancedSettings(),
         ArrowDown(),
         ArrowLeft(),
         ArrowRight(),
@@ -659,6 +711,7 @@ object CompoundIcons {
         BackspaceSolid(),
         Block(),
         Bold(),
+        Bug(),
         Calendar(),
         Chart(),
         Chat(),
@@ -791,13 +844,17 @@ object CompoundIcons {
         QrCode(),
         Quote(),
         RaisedHandSolid(),
+        ReOrder(),
         Reaction(),
         ReactionAdd(),
         ReactionSolid(),
         Reply(),
         Restart(),
         Room(),
+        RotateLeft(),
+        RotateRight(),
         Search(),
+        Section(),
         Send(),
         SendSolid(),
         Settings(),
@@ -816,14 +873,19 @@ object CompoundIcons {
         Spotlight(),
         SpotlightView(),
         Sticker(),
+        Stop(),
+        StopSolid(),
         Strikethrough(),
         SwitchCameraSolid(),
         TakePhoto(),
         TakePhotoSolid(),
         TextFormatting(),
+        Theme(),
         Threads(),
         ThreadsSolid(),
         Time(),
+        Translate(),
+        Tree(),
         Underline(),
         Unknown(),
         UnknownSolid(),
@@ -840,10 +902,14 @@ object CompoundIcons {
         VideoCallMissedSolid(),
         VideoCallOff(),
         VideoCallOffSolid(),
+        VideoCallOutgoingSolid(),
         VideoCallSolid(),
         VisibilityOff(),
         VisibilityOn(),
         VoiceCall(),
+        VoiceCallDeclinedSolid(),
+        VoiceCallMissedSolid(),
+        VoiceCallOutgoingSolid(),
         VoiceCallSolid(),
         VolumeOff(),
         VolumeOffSolid(),
@@ -852,10 +918,13 @@ object CompoundIcons {
         Warning(),
         WebBrowser(),
         Windows(),
+        ZoomIn(),
+        ZoomOut(),
     )
 
     val allResIds get() = persistentListOf(
         R.drawable.ic_compound_admin,
+        R.drawable.ic_compound_advanced_settings,
         R.drawable.ic_compound_arrow_down,
         R.drawable.ic_compound_arrow_left,
         R.drawable.ic_compound_arrow_right,
@@ -869,6 +938,7 @@ object CompoundIcons {
         R.drawable.ic_compound_backspace_solid,
         R.drawable.ic_compound_block,
         R.drawable.ic_compound_bold,
+        R.drawable.ic_compound_bug,
         R.drawable.ic_compound_calendar,
         R.drawable.ic_compound_chart,
         R.drawable.ic_compound_chat,
@@ -1001,13 +1071,17 @@ object CompoundIcons {
         R.drawable.ic_compound_qr_code,
         R.drawable.ic_compound_quote,
         R.drawable.ic_compound_raised_hand_solid,
+        R.drawable.ic_compound_re_order,
         R.drawable.ic_compound_reaction,
         R.drawable.ic_compound_reaction_add,
         R.drawable.ic_compound_reaction_solid,
         R.drawable.ic_compound_reply,
         R.drawable.ic_compound_restart,
         R.drawable.ic_compound_room,
+        R.drawable.ic_compound_rotate_left,
+        R.drawable.ic_compound_rotate_right,
         R.drawable.ic_compound_search,
+        R.drawable.ic_compound_section,
         R.drawable.ic_compound_send,
         R.drawable.ic_compound_send_solid,
         R.drawable.ic_compound_settings,
@@ -1026,14 +1100,19 @@ object CompoundIcons {
         R.drawable.ic_compound_spotlight,
         R.drawable.ic_compound_spotlight_view,
         R.drawable.ic_compound_sticker,
+        R.drawable.ic_compound_stop,
+        R.drawable.ic_compound_stop_solid,
         R.drawable.ic_compound_strikethrough,
         R.drawable.ic_compound_switch_camera_solid,
         R.drawable.ic_compound_take_photo,
         R.drawable.ic_compound_take_photo_solid,
         R.drawable.ic_compound_text_formatting,
+        R.drawable.ic_compound_theme,
         R.drawable.ic_compound_threads,
         R.drawable.ic_compound_threads_solid,
         R.drawable.ic_compound_time,
+        R.drawable.ic_compound_translate,
+        R.drawable.ic_compound_tree,
         R.drawable.ic_compound_underline,
         R.drawable.ic_compound_unknown,
         R.drawable.ic_compound_unknown_solid,
@@ -1050,10 +1129,14 @@ object CompoundIcons {
         R.drawable.ic_compound_video_call_missed_solid,
         R.drawable.ic_compound_video_call_off,
         R.drawable.ic_compound_video_call_off_solid,
+        R.drawable.ic_compound_video_call_outgoing_solid,
         R.drawable.ic_compound_video_call_solid,
         R.drawable.ic_compound_visibility_off,
         R.drawable.ic_compound_visibility_on,
         R.drawable.ic_compound_voice_call,
+        R.drawable.ic_compound_voice_call_declined_solid,
+        R.drawable.ic_compound_voice_call_missed_solid,
+        R.drawable.ic_compound_voice_call_outgoing_solid,
         R.drawable.ic_compound_voice_call_solid,
         R.drawable.ic_compound_volume_off,
         R.drawable.ic_compound_volume_off_solid,
@@ -1062,5 +1145,7 @@ object CompoundIcons {
         R.drawable.ic_compound_warning,
         R.drawable.ic_compound_web_browser,
         R.drawable.ic_compound_windows,
+        R.drawable.ic_compound_zoom_in,
+        R.drawable.ic_compound_zoom_out,
     )
 }

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -121,18 +121,14 @@ data class SemanticColors(
     val gradientActionStop3: Color,
     /** Background gradient stop for super and send buttons */
     val gradientActionStop4: Color,
+    /** Subtle background gradient stop for critical */
+    val gradientCriticalStop1: Color,
+    /** Subtle background gradient stop for critical */
+    val gradientCriticalStop2: 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 */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -73,12 +73,10 @@ val compoundColorsDark = SemanticColors(
     gradientActionStop2 = DarkColorTokens.colorGreen900,
     gradientActionStop3 = DarkColorTokens.colorGreen700,
     gradientActionStop4 = DarkColorTokens.colorGreen500,
-    gradientInfoStop1 = DarkColorTokens.colorAlphaBlue500,
+    gradientCriticalStop1 = DarkColorTokens.colorRed200,
-    gradientInfoStop2 = DarkColorTokens.colorAlphaBlue400,
+    gradientCriticalStop2 = DarkColorTokens.colorThemeBg,
-    gradientInfoStop3 = DarkColorTokens.colorAlphaBlue300,
+    gradientInfoStop1 = DarkColorTokens.colorBlue200,
-    gradientInfoStop4 = DarkColorTokens.colorAlphaBlue200,
+    gradientInfoStop2 = DarkColorTokens.colorThemeBg,
-    gradientInfoStop5 = DarkColorTokens.colorAlphaBlue100,
-    gradientInfoStop6 = DarkColorTokens.colorTransparent,
     gradientSubtleStop1 = DarkColorTokens.colorAlphaGreen500,
     gradientSubtleStop2 = DarkColorTokens.colorAlphaGreen400,
     gradientSubtleStop3 = DarkColorTokens.colorAlphaGreen300,

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -73,12 +73,10 @@ val compoundColorsHcDark = SemanticColors(
     gradientActionStop2 = DarkHcColorTokens.colorGreen900,
     gradientActionStop3 = DarkHcColorTokens.colorGreen700,
     gradientActionStop4 = DarkHcColorTokens.colorGreen500,
-    gradientInfoStop1 = DarkHcColorTokens.colorAlphaBlue500,
+    gradientCriticalStop1 = DarkHcColorTokens.colorRed200,
-    gradientInfoStop2 = DarkHcColorTokens.colorAlphaBlue400,
+    gradientCriticalStop2 = DarkHcColorTokens.colorThemeBg,
-    gradientInfoStop3 = DarkHcColorTokens.colorAlphaBlue300,
+    gradientInfoStop1 = DarkHcColorTokens.colorBlue200,
-    gradientInfoStop4 = DarkHcColorTokens.colorAlphaBlue200,
+    gradientInfoStop2 = DarkHcColorTokens.colorThemeBg,
-    gradientInfoStop5 = DarkHcColorTokens.colorAlphaBlue100,
-    gradientInfoStop6 = DarkHcColorTokens.colorTransparent,
     gradientSubtleStop1 = DarkHcColorTokens.colorAlphaGreen500,
     gradientSubtleStop2 = DarkHcColorTokens.colorAlphaGreen400,
     gradientSubtleStop3 = DarkHcColorTokens.colorAlphaGreen300,

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -73,12 +73,10 @@ val compoundColorsLight = SemanticColors(
     gradientActionStop2 = LightColorTokens.colorGreen700,
     gradientActionStop3 = LightColorTokens.colorGreen900,
     gradientActionStop4 = LightColorTokens.colorGreen1100,
-    gradientInfoStop1 = LightColorTokens.colorAlphaBlue500,
+    gradientCriticalStop1 = LightColorTokens.colorRed200,
-    gradientInfoStop2 = LightColorTokens.colorAlphaBlue400,
+    gradientCriticalStop2 = LightColorTokens.colorThemeBg,
-    gradientInfoStop3 = LightColorTokens.colorAlphaBlue300,
+    gradientInfoStop1 = LightColorTokens.colorBlue200,
-    gradientInfoStop4 = LightColorTokens.colorAlphaBlue200,
+    gradientInfoStop2 = LightColorTokens.colorThemeBg,
-    gradientInfoStop5 = LightColorTokens.colorAlphaBlue100,
-    gradientInfoStop6 = LightColorTokens.colorTransparent,
     gradientSubtleStop1 = LightColorTokens.colorAlphaGreen500,
     gradientSubtleStop2 = LightColorTokens.colorAlphaGreen400,
     gradientSubtleStop3 = LightColorTokens.colorAlphaGreen300,

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.
@@ -73,12 +73,10 @@ val compoundColorsHcLight = SemanticColors(
     gradientActionStop2 = LightHcColorTokens.colorGreen700,
     gradientActionStop3 = LightHcColorTokens.colorGreen900,
     gradientActionStop4 = LightHcColorTokens.colorGreen1100,
-    gradientInfoStop1 = LightHcColorTokens.colorAlphaBlue500,
+    gradientCriticalStop1 = LightHcColorTokens.colorRed200,
-    gradientInfoStop2 = LightHcColorTokens.colorAlphaBlue400,
+    gradientCriticalStop2 = LightHcColorTokens.colorThemeBg,
-    gradientInfoStop3 = LightHcColorTokens.colorAlphaBlue300,
+    gradientInfoStop1 = LightHcColorTokens.colorBlue200,
-    gradientInfoStop4 = LightHcColorTokens.colorAlphaBlue200,
+    gradientInfoStop2 = LightHcColorTokens.colorThemeBg,
-    gradientInfoStop5 = LightHcColorTokens.colorAlphaBlue100,
-    gradientInfoStop6 = LightHcColorTokens.colorTransparent,
     gradientSubtleStop1 = LightHcColorTokens.colorAlphaGreen500,
     gradientSubtleStop2 = LightHcColorTokens.colorAlphaGreen400,
     gradientSubtleStop3 = LightHcColorTokens.colorAlphaGreen300,

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2025 Element Creations Ltd.
+ * Copyright (c) 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
  * Please see LICENSE files in the repository root for full details.

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

@@ -0,0 +1,14 @@
+<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,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2m0,18c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,-8 8,3.59 8,8 -3.59,8 -8,8"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M13.49,11.38c0.43,-1.22 0.17,-2.64 -0.81,-3.62a3.47,3.47 0,0 0,-4.1 -0.59l2.35,2.35 -1.41,1.41 -2.35,-2.35c-0.71,1.32 -0.52,2.99 0.59,4.1 0.98,0.98 2.4,1.24 3.62,0.81l3.41,3.41c0.2,0.2 0.51,0.2 0.71,0l1.4,-1.4c0.2,-0.2 0.2,-0.51 0,-0.71z"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

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

@@ -4,11 +4,11 @@
     android:autoMirrored="true"
     android:viewportWidth="24"
     android:viewportHeight="24">
-  <group>
+  <path
-    <clip-path
+      android:pathData="M15.043,8.457a1,1 0,0 1,1.414 1.414l-2.043,2.043 2.129,2.129a1,1 0,1 1,-1.414 1.414l-2.13,-2.129 -2.127,2.129a1,1 0,0 1,-1.415 -1.414l2.129,-2.129 -2.043,-2.043a1,1 0,0 1,1.414 -1.414L13,10.5z"
-        android:pathData="M0,0h24v24H0z"/>
+      android:fillColor="#FF000000"/>
-    <path
+  <path
-        android:pathData="M21.167,3.75L7.417,3.75c-0.633,0 -1.128,0.32 -1.458,0.807L1,12l4.96,7.434c0.33,0.486 0.824,0.816 1.457,0.816h13.75A1.84,1.84 0,0 0,23 18.417L23,5.583a1.84,1.84 0,0 0,-1.833 -1.833m0,14.667L7.48,18.417L3.2,12l4.272,-6.417h13.695zM10.542,16.583 L13.833,13.293 17.124,16.583 18.417,15.291L15.126,12l3.29,-3.29 -1.292,-1.293 -3.29,3.29 -3.291,-3.29L9.25,8.709 12.54,12l-3.29,3.29z"
+      android:pathData="M20,4a2,2 0,0 1,2 2v12a2,2 0,0 1,-2 2H7.28a2,2 0,0 1,-1.655 -0.877l-4.072,-6a2,2 0,0 1,0 -2.246l4.072,-6A2,2 0,0 1,7.28 4zM3.208,12l4.072,6H20V6H7.28z"
-        android:fillColor="#FF000000"/>
+      android:fillColor="#FF000000"
-  </group>
+      android:fillType="evenOdd"/>
 </vector>

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

@@ -5,6 +5,7 @@
     android:viewportWidth="24"
     android:viewportHeight="24">
   <path
-      android:pathData="M21.15,4H7.283c-0.638,0 -1.137,0.311 -1.47,0.782l-4.66,6.73a0.87,0.87 0,0 0,0 0.986l4.66,6.72c0.333,0.462 0.832,0.782 1.47,0.782h13.869C22.168,20 23,19.2 23,18.222V5.778C23,4.8 22.168,4 21.15,4m-3.42,11.822a0.947,0.947 0,0 1,-1.304 0l-2.672,-2.569 -2.672,2.57a0.947,0.947 0,0 1,-1.303 0,0.86 0.86,0 0,1 0,-1.254L12.45,12 9.779,9.431a0.86,0.86 0,0 1,0 -1.253,0.947 0.947,0 0,1 1.303,0l2.672,2.569 2.672,-2.57a0.947,0.947 0,0 1,1.304 0c0.36,0.347 0.36,0.907 0,1.254L15.058,12l2.672,2.569a0.877,0.877 0,0 1,0 1.253"
+      android:pathData="M20,4a2,2 0,0 1,2 2v12a2,2 0,0 1,-2 2L7.33,20a2,2 0,0 1,-1.673 -0.902l-3.937,-6a2,2 0,0 1,0 -2.196l3.937,-6A2,2 0,0 1,7.33 4zM16.457,8.457a1,1 0,0 0,-1.414 0L13,10.5l-2.043,-2.043a1,1 0,0 0,-1.414 1.414l2.043,2.043 -2.129,2.129a1,1 0,0 0,1.414 1.414l2.13,-2.129 2.128,2.129a1,1 0,0 0,1.414 -1.414l-2.129,-2.129 2.043,-2.043a1,1 0,0 0,0 -1.414"
-      android:fillColor="#FF000000"/>
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
 </vector>

libraries/compound/src/main/res/drawable/ic_compound_bug.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="M19,8h-1.81a6,6 0,0 0,-1.82 -1.96l0.93,-0.93a0.996,0.996 0,1 0,-1.41 -1.41l-1.47,1.47C12.96,5.06 12.49,5 12,5s-0.96,0.06 -1.41,0.17L9.11,3.7A0.996,0.996 0,1 0,7.7 5.11l0.92,0.93C7.88,6.55 7.26,7.22 6.81,8H5c-0.55,0 -1,0.45 -1,1s0.45,1 1,1h1.09c-0.05,0.33 -0.09,0.66 -0.09,1v1H5c-0.55,0 -1,0.45 -1,1s0.45,1 1,1h1v1c0,0.34 0.04,0.67 0.09,1H5c-0.55,0 -1,0.45 -1,1s0.45,1 1,1h1.81c1.04,1.79 2.97,3 5.19,3s4.15,-1.21 5.19,-3H19c0.55,0 1,-0.45 1,-1s-0.45,-1 -1,-1h-1.09c0.05,-0.33 0.09,-0.66 0.09,-1v-1h1c0.55,0 1,-0.45 1,-1s-0.45,-1 -1,-1h-1v-1c0,-0.34 -0.04,-0.67 -0.09,-1H19c0.55,0 1,-0.45 1,-1s-0.45,-1 -1,-1m-6,8h-2c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1h2c0.55,0 1,0.45 1,1s-0.45,1 -1,1m0,-4h-2c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1h2c0.55,0 1,0.45 1,1s-0.45,1 -1,1"
+      android:fillColor="#FF000000"/>
+</vector>

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

@@ -4,7 +4,7 @@
     android:viewportWidth="24"
     android:viewportHeight="24">
   <path
-      android:pathData="M16.099,2.4a4.1,4.1 0,0 1,-1.057 3.074c-0.747,0.862 -1.878,1.358 -3.07,1.347 -0.075,-1.081 0.315,-2.146 1.085,-2.96 0.78,-0.825 1.866,-1.346 3.042,-1.461m3.767,6.54c-1.37,0.783 -2.213,2.163 -2.234,3.657 0.002,1.69 1.092,3.215 2.768,3.873a9.4,9.4 0,0 1,-1.44 2.723c-0.848,1.178 -1.737,2.329 -3.149,2.35 -0.67,0.015 -1.124,-0.165 -1.596,-0.351 -0.493,-0.195 -1.006,-0.398 -1.809,-0.398 -0.851,0 -1.388,0.21 -1.905,0.412 -0.447,0.174 -0.88,0.343 -1.49,0.367 -1.343,0.046 -2.37,-1.258 -3.25,-2.425 -1.756,-2.383 -3.124,-6.716 -1.29,-9.664 0.861,-1.437 2.471,-2.349 4.241,-2.402 0.763,-0.015 1.494,0.258 2.136,0.497 0.49,0.183 0.928,0.347 1.286,0.347 0.315,0 0.74,-0.157 1.237,-0.34 0.78,-0.288 1.737,-0.64 2.71,-0.545 1.514,0.044 2.917,0.748 3.785,1.9"
+      android:pathData="M16.099,2.4a4.1,4.1 0,0 1,-1.057 3.073c-0.747,0.863 -1.878,1.36 -3.07,1.348 -0.075,-1.081 0.315,-2.146 1.085,-2.96 0.78,-0.825 1.866,-1.346 3.042,-1.461m3.767,6.54c-1.37,0.783 -2.214,2.163 -2.234,3.657 0.002,1.69 1.092,3.215 2.768,3.873a9.4,9.4 0,0 1,-1.44 2.723c-0.848,1.178 -1.737,2.329 -3.149,2.35 -0.671,0.015 -1.124,-0.165 -1.596,-0.351 -0.493,-0.195 -1.006,-0.398 -1.809,-0.398 -0.852,0 -1.388,0.21 -1.905,0.412 -0.447,0.174 -0.88,0.343 -1.49,0.367 -1.343,0.046 -2.37,-1.258 -3.25,-2.425 -1.756,-2.383 -3.124,-6.716 -1.29,-9.664 0.86,-1.437 2.471,-2.349 4.241,-2.402 0.763,-0.015 1.494,0.258 2.135,0.497 0.49,0.183 0.929,0.347 1.287,0.347 0.315,0 0.74,-0.157 1.237,-0.34 0.78,-0.288 1.737,-0.64 2.71,-0.545 1.514,0.044 2.917,0.748 3.785,1.9"
       android:fillColor="#FF000000"
       android:fillType="evenOdd"/>
 </vector>

libraries/compound/src/main/res/drawable/ic_compound_re_order.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,4c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2m0,6c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2m0,6c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2m6,0c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2m0,-6c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2m0,-6c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_rotate_left.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.56,7.98C6.1,7.52 5.31,7.6 5,8.17c-0.28,0.51 -0.5,1.03 -0.67,1.58 -0.19,0.63 0.31,1.25 0.96,1.25h0.01c0.43,0 0.82,-0.28 0.94,-0.7q0.18,-0.6 0.48,-1.17c0.22,-0.37 0.15,-0.84 -0.16,-1.15M5.31,13h-0.02c-0.65,0 -1.15,0.62 -0.96,1.25 0.16,0.54 0.38,1.07 0.66,1.58 0.31,0.57 1.11,0.66 1.57,0.2 0.3,-0.31 0.38,-0.77 0.17,-1.15 -0.2,-0.37 -0.36,-0.76 -0.48,-1.16a0.97,0.97 0,0 0,-0.94 -0.72m2.85,6.02q0.765,0.42 1.59,0.66c0.62,0.18 1.24,-0.32 1.24,-0.96v-0.03c0,-0.43 -0.28,-0.82 -0.7,-0.94 -0.4,-0.12 -0.78,-0.28 -1.15,-0.48a0.97,0.97 0,0 0,-1.16 0.17l-0.03,0.03c-0.45,0.45 -0.36,1.24 0.21,1.55M13,4.07v-0.66c0,-0.89 -1.08,-1.34 -1.71,-0.71L9.17,4.83c-0.4,0.4 -0.4,1.04 0,1.43l2.13,2.08c0.63,0.62 1.7,0.17 1.7,-0.72V6.09c2.84,0.48 5,2.94 5,5.91 0,2.73 -1.82,5.02 -4.32,5.75a0.97,0.97 0,0 0,-0.68 0.94v0.02c0,0.65 0.61,1.14 1.23,0.96A7.976,7.976 0,0 0,20 12c0,-4.08 -3.05,-7.44 -7,-7.93"
+      android:fillColor="#FF000000"/>
+</vector>

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

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group>
+    <clip-path
+        android:pathData="M0,0h24v24H0z"/>
+    <path
+        android:pathData="M14.83,4.83 L12.7,2.7c-0.62,-0.62 -1.7,-0.18 -1.7,0.71v0.66C7.06,4.56 4,7.92 4,12c0,3.64 2.43,6.71 5.77,7.68 0.62,0.18 1.23,-0.32 1.23,-0.96v-0.03a0.97,0.97 0,0 0,-0.68 -0.94A5.98,5.98 0,0 1,6 12c0,-2.97 2.16,-5.43 5,-5.91v1.53c0,0.89 1.07,1.33 1.7,0.71l2.13,-2.08a0.99,0.99 0,0 0,0 -1.42m4.84,4.93q-0.24,-0.825 -0.66,-1.59c-0.31,-0.57 -1.1,-0.66 -1.56,-0.2l-0.01,0.01c-0.31,0.31 -0.38,0.78 -0.17,1.16 0.2,0.37 0.36,0.76 0.48,1.16 0.12,0.42 0.51,0.7 0.94,0.7h0.02c0.65,0 1.15,-0.62 0.96,-1.24M13,18.68v0.02c0,0.65 0.62,1.14 1.24,0.96q0.825,-0.24 1.59,-0.66c0.57,-0.31 0.66,-1.1 0.2,-1.56l-0.02,-0.02a0.97,0.97 0,0 0,-1.16 -0.17c-0.37,0.21 -0.76,0.37 -1.16,0.49 -0.41,0.12 -0.69,0.51 -0.69,0.94m4.44,-2.65c0.46,0.46 1.25,0.37 1.56,-0.2 0.28,-0.51 0.5,-1.04 0.67,-1.59 0.18,-0.62 -0.31,-1.24 -0.96,-1.24h-0.02c-0.44,0 -0.82,0.28 -0.94,0.7q-0.18,0.6 -0.48,1.17c-0.21,0.38 -0.13,0.86 0.17,1.16"
+        android:fillColor="#FF000000"/>
+  </group>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_section.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="M16,7a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,15 8q0,0.424 0.287,0.713Q15.576,9 16,9t0.712,-0.287A0.97,0.97 0,0 0,17 8a0.97,0.97 0,0 0,-0.288 -0.713A0.97,0.97 0,0 0,16 7m0,4a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,15 12q0,0.424 0.287,0.713 0.288,0.287 0.713,0.287 0.424,0 0.712,-0.287A0.97,0.97 0,0 0,17 12a0.97,0.97 0,0 0,-0.288 -0.713A0.97,0.97 0,0 0,16 11m0,4a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,15 16q0,0.424 0.287,0.712 0.288,0.288 0.713,0.288 0.424,0 0.712,-0.288A0.97,0.97 0,0 0,17 16a0.97,0.97 0,0 0,-0.288 -0.713A0.97,0.97 0,0 0,16 15m-4,-8L8,7a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,7 8q0,0.424 0.287,0.713Q7.576,9 8,9h4q0.424,0 0.713,-0.287A0.97,0.97 0,0 0,13 8a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,12 7m0,4L8,11a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,7 12q0,0.424 0.287,0.713Q7.576,13 8,13h4q0.424,0 0.713,-0.287A0.97,0.97 0,0 0,13 12a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,12 11m0,4L8,15a0.97,0.97 0,0 0,-0.713 0.287A0.97,0.97 0,0 0,7 16q0,0.424 0.287,0.712Q7.576,17 8,17h4q0.424,0 0.713,-0.288A0.97,0.97 0,0 0,13 16a0.97,0.97 0,0 0,-0.287 -0.713A0.97,0.97 0,0 0,12 15m7,-12q0.824,0 1.413,0.587Q21,4.176 21,5v14q0,0.824 -0.587,1.413A1.93,1.93 0,0 1,19 21L5,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 3zM19,5L5,5v14h14z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_stop.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="M16,18v2L8,20v-2zM18,16L18,8a2,2 0,0 0,-2 -2L8,6a2,2 0,0 0,-2 2v8a2,2 0,0 0,2 2v2a4,4 0,0 1,-4 -4L4,8a4,4 0,0 1,4 -4h8a4,4 0,0 1,4 4v8a4,4 0,0 1,-4 4v-2a2,2 0,0 0,2 -2"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_stop_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="M4,8a4,4 0,0 1,4 -4h8a4,4 0,0 1,4 4v8a4,4 0,0 1,-4 4H8a4,4 0,0 1,-4 -4z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_theme.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,22c5.52,0 10,-4.48 10,-10S17.52,2 12,2 2,6.48 2,12s4.48,10 10,10m1,-17.93c3.94,0.49 7,3.85 7,7.93s-3.05,7.44 -7,7.93z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_translate.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="M13,2a2,2 0,0 1,2 2v4h6a2,2 0,0 1,2 2v12.586c0,0.89 -1.077,1.337 -1.707,0.707L19,21h-8a2,2 0,0 1,-2 -2v-4L5,15l-2.293,2.293c-0.63,0.63 -1.707,0.184 -1.707,-0.707L1,4a2,2 0,0 1,2 -2zM15.5,12.125L12,12.125v1.25h4.37c-0.031,0.73 -0.325,1.457 -0.871,2.151a4.4,4.4 0,0 1,-0.613 -1.026h-1.33c0.202,0.69 0.57,1.335 1.067,1.932 -0.524,0.448 -1.162,0.873 -1.912,1.263l0.578,1.11a11.3,11.3 0,0 0,2.21 -1.483c0.633,0.553 1.382,1.05 2.212,1.483l0.578,-1.11c-0.75,-0.39 -1.388,-0.815 -1.912,-1.263 0.758,-0.912 1.213,-1.939 1.245,-3.057L20,13.375v-1.25h-3.25L16.75,10.25L15.5,10.25zM3,14.172l0.586,-0.586A2,2 0,0 1,5 13h4v-2.47L6.96,10.53L6.563,12L5,12l2.031,-7L8.97,5l0.96,3.312A2,2 0,0 1,11 8h2L13,4L3,4zM7.306,9.245h1.386l-0.67,-2.481h-0.047z"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_tree.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.01,5v1H11c0.333,0 1,0 1.5,0.5S13,7.667 13,8v7.01c0,0.54 0.45,0.99 0.99,0.99H15v-1a2,2 0,0 1,2 -2h3a2,2 0,0 1,2 2v4a2,2 0,0 1,-2 2h-3a2,2 0,0 1,-2 -2v-1h-1.01C12.34,18 11,16.66 11,15.01V9c0,-1 0,-1 -1,-1H9v1a2,2 0,0 1,-2 2H4a2,2 0,0 1,-2 -2V5c0,-1.1 0.9,-2 2,-2h3.01a2,2 0,0 1,2 2"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_video_call_outgoing_solid.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="M16,4a2,2 0,0 1,2 2v4.286l3.35,-2.871a1,1 0,0 1,1.65 0.759v7.652a1,1 0,0 1,-1.65 0.759L18,13.714V18a2,2 0,0 1,-2 2H6a4,4 0,0 1,-4 -4V8a4,4 0,0 1,4 -4zM9.55,9l-0.103,0.005a1,1 0,0 0,0 1.99L9.55,11h0.571l-2.828,2.828a1,1 0,0 0,1.414 1.414L11.55,12.4v0.6l0.005,0.102a1,1 0,0 0,1.99 0L13.55,13v-3l-0.005,-0.103A1,1 0,0 0,12.55 9z"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

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

@@ -4,12 +4,8 @@
     android:autoMirrored="true"
     android:viewportWidth="24"
     android:viewportHeight="24">
-  <group>
+  <path
-    <clip-path
+      android:pathData="M8.929,15.1a13.6,13.6 0,0 0,4.654 3.066q2.62,1.036 5.492,0.923h0.008l0.003,-0.004 0.003,-0.002 -0.034,-3.124 -3.52,-0.483 -1.791,1.792 -0.645,-0.322a13.5,13.5 0,0 1,-3.496 -2.52,13.4 13.4,0 0,1 -2.52,-3.496l-0.322,-0.645 1.792,-1.791 -0.483,-3.52 -3.123,-0.033 -0.003,0.002 -0.003,0.004v0.002a13.65,13.65 0,0 0,0.932 5.492A13.4,13.4 0,0 0,8.93 15.1m3.92,4.926a15.6,15.6 0,0 1,-5.334 -3.511,15.4 15.4,0 0,1 -3.505,-5.346 15.6,15.6 0,0 1,-1.069 -6.274,1.93 1.93,0 0,1 0.589,-1.366c0.366,-0.366 0.84,-0.589 1.386,-0.589h0.01l3.163,0.035a1.96,1.96 0,0 1,1.958 1.694v0.005l0.487,3.545v0.003c0.043,0.297 0.025,0.605 -0.076,0.907a2,2 0,0 1,-0.485 0.773l-0.762,0.762a11.3,11.3 0,0 0,1.806 2.348,11.4 11.4,0 0,0 2.348,1.806l0.762,-0.762a2,2 0,0 1,0.774 -0.485c0.302,-0.1 0.61,-0.118 0.907,-0.076l3.553,0.487a1.96,1.96 0,0 1,1.694 1.958l0.034,3.174c0,0.546 -0.223,1.02 -0.588,1.386 -0.36,0.36 -0.827,0.582 -1.363,0.588a15.3,15.3 0,0 1,-6.29 -1.062"
-        android:pathData="M0,0h24v24H0z"/>
+      android:fillColor="#FF000000"
-    <path
+      android:fillType="evenOdd"/>
-        android:pathData="M8.929,15.1a13.6,13.6 0,0 0,4.654 3.066q2.62,1.036 5.492,0.923h0.008l0.003,-0.004 0.003,-0.002 -0.034,-3.124 -3.52,-0.483 -1.791,1.792 -0.645,-0.322a13.5,13.5 0,0 1,-3.496 -2.52,13.4 13.4,0 0,1 -2.52,-3.496l-0.322,-0.644 1.792,-1.792 -0.483,-3.519 -3.123,-0.034 -0.003,0.002 -0.003,0.004v0.002a13.65,13.65 0,0 0,0.932 5.492A13.4,13.4 0,0 0,8.93 15.1m3.92,4.926a15.6,15.6 0,0 1,-5.334 -3.511,15.4 15.4,0 0,1 -3.505,-5.346 15.6,15.6 0,0 1,-1.069 -6.274,1.93 1.93,0 0,1 0.589,-1.366c0.366,-0.366 0.84,-0.589 1.386,-0.589h0.01l3.163,0.035a1.96,1.96 0,0 1,1.958 1.694v0.005l0.487,3.545v0.003c0.043,0.297 0.025,0.605 -0.076,0.907a2,2 0,0 1,-0.485 0.773l-0.762,0.762a11.4,11.4 0,0 0,3.206 3.54q0.457,0.33 0.948,0.614l0.762,-0.761a2,2 0,0 1,0.774 -0.486c0.302,-0.1 0.61,-0.118 0.907,-0.076l3.553,0.487a1.96,1.96 0,0 1,1.694 1.958l0.034,3.174c0,0.546 -0.223,1.02 -0.588,1.386 -0.361,0.36 -0.827,0.582 -1.363,0.588a15.3,15.3 0,0 1,-6.29 -1.062"
-        android:fillColor="#FF000000"
-        android:fillType="evenOdd"/>
-  </group>
 </vector>

libraries/compound/src/main/res/drawable/ic_compound_voice_call_declined_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.623,3.04a1.07,1.07 0,0 1,1.086 0.929l0.542,3.954q0.039,0.27 -0.038,0.504a1.1,1.1 0,0 1,-0.272 0.427l-1.64,1.64Q7.806,11.5 8.456,12.4c0.433,0.601 1.444,1.697 1.444,1.697 0.013,0.012 1.098,1.014 1.696,1.444q0.9,0.65 1.909,1.153l1.64,-1.64q0.194,-0.194 0.426,-0.27a1.1,1.1 0,0 1,0.504 -0.04l3.953,0.543q0.407,0.058 0.67,0.358 0.26,0.301 0.26,0.728l0.04,3.527q0,0.427 -0.33,0.756 -0.33,0.33 -0.756,0.33a16,16 0,0 1,-6.57 -1.105,16.2 16.2,0 0,1 -5.563,-3.663 16.1,16.1 0,0 1,-3.653 -5.573,16.3 16.3,0 0,1 -1.116,-6.56q0,-0.426 0.329,-0.756Q3.67,3 4.095,3zM20.25,3q0.405,0 0.707,0.3 0.3,0.301 0.3,0.708t-0.3,0.707l-1.414,1.414 1.414,1.414q0.3,0.3 0.3,0.707t-0.3,0.707 -0.707,0.3 -0.707,-0.3l-1.414,-1.414 -1.414,1.414q-0.3,0.3 -0.707,0.3t-0.707,-0.3T15,8.25q0,-0.406 0.3,-0.707l1.415,-1.414L15.3,4.715q-0.3,-0.3 -0.301,-0.707 0,-0.407 0.3,-0.707t0.71,-0.301q0.405,0 0.707,0.3l1.414,1.415L19.543,3.3q0.3,-0.3 0.707,-0.301"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_voice_call_missed_solid.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="M7.623,3.04a1.07,1.07 0,0 1,1.086 0.929l0.542,3.954q0.039,0.27 -0.038,0.504a1.1,1.1 0,0 1,-0.272 0.427l-1.64,1.64Q7.806,11.5 8.456,12.4c0.433,0.601 1.444,1.697 1.444,1.697 0.013,0.012 1.098,1.014 1.696,1.444q0.9,0.65 1.909,1.153l1.64,-1.64q0.194,-0.194 0.426,-0.27a1.1,1.1 0,0 1,0.504 -0.04l3.953,0.543q0.407,0.058 0.67,0.358 0.26,0.301 0.26,0.728l0.04,3.527q0,0.427 -0.33,0.756 -0.33,0.33 -0.756,0.33a16,16 0,0 1,-6.57 -1.105,16.2 16.2,0 0,1 -5.563,-3.663 16.1,16.1 0,0 1,-3.653 -5.573,16.3 16.3,0 0,1 -1.116,-6.56q0,-0.426 0.329,-0.756Q3.67,3 4.095,3z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M16,5q0.425,0 0.713,0.287Q17,5.575 17,6a0.97,0.97 0,0 1,-0.287 0.713A0.97,0.97 0,0 1,16 7h-0.5l2.2,2.15 2.4,-2.4a0.95,0.95 0,0 1,0.7 -0.275,0.95 0.95,0 0,1 0.7,0.275q0.3,0.3 0.3,0.7a0.92,0.92 0,0 1,-0.275 0.675l-3.125,3.15a0.8,0.8 0,0 1,-0.312 0.225,1.04 1.04,0 0,1 -0.776,0 0.9,0.9 0,0 1,-0.312 -0.2l-3,-3V9a0.97,0.97 0,0 1,-0.287 0.713A0.97,0.97 0,0 1,13 10a0.97,0.97 0,0 1,-0.713 -0.287A0.97,0.97 0,0 1,12 9V6q0,-0.425 0.287,-0.713A0.97,0.97 0,0 1,13 5z"
+      android:fillColor="#FF000000"/>
+</vector>

libraries/compound/src/main/res/drawable/ic_compound_voice_call_outgoing_solid.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="M7.623,3.04a1.07,1.07 0,0 1,1.086 0.929l0.542,3.954q0.039,0.27 -0.038,0.504a1.1,1.1 0,0 1,-0.272 0.427l-1.64,1.64Q7.806,11.5 8.456,12.4c0.433,0.601 1.444,1.697 1.444,1.697 0.013,0.012 1.098,1.014 1.696,1.444q0.9,0.65 1.909,1.153l1.64,-1.64q0.194,-0.194 0.426,-0.27a1.1,1.1 0,0 1,0.504 -0.04l3.953,0.543q0.407,0.058 0.67,0.358 0.26,0.301 0.26,0.728l0.04,3.527q0,0.427 -0.33,0.756 -0.33,0.33 -0.756,0.33a16,16 0,0 1,-6.57 -1.105,16.2 16.2,0 0,1 -5.563,-3.663 16.1,16.1 0,0 1,-3.653 -5.573,16.3 16.3,0 0,1 -1.116,-6.56q0,-0.426 0.329,-0.756Q3.67,3 4.095,3z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M19.964,3a1,1 0,0 1,0.995 0.897l0.005,0.103v3l-0.005,0.103a1,1 0,0 1,-1.99 0L18.964,7v-0.605l-4.05,4.02A1,1 0,0 1,13.5 9l4.03,-4h-0.566l-0.103,-0.005a1,1 0,0 1,0 -1.99L16.964,3z"
+      android:fillColor="#FF000000"/>
+</vector>

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

@@ -0,0 +1,23 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group>
+    <clip-path
+        android:pathData="M0,0h24v24H0z"/>
+    <path
+        android:pathData="M10.5,6.5q0.425,0 0.713,0.287 0.288,0.288 0.287,0.713v2h2q0.425,0 0.713,0.287 0.288,0.288 0.287,0.713a0.97,0.97 0,0 1,-0.287 0.713,0.97 0.97,0 0,1 -0.713,0.287h-2v2a0.97,0.97 0,0 1,-0.287 0.713,0.97 0.97,0 0,1 -0.713,0.287 0.97,0.97 0,0 1,-0.713 -0.287,0.97 0.97,0 0,1 -0.287,-0.713v-2h-2a0.97,0.97 0,0 1,-0.713 -0.287,0.97 0.97,0 0,1 -0.287,-0.713q0,-0.425 0.287,-0.713A0.97,0.97 0,0 1,7.5 9.5h2v-2q0,-0.425 0.287,-0.713A0.97,0.97 0,0 1,10.5 6.5"
+        android:fillColor="#FF000000"/>
+    <path
+        android:pathData="M10.5,3a7.5,7.5 0,0 1,5.963 12.049l3.244,3.244a1,1 0,1 1,-1.414 1.414l-3.244,-3.244A7.5,7.5 0,1 1,10.5 3m0,2a5.5,5.5 0,1 0,0 11,5.5 5.5,0 0,0 0,-11"
+        android:fillColor="#FF000000"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M15.05,16.463a7.5,7.5 0,1 1,1.414 -1.414l3.243,3.244a1,1 0,0 1,-1.414 1.414zM16,10.5a5.5,5.5 0,1 0,-11 0,5.5 5.5,0 0,0 11,0"
+        android:fillColor="#FF000000"/>
+    <path
+        android:pathData="M7.875,11.375h1.75v1.75q0,0.372 0.252,0.623A0.85,0.85 0,0 0,10.5 14a0.85,0.85 0,0 0,0.623 -0.252,0.85 0.85,0 0,0 0.252,-0.623v-1.75h1.75a0.85,0.85 0,0 0,0.623 -0.252A0.85,0.85 0,0 0,14 10.5a0.85,0.85 0,0 0,-0.252 -0.623,0.85 0.85,0 0,0 -0.623,-0.252h-1.75v-1.75a0.85,0.85 0,0 0,-0.252 -0.623A0.85,0.85 0,0 0,10.5 7a0.85,0.85 0,0 0,-0.623 0.252,0.85 0.85,0 0,0 -0.252,0.623v1.75h-1.75a0.85,0.85 0,0 0,-0.623 0.252A0.85,0.85 0,0 0,7 10.5q0,0.372 0.252,0.623a0.85,0.85 0,0 0,0.623 0.252"
+        android:fillColor="#FF000000"/>
+  </group>
+</vector>

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

@@ -0,0 +1,13 @@
+<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="M13.5,9.5q0.425,0 0.713,0.287 0.288,0.288 0.287,0.713a0.97,0.97 0,0 1,-0.287 0.713,0.97 0.97,0 0,1 -0.713,0.287h-6a0.97,0.97 0,0 1,-0.713 -0.287,0.97 0.97,0 0,1 -0.287,-0.713q0,-0.425 0.287,-0.713A0.97,0.97 0,0 1,7.5 9.5z"
+      android:fillColor="#FF000000"/>
+  <path
+      android:pathData="M10.5,3a7.5,7.5 0,0 1,5.963 12.049l3.244,3.244a1,1 0,1 1,-1.414 1.414l-3.244,-3.244A7.5,7.5 0,1 1,10.5 3m0,2a5.5,5.5 0,1 0,0 11,5.5 5.5,0 0,0 0,-11"
+      android:fillColor="#FF000000"
+      android:fillType="evenOdd"/>
+</vector>

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/atomic/molecules/ComposerAlertMolecule.kt

@@ -26,6 +26,8 @@ import androidx.compose.ui.tooling.preview.PreviewParameter
 import androidx.compose.ui.unit.dp
 import io.element.android.compound.theme.ElementTheme
 import io.element.android.compound.tokens.generated.CompoundIcons
+import io.element.android.libraries.designsystem.colors.gradientCriticalColors
+import io.element.android.libraries.designsystem.colors.gradientInfoColors
 import io.element.android.libraries.designsystem.components.avatar.Avatar
 import io.element.android.libraries.designsystem.components.avatar.AvatarData
 import io.element.android.libraries.designsystem.components.avatar.AvatarType
@@ -38,13 +40,16 @@ import io.element.android.libraries.designsystem.theme.components.Icon
 import io.element.android.libraries.designsystem.theme.components.Text
 import io.element.android.libraries.ui.strings.CommonStrings
 
+/**
+ * Ref: https://www.figma.com/design/G1xy0HDZKJf5TCRFmKb5d5/Compound-Android-Components?node-id=2392-6721
+ */
 @Composable
 fun ComposerAlertMolecule(
     avatar: AvatarData?,
     content: AnnotatedString,
     onSubmitClick: () -> Unit,
     modifier: Modifier = Modifier,
-    level: ComposerAlertLevel = ComposerAlertLevel.Default,
+    level: ComposerAlertLevel = ComposerAlertLevel.Info,
     showIcon: Boolean = false,
     submitText: String = stringResource(CommonStrings.action_ok),
 ) {
@@ -52,20 +57,12 @@ fun ComposerAlertMolecule(
         modifier.fillMaxWidth()
     ) {
         val lineColor = when (level) {
-            ComposerAlertLevel.Default -> ElementTheme.colors.borderInfoSubtle
             ComposerAlertLevel.Info -> ElementTheme.colors.borderInfoSubtle
             ComposerAlertLevel.Critical -> ElementTheme.colors.borderCriticalSubtle
         }
 
-        val startColor = when (level) {
-            ComposerAlertLevel.Default -> ElementTheme.colors.bgInfoSubtle
-            ComposerAlertLevel.Info -> ElementTheme.colors.bgInfoSubtle
-            ComposerAlertLevel.Critical -> ElementTheme.colors.bgCriticalSubtle
-        }
-
         val textColor = when (level) {
-            ComposerAlertLevel.Default -> ElementTheme.colors.textPrimary
+            ComposerAlertLevel.Info -> ElementTheme.colors.textPrimary
-            ComposerAlertLevel.Info -> ElementTheme.colors.textInfoPrimary
             ComposerAlertLevel.Critical -> ElementTheme.colors.textCriticalPrimary
         }
 
@@ -75,12 +72,13 @@ fun ComposerAlertMolecule(
                 .height(1.dp)
                 .background(lineColor)
         )
-        val brush = Brush.verticalGradient(
+        val gradientColors = when (level) {
-            listOf(startColor, ElementTheme.colors.bgCanvasDefault),
+            ComposerAlertLevel.Info -> gradientInfoColors()
-        )
+            ComposerAlertLevel.Critical -> gradientCriticalColors()
+        }
         Box(
             modifier = Modifier
-                .background(brush)
+                .background(Brush.verticalGradient(gradientColors))
                 .padding(start = 16.dp, end = 16.dp, top = 16.dp, bottom = 8.dp)
         ) {
             Column(
@@ -96,12 +94,10 @@ fun ComposerAlertMolecule(
                         )
                     } else if (showIcon) {
                         val icon = when (level) {
-                            ComposerAlertLevel.Default -> CompoundIcons.Info()
                             ComposerAlertLevel.Info -> CompoundIcons.Info()
                             ComposerAlertLevel.Critical -> CompoundIcons.Error()
                         }
                         val iconTint = when (level) {
-                            ComposerAlertLevel.Default -> ElementTheme.colors.iconPrimary
                             ComposerAlertLevel.Info -> ElementTheme.colors.iconInfoPrimary
                             ComposerAlertLevel.Critical -> ElementTheme.colors.iconCriticalPrimary
                         }
@@ -131,7 +127,6 @@ fun ComposerAlertMolecule(
 }
 
 enum class ComposerAlertLevel {
-    Default,
     Info,
     Critical
 }

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/atomic/molecules/ComposerAlertMoleculeParamsProvider.kt

@@ -21,7 +21,6 @@ internal data class ComposerAlertMoleculeParams(
 
 internal class ComposerAlertMoleculeParamsProvider : PreviewParameterProvider<ComposerAlertMoleculeParams> {
     private val allLevels = sequenceOf(
-        ComposerAlertLevel.Default,
         ComposerAlertLevel.Info,
         ComposerAlertLevel.Critical
     )

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/colors/Gradient.kt

@@ -38,8 +38,11 @@ fun gradientSubtleColors(): List<Color> = listOf(
 fun gradientInfoColors(): List<Color> = listOf(
     ElementTheme.colors.gradientInfoStop1,
     ElementTheme.colors.gradientInfoStop2,
-    ElementTheme.colors.gradientInfoStop3,
+)
-    ElementTheme.colors.gradientInfoStop4,
+
-    ElementTheme.colors.gradientInfoStop5,
+@Composable
-    ElementTheme.colors.gradientInfoStop6,
+@ReadOnlyComposable
+fun gradientCriticalColors(): List<Color> = listOf(
+    ElementTheme.colors.gradientCriticalStop1,
+    ElementTheme.colors.gradientCriticalStop2,
 )

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/icons/IconsList.kt

@@ -14,7 +14,6 @@ import io.element.android.libraries.designsystem.R
 // All the icons should be defined in Compound.
 internal val iconsOther = listOf(
     R.drawable.ic_notification,
-    R.drawable.ic_stop,
     R.drawable.pin,
     R.drawable.ic_winner,
 )

libraries/designsystem/src/main/res/drawable/ic_stop.xml

@@ -1,9 +0,0 @@
-<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,16V8C6,7.45 6.196,6.979 6.588,6.588C6.979,6.196 7.45,6 8,6H16C16.55,6 17.021,6.196 17.413,6.588C17.804,6.979 18,7.45 18,8V16C18,16.55 17.804,17.021 17.413,17.413C17.021,17.804 16.55,18 16,18H8C7.45,18 6.979,17.804 6.588,17.413C6.196,17.021 6,16.55 6,16Z"
-      android:fillColor="#ffffff"/>
-</vector>

libraries/textcomposer/impl/src/main/kotlin/io/element/android/libraries/textcomposer/components/VoiceMessageRecorderButtonIcon.kt

@@ -23,7 +23,6 @@ import io.element.android.libraries.designsystem.preview.ElementPreview
 import io.element.android.libraries.designsystem.preview.PreviewsDayNight
 import io.element.android.libraries.designsystem.theme.components.Icon
 import io.element.android.libraries.designsystem.theme.components.IconButton
-import io.element.android.libraries.designsystem.utils.CommonDrawables
 
 @Composable
 internal fun VoiceMessageRecorderButtonIcon(
@@ -65,7 +64,7 @@ private fun StopButton(
     ) {
         Icon(
             modifier = Modifier.size(24.dp),
-            resourceId = CommonDrawables.ic_stop,
+            imageVector = CompoundIcons.StopSolid(),
             // Note: accessibility is managed in TextComposer.
             contentDescription = null,
             tint = ElementTheme.colors.iconOnSolidPrimary,

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:430d5286c4a59eea7020ba082610374d0d69790734dbca3da814d86f4b740012
+oid sha256:011c3caceeb03e9162c5e60dd71d53212971e13b7a6b58692feb901ac13b79e1
-size 35941
+size 35844

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_1_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c18873cedc9b1390af00d6ae3e6af5308cd806eb6b6ce638c924779d27588e6
+oid sha256:aef835a050377afd05e6a517107586160a86fce4f32344fd92d00a08b4a2c660
-size 36346
+size 36250

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_2_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:405c000168f3369b4c942676905e02a1babac4405edb6ae0c366f9a51f3e3d79
+oid sha256:f36922d058b19410a38456a9e29760f9b890c1fc0549b3aba2a0e76d3dc64c54
-size 37177
+size 37079

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_3_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90728bbeccfddabbe88aa48e645ecef44e0bbcd06ffaa33afd3a09d15ab87d9c
+oid sha256:3a1fce6ec4b708fab1df642899f8b12a335dc50c386e2ab2b6168b501069422b
-size 40200
+size 40137

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_4_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:df0885f9389247dd506b75869a20dba6330ef7e67343dfdc1478a25089ff7248
+oid sha256:ec435ce434370cb5ca711458b955e8843872b01675234eab15cad4ab6e08dc38
-size 33641
+size 33542

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_5_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:78ed552b1112f9fe6f64d7e1911543302eef7e481997850c55ab677a4774ced1
+oid sha256:f17bdcb653ee9c811b70fa98a975b76e73ea59a896fde869875d7fc8c84f8450
-size 37500
+size 37438

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_6_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7d4dd70566a5d285f4ae448076eadc03973c501cefae04469bd1dac7b07261d2
+oid sha256:4b939d947263360619b40986550bad3715439cd9037285410c32c26cc4078251
-size 29789
+size 29725

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Day_7_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cfb45a91a984afc31376db5fe7038650527505b937f3d8dd444e22478c8770a6
+oid sha256:98252e4f345d6b34e37a8b065cb570f85b5678f6d81b36ef96ca3c5df9433a23
-size 29870
+size 29804

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:99b099d03e53332d971cf703817af3ad6b0e5721ceb36c6a6ba98fb368bdeb80
+oid sha256:e87b9820e45b16a13d2f9fb0a470b5f57abf0e45f48d16e5049c4abca04e94ea
-size 34684
+size 34629

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_1_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:02c8fae133d02db2caae3d5ab09c8e124beaf7cec0dfa207d1c6551edfc14ef2
+oid sha256:74e88064bd3817c79443b6ed2df9b68e9e455d7bef2d94590854ce0d937e2107
-size 35055
+size 34997

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_2_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:96fc33b031be71d79f20059351531149893063f3366d745de7a55f05dc06e435
+oid sha256:23d3ded6d54724df9d03d382e12b58fc23970c354de52dc90cb0b13b66c9c614
-size 35782
+size 35729

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_3_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6ef4bde885a848b4b0be1406b979dcf6c21c3b521d783461d6de698286bac605
+oid sha256:be40f01d7694d9d92977037f9d84d9f1a1762f9d10ac20db271227032ecc18ff
-size 37888
+size 37834

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_4_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ceeddcd04359b8c794dcd3f416409c4104b003f4fe68259f55bb17c2af274a3a
+oid sha256:94ed59c67dacb5066006189c0daf6d55704495ecffd145d69ea3ba968ffda246
-size 32529
+size 32467

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_5_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e335823e079be1ad9e432cac403cab511fa15d854d9515b15554f392c0cdde81
+oid sha256:f204a4e3d113c1f835c959246c5abdaf8dcf601757f17219c83d57d356bc3fdb
-size 35435
+size 35381

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_6_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1d8079dc52cde1c2116d08dd47ac5082c62bb7fe7e906575833da8fa3b10b885
+oid sha256:f76eed2d734821db5e84dcf93e4b83fcb64350f8d41a18827f0ec4242779c5a1
-size 28402
+size 28348

tests/uitests/src/test/snapshots/images/features.lockscreen.impl.unlock_PinUnlockView_Night_7_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:874201b58d12f6bc76861d74018a8bbe84a14adf01adea96d72dda0c6af4ae63
+oid sha256:d98c1f00e81a318d5df078cb91f88b1a16fe01bf37b835d9c8b976045d4b3023
-size 27920
+size 27860

tests/uitests/src/test/snapshots/images/libraries.designsystem.theme.components_AllIcons_Icons_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:813b2ee132d7de92e384b185dea13b366a6760095e03c52a9f127bc21402c383
+oid sha256:9af7cbe72cb2e9905ed8b4eb7f9007eaf92bc8dec5b23e0af46d7b41f770b2a8
-size 105960
+size 113751

tests/uitests/src/test/snapshots/images/libraries.textcomposer.components_VoiceMessageRecorderButtonIcon_Day_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5a1d961ff9854bc804ae3df561ae33f562523fa2ff9ca7ce3758c31c1d8a5c4e
+oid sha256:ebfb2a9e5cb38253191c83d232b89db3f2e1fa5eb299aa34747e46eaa1b390fc
-size 5772
+size 5898

tests/uitests/src/test/snapshots/images/libraries.textcomposer.components_VoiceMessageRecorderButtonIcon_Night_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3bc1dee4cf07940aa2bdefb8a5927a6d93ab246f94e19bb625c25581717be3bf
+oid sha256:e36f5044c7d30751eda3d5745e14821a0e6a51f4a6ef2b6e63e05475e1110bf9
-size 5739
+size 5828

tests/uitests/src/test/snapshots/images/libraries.textcomposer_TextComposerVoiceNotEncrypted_Day_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:71cf49cfdeb78764419825b26e75100c6dbc07e3ae20fcd4882b4dc63c56dcb7
+oid sha256:c394e9a8d80c6081b9759817e06077508d02d34b972edc6a44d5ebe428679448
-size 35961
+size 36087

tests/uitests/src/test/snapshots/images/libraries.textcomposer_TextComposerVoiceNotEncrypted_Night_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fa12f44951d01cd2fbcffe3ccf83e7205ea3cb83f681249599b40a36c5df5ad2
+oid sha256:e72a58d07138e2e771ff848f435cfb04956c4f96c66e07100dc1a1905c126fef
-size 34142
+size 34267

tests/uitests/src/test/snapshots/images/libraries.textcomposer_TextComposerVoice_Day_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d908cc7fe22e3f970aa597768d1a9acff8f89efc91b66f066ba1069dd4b22a78
+oid sha256:6852bf756c3f1d44e21409b884c422773c887b1623b2a80c8394394916ed87f6
-size 25108
+size 25210

tests/uitests/src/test/snapshots/images/libraries.textcomposer_TextComposerVoice_Night_0_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1005f62c18a05ca7f49311412ba5986e5cc950fc7225e012eee6242c547afcdd
+oid sha256:1376d130c9cc5ebf37786708ef3acd75ad11516db6d23a81906ff5ebbfa002d0
-size 24066
+size 24184

tools/compound/addAutoMirrored.py

@@ -94,9 +94,13 @@ files = [
     "ic_compound_video_call_missed_solid.xml",
     "ic_compound_video_call_off.xml",
     "ic_compound_video_call_off_solid.xml",
+    "ic_compound_video_call_outgoing_solid.xml",
     "ic_compound_video_call_solid.xml",
     "ic_compound_visibility_off.xml",
     "ic_compound_voice_call.xml",
+    "ic_compound_voice_call_declined_solid.xml",
+    "ic_compound_voice_call_missed_solid.xml",
+    "ic_compound_voice_call_outgoing_solid.xml",
     "ic_compound_voice_call_solid.xml",
     "ic_compound_volume_off.xml",
     "ic_compound_volume_off_solid.xml",