Merge pull request #788 from microsoft/dhruvMishra/snackbarTokenAndElevation

[V2 Snackbar] Added Elevation Tokens to Snackbar

Author: Dhruv-Mishra

fluentui_core/src/main/java/com/microsoft/fluentui/theme/token/controlTokens/SnackbarTokens.kt

@@ -11,6 +11,7 @@ import androidx.compose.ui.unit.dp
 import com.microsoft.fluentui.theme.FluentTheme.aliasTokens
 import com.microsoft.fluentui.theme.token.ControlInfo
 import com.microsoft.fluentui.theme.token.FluentAliasTokens
+import com.microsoft.fluentui.theme.token.FluentGlobalTokens
 import com.microsoft.fluentui.theme.token.IControlToken
 import kotlinx.parcelize.Parcelize
 
@@ -91,6 +92,17 @@ open class SnackBarTokens : IControlToken, Parcelable {
         )
     }
 
+    @Composable
+    open fun shadowElevationValue(snackBarInfo: SnackBarInfo): Dp {
+        return when (snackBarInfo.style) {
+            SnackbarStyle.Neutral -> FluentGlobalTokens.ShadowTokens.Shadow02.value
+            SnackbarStyle.Contrast -> FluentGlobalTokens.ShadowTokens.Shadow16.value
+            SnackbarStyle.Accent -> FluentGlobalTokens.ShadowTokens.Shadow04.value
+            SnackbarStyle.Warning -> FluentGlobalTokens.ShadowTokens.Shadow08.value
+            SnackbarStyle.Danger -> FluentGlobalTokens.ShadowTokens.Shadow00.value
+        }
+    }
+
     @Composable
     open fun leftIconSize(snackBarInfo: SnackBarInfo): Dp = 24.dp
 

fluentui_notification/src/main/java/com/microsoft/fluentui/tokenized/notification/Snackbar.kt

@@ -15,6 +15,7 @@ import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.LocalConfiguration
@@ -227,7 +228,7 @@ fun Snackbar(
             bottom = 12.dp,
             end = 16.dp
         ) else PaddingValues(start = 16.dp, top = 12.dp, bottom = 12.dp)
-
+    val shadowElevationValue = token.shadowElevationValue(snackBarInfo)
     NotificationContainer(
         notificationMetadata = metadata,
         hasIcon = metadata.icon != null,
@@ -257,6 +258,10 @@ fun Snackbar(
                 .padding(horizontal = 16.dp)
                 .defaultMinSize(minHeight = 52.dp)
                 .fillMaxWidth()
+                .shadow(
+                    elevation = shadowElevationValue,
+                    shape = RoundedCornerShape(8.dp)
+                )
                 .clip(RoundedCornerShape(8.dp))
                 .background(token.backgroundBrush(snackBarInfo))
                 .semantics {