Updated on 2026-08-14

core/ui/src/main/java/com/tangem/core/ui/components/Cards.kt

@@ -13,6 +13,7 @@ import androidx.compose.material.Text
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
@@ -162,11 +163,12 @@ fun CardWithIcon(
  * >Figma component</a>
  */
 @Composable
-fun IconWithTitleAndDescription(
+internal fun IconWithTitleAndDescription(
     title: String,
-    description: String,
+    description: String?,
     icon: @Composable () -> Unit,
     additionalContent: @Composable () -> Unit = {},
+    iconBackground: Color = TangemTheme.colors.background.secondary,
 ) {
     Row(
         modifier = Modifier
@@ -182,7 +184,7 @@ fun IconWithTitleAndDescription(
         Box(
             modifier = Modifier
                 .background(
-                    color = TangemTheme.colors.background.secondary,
+                    color = iconBackground,
                     shape = CircleShape,
                 )
                 .height(TangemTheme.dimens.size40)
@@ -205,12 +207,14 @@ fun IconWithTitleAndDescription(
                 color = TangemTheme.colors.text.primary1,
                 style = TangemTheme.typography.subtitle1,
             )
-            SpacerH4()
-            Text(
-                text = description,
-                color = TangemTheme.colors.text.secondary,
-                style = TangemTheme.typography.body2,
-            )
+            if (description != null) {
+                SpacerH4()
+                Text(
+                    text = description,
+                    color = TangemTheme.colors.text.secondary,
+                    style = TangemTheme.typography.body2,
+                )
+            }
         }
 
         additionalContent()

core/ui/src/main/java/com/tangem/core/ui/components/TangemSwitch.kt

@@ -23,7 +23,7 @@ import com.tangem.core.ui.res.TangemTheme
 @Composable
 fun TangemSwitch(
     onCheckedChange: (Boolean) -> Unit,
-    checkedColor: Color = TangemTheme.colors.icon.accent,
+    checkedColor: Color = TangemTheme.colors.control.checked,
     uncheckedColor: Color = TangemTheme.colors.icon.informative,
     size: Dp = 48.dp,
     checked: Boolean = false,

core/ui/src/main/java/com/tangem/core/ui/components/Warnings.kt

@@ -9,6 +9,7 @@ import androidx.compose.material.ExperimentalMaterialApi
 import androidx.compose.material.Icon
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import com.tangem.core.ui.R
@@ -36,6 +37,28 @@ fun WarningCard(title: String, description: String, icon: @Composable (() -> Uni
     )
 }
 
+/**
+ * A card with a warning icon to the left and title without description shown to the right of it.
+ *
+ * @param title title of the warning in bold
+ *
+ * @see <a href = "https://www.figma.com/file/14ISV23YB1yVW1uNVwqrKv/Android?node-id=290%3A217&t=yMepJZTRh5bLkOoJ-1"
+ * >Figma component</a>
+ */
+@Composable
+fun WarningCardTitleOnly(title: String, icon: @Composable (() -> Unit)? = null) {
+    WarningCardMaterial3Style(
+        content = {
+            WarningBody(
+                title = title,
+                description = null,
+                icon = icon,
+                iconBackground = TangemTheme.colors.button.disabled,
+            )
+        },
+    )
+}
+
 /**
  * [WarningCard], but clickable (with an 'greater then' icon to the left)
  *
@@ -105,7 +128,8 @@ fun RefreshableWaringCard(
 @Composable
 private fun WarningBody(
     title: String,
-    description: String,
+    description: String?,
+    iconBackground: Color = TangemTheme.colors.background.secondary,
     icon: @Composable (() -> Unit)? = null,
     additionalContent: @Composable () -> Unit = {},
 ) {
@@ -119,6 +143,7 @@ private fun WarningBody(
                 contentDescription = null,
             )
         },
+        iconBackground = iconBackground,
     )
 }
 
@@ -136,6 +161,20 @@ private fun WarningCardSurface(onClick: (() -> Unit)? = null, content: @Composab
     }
 }
 
+@OptIn(ExperimentalMaterialApi::class)
+@Composable
+private fun WarningCardMaterial3Style(onClick: (() -> Unit)? = null, content: @Composable () -> Unit) {
+    Card(
+        shape = RoundedCornerShape(TangemTheme.dimens.radius16),
+        backgroundColor = TangemTheme.colors.button.disabled,
+        elevation = TangemTheme.dimens.elevation0,
+        onClick = onClick ?: {},
+        enabled = onClick != null,
+    ) {
+        content()
+    }
+}
+
 // endregion elements
 
 // region Preview

core/ui/src/main/java/com/tangem/core/ui/decorations/RoundedDecorations.kt

@@ -7,18 +7,34 @@ import androidx.compose.ui.composed
 import androidx.compose.ui.draw.clip
 import com.tangem.core.ui.res.TangemTheme
 
-fun Modifier.roundedShapeItemDecoration(currentIndex: Int, lastIndex: Int): Modifier = composed {
-    val modifierWithHorizontalPadding = this.padding(horizontal = TangemTheme.dimens.spacing16)
+fun Modifier.roundedShapeItemDecoration(
+    currentIndex: Int,
+    lastIndex: Int,
+    addDefaultPadding: Boolean = true,
+): Modifier = composed {
+    val modifier = if (addDefaultPadding) this.padding(horizontal = TangemTheme.dimens.spacing16) else this
     val isSingleItem = currentIndex == 0 && lastIndex == 0
     when {
         isSingleItem -> {
-            modifierWithHorizontalPadding
-                .padding(top = TangemTheme.dimens.spacing14)
+            modifier
+                .then(
+                    if (addDefaultPadding) {
+                        Modifier.padding(top = TangemTheme.dimens.spacing14)
+                    } else {
+                        Modifier
+                    },
+                )
                 .clip(shape = TangemTheme.shapes.roundedCornersXMedium)
         }
         currentIndex == 0 -> {
-            modifierWithHorizontalPadding
-                .padding(top = TangemTheme.dimens.spacing14)
+            modifier
+                .then(
+                    if (addDefaultPadding) {
+                        Modifier.padding(top = TangemTheme.dimens.spacing14)
+                    } else {
+                        Modifier
+                    },
+                )
                 .clip(
                     shape = RoundedCornerShape(
                         topStart = TangemTheme.dimens.radius16,
@@ -27,7 +43,7 @@ fun Modifier.roundedShapeItemDecoration(currentIndex: Int, lastIndex: Int): Modi
                 )
         }
         currentIndex == lastIndex -> {
-            modifierWithHorizontalPadding
+            modifier
                 .clip(
                     shape = RoundedCornerShape(
                         bottomStart = TangemTheme.dimens.radius16,
@@ -35,6 +51,6 @@ fun Modifier.roundedShapeItemDecoration(currentIndex: Int, lastIndex: Int): Modi
                     ),
                 )
         }
-        else -> modifierWithHorizontalPadding
+        else -> modifier
     }
 }