[Crane] Implement updates to transition animation api under Crane's Home screen (#1167)

** The label parameter was added to color animation transitions for the
non-editable input field on the Home screen. Adding this label makes it
easier to inspect this transition in the Animation Preview.

** 

Replaced the experimental “with” extension function used alongside
the fade-in animation with the stable “togetherWith” function.

No major logic was altered.

Author: mlykotom

Crane/app/src/main/java/androidx/compose/samples/crane/home/CraneHome.kt

@@ -17,15 +17,14 @@
 package androidx.compose.samples.crane.home
 
 import androidx.compose.animation.AnimatedContent
-import androidx.compose.animation.ExperimentalAnimationApi
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.EaseIn
 import androidx.compose.animation.core.EaseInOut
 import androidx.compose.animation.core.EaseOut
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.animation.with
+import androidx.compose.animation.togetherWith
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.sizeIn
@@ -204,7 +203,6 @@ private fun HomeTabBar(
 
 private const val TAB_SWITCH_ANIM_DURATION = 300
 
-@OptIn(ExperimentalAnimationApi::class)
 @Composable
 private fun SearchContent(
     widthSize: WindowWidthSizeClass,
@@ -222,7 +220,7 @@ private fun SearchContent(
         transitionSpec = {
             fadeIn(
                 animationSpec = tween(TAB_SWITCH_ANIM_DURATION, easing = EaseIn)
-            ).with(
+            ).togetherWith(
                 fadeOut(
                     animationSpec = tween(TAB_SWITCH_ANIM_DURATION, easing = EaseOut)
                 )

Crane/app/src/main/java/androidx/compose/samples/crane/home/SearchUserInput.kt

@@ -134,9 +134,9 @@ private fun tintPeopleUserInput(
     val validColor = MaterialTheme.colors.onSurface
     val invalidColor = MaterialTheme.colors.secondary
 
-    val transition = updateTransition(transitionState)
+    val transition = updateTransition(transitionState, label = "tintTransition")
     return transition.animateColor(
-        transitionSpec = { tween(durationMillis = 300) }
+        transitionSpec = { tween(durationMillis = 300) }, label = "tintTransitionSpec"
     ) {
         if (it == Valid) validColor else invalidColor
     }